Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 207fe17588 |
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,34 +33,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
brandName="Wow Hair Art"
|
||||
/>
|
||||
</div>
|
||||
@@ -68,31 +54,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unleash Your Ultimate Style"
|
||||
description="Experience the pinnacle of luxury hair artistry at Wow Hair Art. Where innovation meets elegance in a cinematic salon atmosphere."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-colour-hair-background_633478-2653.jpg",
|
||||
imageAlt: "luxury hair salon models",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-colour-hair-background_633478-2653.jpg", imageAlt: "luxury hair salon models"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-4069.jpg",
|
||||
imageAlt: "hairdresser modern studio interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-4069.jpg", imageAlt: "hairdresser modern studio interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg",
|
||||
imageAlt: "hair styling transformation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg", imageAlt: "hair styling transformation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pampering-face-man-salon_23-2147736958.jpg",
|
||||
imageAlt: "modern salon hair cut service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pampering-face-man-salon_23-2147736958.jpg", imageAlt: "modern salon hair cut service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
|
||||
imageAlt: "luxurious salon interior view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", imageAlt: "luxurious salon interior view"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -120,23 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored haircuts designed to enhance your unique facial features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811604.jpg",
|
||||
imageAlt: "hair coloring professional service",
|
||||
},
|
||||
title: "Precision Cuts", description: "Tailored haircuts designed to enhance your unique facial features.", imageSrc: "http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811604.jpg", imageAlt: "hair coloring professional service"},
|
||||
{
|
||||
title: "Color Mastery",
|
||||
description: "Bespoke color services featuring latest techniques and organic products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-life-partners-using-sticky-tape-scissors-pack-furniture-boxes-moving-new-household-property-together-packing-things-with-adhesive-roller-move-rented-flat-close-up_482257-44763.jpg",
|
||||
imageAlt: "hair cutting professional technique",
|
||||
},
|
||||
title: "Color Mastery", description: "Bespoke color services featuring latest techniques and organic products.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-life-partners-using-sticky-tape-scissors-pack-furniture-boxes-moving-new-household-property-together-packing-things-with-adhesive-roller-move-rented-flat-close-up_482257-44763.jpg", imageAlt: "hair cutting professional technique"},
|
||||
{
|
||||
title: "Hair Spa Rituals",
|
||||
description: "Rejuvenate your hair and scalp with luxury conditioning treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
|
||||
imageAlt: "hairstyling professional process",
|
||||
},
|
||||
title: "Hair Spa Rituals", description: "Rejuvenate your hair and scalp with luxury conditioning treatments.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg", imageAlt: "hairstyling professional process"},
|
||||
]}
|
||||
title="Luxury Salon Services"
|
||||
description="From precise cuts to visionary coloring, our expert team transforms your style."
|
||||
@@ -151,53 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Golden Balayage",
|
||||
price: "Featured",
|
||||
variant: "Color",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg",
|
||||
imageAlt: "luxury salon hair products",
|
||||
},
|
||||
id: "1", name: "Golden Balayage", price: "Featured", variant: "Color", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg", imageAlt: "luxury salon hair products"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Silk Press",
|
||||
price: "Featured",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg",
|
||||
imageAlt: "hair styling product collection",
|
||||
},
|
||||
id: "2", name: "Silk Press", price: "Featured", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg", imageAlt: "hair styling product collection"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Urban Fade",
|
||||
price: "Featured",
|
||||
variant: "Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg",
|
||||
imageAlt: "beauty salon product lineup",
|
||||
},
|
||||
id: "3", name: "Urban Fade", price: "Featured", variant: "Cut", imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg", imageAlt: "beauty salon product lineup"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luxury Volume",
|
||||
price: "Featured",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108850.jpg",
|
||||
imageAlt: "salon exclusive hair care",
|
||||
},
|
||||
id: "4", name: "Luxury Volume", price: "Featured", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108850.jpg", imageAlt: "salon exclusive hair care"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Root Touchup",
|
||||
price: "Featured",
|
||||
variant: "Color",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808026.jpg",
|
||||
imageAlt: "premium hair styling kit",
|
||||
},
|
||||
id: "5", name: "Root Touchup", price: "Featured", variant: "Color", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808026.jpg", imageAlt: "premium hair styling kit"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Event Styling",
|
||||
price: "Featured",
|
||||
variant: "Occasion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965835.jpg",
|
||||
imageAlt: "hair care premium set",
|
||||
},
|
||||
id: "6", name: "Event Styling", price: "Featured", variant: "Occasion", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965835.jpg", imageAlt: "hair care premium set"},
|
||||
]}
|
||||
title="Transformation Gallery"
|
||||
description="Witness the art of Wow Hair Art through our featured transformations."
|
||||
@@ -211,59 +138,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Essential",
|
||||
price: "$95",
|
||||
subtitle: "Refreshing services",
|
||||
buttons: [
|
||||
id: "1", badge: "Essential", price: "$95", subtitle: "Refreshing services", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Wash & Blow",
|
||||
"Scalp Massage",
|
||||
],
|
||||
"Precision Cut", "Wash & Blow", "Scalp Massage"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Premium",
|
||||
price: "$180",
|
||||
subtitle: "Full color experience",
|
||||
buttons: [
|
||||
id: "2", badge: "Premium", price: "$180", subtitle: "Full color experience", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Color/Balayage",
|
||||
"Conditioning Spa",
|
||||
"Styling Finish",
|
||||
],
|
||||
"Color/Balayage", "Conditioning Spa", "Styling Finish"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Elite",
|
||||
price: "$295",
|
||||
subtitle: "Luxury makeover",
|
||||
buttons: [
|
||||
id: "3", badge: "Elite", price: "$295", subtitle: "Luxury makeover", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Color Correction",
|
||||
"Luxury Spa Ritual",
|
||||
"Styling & Makeup",
|
||||
],
|
||||
"Full Color Correction", "Luxury Spa Ritual", "Styling & Makeup"],
|
||||
},
|
||||
]}
|
||||
title="Investment in Your Style"
|
||||
description="Choose your salon experience with transparent pricing options."
|
||||
description="Choose your salon experience with transparent pricing options. Ready to transform? Secure your personalized style consultation via our booking form below."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -273,50 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible!",
|
||||
quote: "The best balayage I've ever had. Truly luxurious.",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
id: "1", title: "Incredible!", quote: "The best balayage I've ever had. Truly luxurious.", name: "Sarah J.", role: "Fashion Editor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg", imageAlt: "happy client after haircut"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stunning!",
|
||||
quote: "My hair has never felt healthier or more vibrant.",
|
||||
name: "Michael B.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg",
|
||||
imageAlt: "satisfied customer hair makeover",
|
||||
},
|
||||
id: "2", title: "Stunning!", quote: "My hair has never felt healthier or more vibrant.", name: "Michael B.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg", imageAlt: "satisfied customer hair makeover"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Absolute Art",
|
||||
quote: "Talented team, luxurious vibe, perfect execution.",
|
||||
name: "Emily R.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-with-drink_23-2149722001.jpg",
|
||||
imageAlt: "happy customer salon portrait",
|
||||
},
|
||||
id: "3", title: "Absolute Art", quote: "Talented team, luxurious vibe, perfect execution.", name: "Emily R.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-with-drink_23-2149722001.jpg", imageAlt: "happy customer salon portrait"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Stylists",
|
||||
quote: "They listen to what I want and elevate it.",
|
||||
name: "David K.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
imageAlt: "client hair salon success",
|
||||
},
|
||||
id: "4", title: "Perfect Stylists", quote: "They listen to what I want and elevate it.", name: "David K.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", imageAlt: "client hair salon success"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Life Changing",
|
||||
quote: "I am officially a client for life now.",
|
||||
name: "Jessica L.",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81988.jpg",
|
||||
imageAlt: "happy client hair results",
|
||||
},
|
||||
id: "5", title: "Life Changing", quote: "I am officially a client for life now.", name: "Jessica L.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81988.jpg", imageAlt: "happy client hair results"},
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="What our clients are saying about their Wow Hair Art journey."
|
||||
@@ -330,20 +195,11 @@ export default function LandingPage() {
|
||||
tag="Our Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
description: "Transformations",
|
||||
},
|
||||
id: "1", value: "10k+", description: "Transformations"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5k+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "2", value: "5k+", description: "Happy Clients"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Award Wins",
|
||||
},
|
||||
id: "3", value: "15+", description: "Award Wins"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -353,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Secure your spot at Wow Hair Art and redefine your look today."
|
||||
@@ -369,33 +224,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -405,4 +248,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user