Merge version_1 into main #2
169
src/app/page.tsx
169
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Waves Salon"
|
||||
/>
|
||||
@@ -57,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Where every cut tells your story"
|
||||
description="Waves Salon is a boutique experience where expert stylists build lasting relationships with every client. From bold transformations to everyday confidence, we're here to help you feel like yourself—beautifully."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gdc9c1baf62b43b3941293b83d5b2ccdab382cda1bae7d5b5c343b9ea2d821dc594b5b50226a9f201139d6a964857724e550d44e799a86e7f5d83b34c68aa09ad_1280.jpg?_wi=1",
|
||||
imageAlt: "Luxury salon interior",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/gdc9c1baf62b43b3941293b83d5b2ccdab382cda1bae7d5b5c343b9ea2d821dc594b5b50226a9f201139d6a964857724e550d44e799a86e7f5d83b34c68aa09ad_1280.jpg", imageAlt: "Luxury salon interior"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g2d263102edcbd70430bdf71f7bd5647316787539eef74c8d1df1e9ccc76347156b5438eafaa6d29e949139a173fef979d489db52bf44d37669d0908852d2402b_1280.jpg?_wi=1",
|
||||
imageAlt: "Stylist working on a client",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g2d263102edcbd70430bdf71f7bd5647316787539eef74c8d1df1e9ccc76347156b5438eafaa6d29e949139a173fef979d489db52bf44d37669d0908852d2402b_1280.jpg", imageAlt: "Stylist working on a client"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g794ea4392c0fed88c2a3a295e442bf0fe33e158a9aa40821dbba927d215fe90bb52a441b3111467b10ea7e06f947a9090fd9cf1ab1588f89159ce5bb41d87322_1280.jpg?_wi=1",
|
||||
imageAlt: "Beautiful hair transformation result",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g794ea4392c0fed88c2a3a295e442bf0fe33e158a9aa40821dbba927d215fe90bb52a441b3111467b10ea7e06f947a9090fd9cf1ab1588f89159ce5bb41d87322_1280.jpg", imageAlt: "Beautiful hair transformation result"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gbdb726c3abade990e9470b27aeecd3c96374cb13f084defcd0fd3fd8f187b9e4dcb351a001274c099a231f2ee378337fc039307a5c4cfe18a5af9c05c9fc0352_1280.jpg",
|
||||
imageAlt: "Stylist equipment",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/gbdb726c3abade990e9470b27aeecd3c96374cb13f084defcd0fd3fd8f187b9e4dcb351a001274c099a231f2ee378337fc039307a5c4cfe18a5af9c05c9fc0352_1280.jpg", imageAlt: "Stylist equipment"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g70db766c050a97b2b694f4bfb8c0ad337b7666f093210141609dcb4a5fdf09908c209b0dd4e529eb4e1838be4c8653539a651c2362f5623904d619a66cbd3b8a_1280.jpg",
|
||||
imageAlt: "Stylist consultation",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g70db766c050a97b2b694f4bfb8c0ad337b7666f093210141609dcb4a5fdf09908c209b0dd4e529eb4e1838be4c8653539a651c2362f5623904d619a66cbd3b8a_1280.jpg", imageAlt: "Stylist consultation"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gf3054b3e560eff61e86a5354a6114d1fe26365ac7a8a001cacf3efef631003d209adcb28e9df5aeab7fabe817913f7b6598d3685e893081f8533b60ba101d625_1280.jpg?_wi=1",
|
||||
imageAlt: "Finished hair color",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/gf3054b3e560eff61e86a5354a6114d1fe26365ac7a8a001cacf3efef631003d209adcb28e9df5aeab7fabe817913f7b6598d3685e893081f8533b60ba101d625_1280.jpg", imageAlt: "Finished hair color"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,19 +79,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Expertise",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years of Expertise", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Loyal Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Loyal Clients", value: "5k+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Transformations",
|
||||
value: "12k+",
|
||||
},
|
||||
label: "Transformations", value: "12k+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -129,28 +98,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Customized shaping to enhance your natural features.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "https://pixabay.com/get/gdc9c1baf62b43b3941293b83d5b2ccdab382cda1bae7d5b5c343b9ea2d821dc594b5b50226a9f201139d6a964857724e550d44e799a86e7f5d83b34c68aa09ad_1280.jpg?_wi=2",
|
||||
imageAlt: "luxury salon interior chic",
|
||||
title: "Precision Cuts", description: "Customized shaping to enhance your natural features.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Expert Coloring",
|
||||
description: "Signature techniques including Balayage and dimensional color.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "https://pixabay.com/get/g2d263102edcbd70430bdf71f7bd5647316787539eef74c8d1df1e9ccc76347156b5438eafaa6d29e949139a173fef979d489db52bf44d37669d0908852d2402b_1280.jpg?_wi=2",
|
||||
imageAlt: "professional stylist cutting hair",
|
||||
title: "Expert Coloring", description: "Signature techniques including Balayage and dimensional color.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Texture Therapy",
|
||||
description: "Specialized treatments for healthy, resilient hair types.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Waves,
|
||||
imageSrc: "https://pixabay.com/get/g794ea4392c0fed88c2a3a295e442bf0fe33e158a9aa40821dbba927d215fe90bb52a441b3111467b10ea7e06f947a9090fd9cf1ab1588f89159ce5bb41d87322_1280.jpg?_wi=2",
|
||||
imageAlt: "beautiful woman hair transformation",
|
||||
title: "Texture Therapy", description: "Specialized treatments for healthy, resilient hair types.", bentoComponent: "reveal-icon", icon: Waves,
|
||||
},
|
||||
]}
|
||||
title="Boutique Services"
|
||||
@@ -165,40 +119,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "I've never felt so understood by a stylist. Waves Salon is a confidence boost.",
|
||||
imageSrc: "https://pixabay.com/get/gdf944df5507a490903988f178531092b3818df2eef86cbe9b895387719b635b6f0d0ae69c38c8d69bfeddbf8c660b68df59c86bb6317efb1cf531629b7af569a_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Entrepreneur", testimonial: "I've never felt so understood by a stylist. Waves Salon is a confidence boost.", imageSrc: "https://pixabay.com/get/gdf944df5507a490903988f178531092b3818df2eef86cbe9b895387719b635b6f0d0ae69c38c8d69bfeddbf8c660b68df59c86bb6317efb1cf531629b7af569a_1280.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena R.",
|
||||
role: "Creative Director",
|
||||
testimonial: "The precision here is unmatched. My curls have never looked this healthy.",
|
||||
imageSrc: "https://pixabay.com/get/gb466d11e6d97e197916fb9b639aa26125e47dc7e83e677514ed935ef91f6d10ae9288469bf6818ba7e0d1c6c32319ba7817e4a712f13daca868133ddb106acb9_1280.jpg",
|
||||
},
|
||||
id: "2", name: "Elena R.", role: "Creative Director", testimonial: "The precision here is unmatched. My curls have never looked this healthy.", imageSrc: "https://pixabay.com/get/gb466d11e6d97e197916fb9b639aa26125e47dc7e83e677514ed935ef91f6d10ae9288469bf6818ba7e0d1c6c32319ba7817e4a712f13daca868133ddb106acb9_1280.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mia L.",
|
||||
role: "Professional",
|
||||
testimonial: "Walking out of Waves feels like walking into a new version of myself.",
|
||||
imageSrc: "https://pixabay.com/get/gb601a9a513641d193b8746c1f591cf89707ec0121d8f507be1a07295b6afd57162258afe7b66def348c25899e2f278acfb658eb31ec81144a9f55225227ce4e5_1280.jpg",
|
||||
},
|
||||
id: "3", name: "Mia L.", role: "Professional", testimonial: "Walking out of Waves feels like walking into a new version of myself.", imageSrc: "https://pixabay.com/get/gb601a9a513641d193b8746c1f591cf89707ec0121d8f507be1a07295b6afd57162258afe7b66def348c25899e2f278acfb658eb31ec81144a9f55225227ce4e5_1280.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe T.",
|
||||
role: "Architect",
|
||||
testimonial: "I moved cities and still fly back just to see my stylist at Waves.",
|
||||
imageSrc: "https://pixabay.com/get/gbb67841da38b79e65b1f68e2279fd4fb4c0c1eaf01e8132e401b49c5cb6ebfb387876e5435acc600e80c3cdcb7793f705b77ab6bd7194f4fcfe2885877a46dee_1280.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe T.", role: "Architect", testimonial: "I moved cities and still fly back just to see my stylist at Waves.", imageSrc: "https://pixabay.com/get/gbb67841da38b79e65b1f68e2279fd4fb4c0c1eaf01e8132e401b49c5cb6ebfb387876e5435acc600e80c3cdcb7793f705b77ab6bd7194f4fcfe2885877a46dee_1280.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia M.",
|
||||
role: "Designer",
|
||||
testimonial: "An incredible atmosphere with attention to detail that is simply rare.",
|
||||
imageSrc: "https://pixabay.com/get/gdf944df5507a490903988f178531092b3818df2eef86cbe9b895387719b635b6f0d0ae69c38c8d69bfeddbf8c660b68df59c86bb6317efb1cf531629b7af569a_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Julia M.", role: "Designer", testimonial: "An incredible atmosphere with attention to detail that is simply rare.", imageSrc: "https://pixabay.com/get/gdf944df5507a490903988f178531092b3818df2eef86cbe9b895387719b635b6f0d0ae69c38c8d69bfeddbf8c660b68df59c86bb6317efb1cf531629b7af569a_1280.jpg"},
|
||||
]}
|
||||
title="Voices of Waves"
|
||||
description="Hear from the women whose stories we've had the honor of shaping."
|
||||
@@ -209,67 +138,45 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to experience Waves Salon for yourself? Book your consultation today and begin your transformation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "tel:+15550000000",
|
||||
},
|
||||
text: "Book Appointment", href: "tel:+15550000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/gf3054b3e560eff61e86a5354a6114d1fe26365ac7a8a001cacf3efef631003d209adcb28e9df5aeab7fabe817913f7b6598d3685e893081f8533b60ba101d625_1280.jpg?_wi=2"
|
||||
imageSrc="https://pixabay.com/get/gf3054b3e560eff61e86a5354a6114d1fe26365ac7a8a001cacf3efef631003d209adcb28e9df5aeab7fabe817913f7b6598d3685e893081f8533b60ba101d625_1280.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Salon",
|
||||
items: [
|
||||
title: "Salon", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Cuts",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Cuts", href: "#features"},
|
||||
{
|
||||
label: "Coloring",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Coloring", href: "#features"},
|
||||
{
|
||||
label: "Treatments",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Treatments", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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