Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Stylists",
|
||||
id: "team",
|
||||
},
|
||||
name: "Stylists", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumière Salon"
|
||||
/>
|
||||
@@ -56,62 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Style"
|
||||
description="Experience personalized hair care in our tranquil sanctuary, where every detail is designed to bring out your natural beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
alt: "Happy client one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg", alt: "Happy client one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
alt: "Happy client two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", alt: "Happy client two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
alt: "Happy client three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg", alt: "Happy client three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
|
||||
alt: "Happy client four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg", alt: "Happy client four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
alt: "Happy client five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", alt: "Happy client five"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
type: "text", text: "Expert Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Treatments",
|
||||
},
|
||||
type: "text", text: "Premium Treatments"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Color Specialists",
|
||||
},
|
||||
type: "text", text: "Color Specialists"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Relaxing Ambience",
|
||||
},
|
||||
type: "text", text: "Relaxing Ambience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-winning Salon",
|
||||
},
|
||||
type: "text", text: "Award-winning Salon"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,19 +92,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Client Happiness",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Client Happiness", value: "99%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Experience",
|
||||
value: "15+ Years",
|
||||
},
|
||||
label: "Experience", value: "15+ Years"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Services",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Services", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,40 +111,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Styling",
|
||||
description: "Expert cuts designed to enhance your facial features and suit your lifestyle.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg",
|
||||
},
|
||||
title: "Precision Styling", description: "Expert cuts designed to enhance your facial features and suit your lifestyle.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg?_wi=2",
|
||||
imageAlt: "hair styling transformation modern cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Custom Coloring",
|
||||
description: "Personalized color palettes designed to illuminate and rejuvenate your look.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229742.jpg",
|
||||
},
|
||||
title: "Custom Coloring", description: "Personalized color palettes designed to illuminate and rejuvenate your look.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229742.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-background-design_1300-175.jpg",
|
||||
imageAlt: "hair styling transformation modern cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Hydrating Rituals",
|
||||
description: "Deeply nourishing treatments for healthy, lustrous hair that feels alive.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-home_23-2148817210.jpg",
|
||||
},
|
||||
title: "Hydrating Rituals", description: "Deeply nourishing treatments for healthy, lustrous hair that feels alive.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-home_23-2148817210.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-color-palette_23-2150538684.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-with-motorcycle-gear_23-2147771898.jpg",
|
||||
imageAlt: "hair styling transformation modern cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-color-palette_23-2150538684.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -198,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydrate Shampoo",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg",
|
||||
},
|
||||
id: "p1", name: "Hydrate Shampoo", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smooth Conditioner",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669156.jpg",
|
||||
},
|
||||
id: "p2", name: "Smooth Conditioner", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669156.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Glossy Serum",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-taking-care-her-hair_23-2148108879.jpg",
|
||||
},
|
||||
id: "p3", name: "Glossy Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-taking-care-her-hair_23-2148108879.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Thermal Shield",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-barber-uniform-holding-spray-bottle-isolated-orange-wall_141793-86259.jpg",
|
||||
},
|
||||
id: "p4", name: "Thermal Shield", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-barber-uniform-holding-spray-bottle-isolated-orange-wall_141793-86259.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Recovery Mask",
|
||||
price: "$52",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg",
|
||||
},
|
||||
id: "p5", name: "Recovery Mask", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Finish Texturizer",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg",
|
||||
},
|
||||
id: "p6", name: "Finish Texturizer", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg"},
|
||||
]}
|
||||
title="Professional Hair Care"
|
||||
description="Bring the salon experience home with our collection of high-performance products."
|
||||
@@ -247,26 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Elena Ross",
|
||||
role: "Creative Director",
|
||||
description: "15+ years of mastery in bespoke cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-while-painting-pictures_329181-17266.jpg",
|
||||
},
|
||||
id: "m1", name: "Elena Ross", role: "Creative Director", description: "15+ years of mastery in bespoke cuts.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-while-painting-pictures_329181-17266.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Marcus Chen",
|
||||
role: "Colorist Expert",
|
||||
description: "Precision colorist specializing in balayage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",
|
||||
},
|
||||
id: "m2", name: "Marcus Chen", role: "Colorist Expert", description: "Precision colorist specializing in balayage.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sarah Miller",
|
||||
role: "Senior Stylist",
|
||||
description: "Expert in styling and healthy hair therapy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-black-clothes-doing-make-up-procedure-special-salon_231208-3545.jpg",
|
||||
},
|
||||
id: "m3", name: "Sarah Miller", role: "Senior Stylist", description: "Expert in styling and healthy hair therapy.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-black-clothes-doing-make-up-procedure-special-salon_231208-3545.jpg"},
|
||||
]}
|
||||
title="Meet Our Stylists"
|
||||
description="Our expert team of creative professionals is dedicated to your transformation."
|
||||
@@ -281,45 +187,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Claire B.",
|
||||
role: "Client",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
id: "t1", name: "Claire B.", role: "Client", company: "Local Patron", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James L.",
|
||||
role: "Client",
|
||||
company: "Regular Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg",
|
||||
},
|
||||
id: "t2", name: "James L.", role: "Client", company: "Regular Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia P.",
|
||||
role: "Client",
|
||||
company: "First-time Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg",
|
||||
},
|
||||
id: "t3", name: "Sophia P.", role: "Client", company: "First-time Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Client",
|
||||
company: "Long-term Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Client", company: "Long-term Patron", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna S.",
|
||||
role: "Client",
|
||||
company: "Wedding Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg",
|
||||
},
|
||||
id: "t5", name: "Anna S.", role: "Client", company: "Wedding Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg"},
|
||||
]}
|
||||
title="Our Guests Love Us"
|
||||
description="Don't just take our word for it—read about the experiences of our valued clients."
|
||||
@@ -331,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we highly recommend booking a consultation for color services.",
|
||||
},
|
||||
id: "q1", title: "Do you offer consultations?", content: "Yes, we highly recommend booking a consultation for color services."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How early should I book?",
|
||||
content: "We recommend booking at least 2 weeks in advance.",
|
||||
},
|
||||
id: "q2", title: "How early should I book?", content: "We recommend booking at least 2 weeks in advance."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "We have dedicated visitor parking spaces directly behind our salon.",
|
||||
},
|
||||
id: "q3", title: "Is parking available?", content: "We have dedicated visitor parking spaces directly behind our salon."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -355,8 +227,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a transformation?"
|
||||
description="Book your appointment today and discover your new signature style."
|
||||
@@ -369,33 +240,21 @@ export default function LandingPage() {
|
||||
logoText="Lumière Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user