Merge version_1 into main #1
276
src/app/page.tsx
276
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Clock, Users } from "lucide-react";
|
||||
import { Award, Clock, Users, Scissors, Zap, Palette, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,79 +32,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Jay's Hair Salon"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Jay's Hair Salon"
|
||||
description="Family-owned since 2010. Providing precise cuts, modern styles, and expert care to the Richardson community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg",
|
||||
imageAlt: "Haircuts",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-model-with-afro-curls-hairstyle-dressed-summer-hipster-white-dress_158538-740.jpg",
|
||||
imageAlt: "Perms",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167370.jpg",
|
||||
imageAlt: "Color",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
|
||||
imageAlt: "Happy client",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg", imageAlt: "Salon Interior" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg", imageAlt: "Haircuts" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-model-with-afro-curls-hairstyle-dressed-summer-hipster-white-dress_158538-740.jpg", imageAlt: "Perms" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167370.jpg", imageAlt: "Color" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg", imageAlt: "Happy client" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg", imageAlt: "Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,21 +68,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Legacy"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Active",
|
||||
value: "14+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Average Rating",
|
||||
value: "4.8★",
|
||||
},
|
||||
{ icon: Clock, label: "Years Active", value: "14+" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "10k+" },
|
||||
{ icon: Award, label: "Average Rating", value: "4.8★" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -139,30 +81,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts",
|
||||
description: "Precision cutting for all styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-hairstylist-cutting-customer-s-hair-front-mirror_1098-20647.jpg",
|
||||
buttonIcon: "Scissors",
|
||||
},
|
||||
{
|
||||
title: "Perms",
|
||||
description: "Volume, texture, and long-lasting shape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-great-mood-dressed-black-top-with-silver-ornament-blows-kiss-takes-selfie-isolated-space_197531-15581.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Coloring",
|
||||
description: "Natural highlights and bold tones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg",
|
||||
buttonIcon: "Palette",
|
||||
},
|
||||
{
|
||||
title: "Styling",
|
||||
description: "Everyday looks and special events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{ title: "Haircuts", description: "Precision cutting for all styles.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-hairstylist-cutting-customer-s-hair-front-mirror_1098-20647.jpg", buttonIcon: Scissors },
|
||||
{ title: "Perms", description: "Volume, texture, and long-lasting shape.", imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-great-mood-dressed-black-top-with-silver-ornament-blows-kiss-takes-selfie-isolated-space_197531-15581.jpg", buttonIcon: Zap },
|
||||
{ title: "Coloring", description: "Natural highlights and bold tones.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg", buttonIcon: Palette },
|
||||
{ title: "Styling", description: "Everyday looks and special events.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg", buttonIcon: Sparkles },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Expert services tailored to your unique style and needs."
|
||||
@@ -175,50 +97,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$25",
|
||||
subtitle: "Men's Cuts",
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Shampoo",
|
||||
"Quick style",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Essential",
|
||||
price: "$35",
|
||||
subtitle: "Women's Cuts",
|
||||
features: [
|
||||
"Style consultation",
|
||||
"Wash",
|
||||
"Cut & Blowout",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Pro",
|
||||
price: "$120",
|
||||
subtitle: "Full Perm",
|
||||
features: [
|
||||
"Custom curl",
|
||||
"Long-lasting",
|
||||
"Care tips",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
badge: "Pro",
|
||||
price: "$140",
|
||||
subtitle: "Highlights",
|
||||
features: [
|
||||
"Full head",
|
||||
"Conditioning",
|
||||
"Gloss treatment",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Essential", price: "$25", subtitle: "Men's Cuts", features: ["Precision cut", "Shampoo", "Quick style"] },
|
||||
{ id: "p2", badge: "Essential", price: "$35", subtitle: "Women's Cuts", features: ["Style consultation", "Wash", "Cut & Blowout"] },
|
||||
{ id: "p3", badge: "Pro", price: "$120", subtitle: "Full Perm", features: ["Custom curl", "Long-lasting", "Care tips"] },
|
||||
{ id: "p4", badge: "Pro", price: "$140", subtitle: "Highlights", features: ["Full head", "Conditioning", "Gloss treatment"] },
|
||||
]}
|
||||
title="Pricing"
|
||||
description="Quality care at accessible prices."
|
||||
@@ -231,41 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Best service in Richardson! My hair looks amazing every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-stylist-applying-makeup-unrecognizable-model_23-2147783895.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David M.",
|
||||
handle: "@davidm",
|
||||
testimonial: "Reliable, fast, and always friendly. My go-to salon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "So much better than those overpriced mall salons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael P.",
|
||||
handle: "@michaelp",
|
||||
testimonial: "Excellent neck massage during wash, great attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "Found my new favorite stylist here. Truly a hidden gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-tossing-hair-smiling_176420-18276.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah K.", handle: "@sarahk", testimonial: "Best service in Richardson! My hair looks amazing every time.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-stylist-applying-makeup-unrecognizable-model_23-2147783895.jpg" },
|
||||
{ id: "t2", name: "David M.", handle: "@davidm", testimonial: "Reliable, fast, and always friendly. My go-to salon.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "So much better than those overpriced mall salons.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg" },
|
||||
{ id: "t4", name: "Michael P.", handle: "@michaelp", testimonial: "Excellent neck massage during wash, great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg" },
|
||||
{ id: "t5", name: "Jessica L.", handle: "@jessl", testimonial: "Found my new favorite stylist here. Truly a hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-tossing-hair-smiling_176420-18276.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our community says."
|
||||
@@ -276,15 +128,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Richardson Chamber",
|
||||
"Local Business Awards",
|
||||
"Style Magazine",
|
||||
"Neighborhood News",
|
||||
"Best of Texas",
|
||||
"Community First",
|
||||
"Richardson Daily",
|
||||
]}
|
||||
names={["Richardson Chamber", "Local Business Awards", "Style Magazine", "Neighborhood News", "Best of Texas", "Community First", "Richardson Daily"]}
|
||||
title="Trusted Local Partner"
|
||||
description="Proud to be part of the Richardson small business family."
|
||||
/>
|
||||
@@ -294,21 +138,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "No, we are walk-in friendly! Just come by at your convenience.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, debit cards, and credit cards.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open Monday through Saturday.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "No, we are walk-in friendly! Just come by at your convenience." },
|
||||
{ id: "q2", title: "What payment methods do you accept?", content: "We accept cash, debit cards, and credit cards." },
|
||||
{ id: "q3", title: "Are you open on weekends?", content: "Yes, we are open Monday through Saturday." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -318,9 +150,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Walk in today"
|
||||
description="No appointments needed. Find us at 123 Main St, Richardson, TX."
|
||||
@@ -331,36 +161,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Jay's Hair Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user