Merge version_1 into main #2
409
src/app/page.tsx
409
src/app/page.tsx
@@ -27,316 +27,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Enhance NX"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Booking", id: "contact" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="Enhance NX"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Enhance NX"
|
||||
description="Luxury Redefined in Beauty & Care. Experience personalized beauty excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg?_wi=1",
|
||||
imageAlt: "Salon Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg?_wi=2",
|
||||
imageAlt: "Salon Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg?_wi=3",
|
||||
imageAlt: "Salon Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg?_wi=4",
|
||||
imageAlt: "Salon Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg?_wi=5",
|
||||
imageAlt: "Salon Luxury Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Enhance NX"
|
||||
description="Luxury Redefined in Beauty & Care. Experience personalized beauty excellence."
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Explore Services", href: "#services" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg", imageAlt: "Salon Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg", imageAlt: "Salon Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg", imageAlt: "Salon Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg", imageAlt: "Salon Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg", imageAlt: "Salon Luxury Interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Enhance NX Difference"
|
||||
description="At Enhance NX, we believe beauty is an art form. Our salon is a sanctuary of luxury where expert stylists and premium products combine to create personalized, unforgettable beauty experiences."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=1"
|
||||
imageAlt="Professional stylist working in luxury salon"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Enhance NX Difference"
|
||||
description="At Enhance NX, we believe beauty is an art form. Our salon is a sanctuary of luxury where expert stylists and premium products combine to create personalized, unforgettable beauty experiences."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg"
|
||||
imageAlt="Professional stylist working in luxury salon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Styling",
|
||||
description: "Expert precision styling for a refined look.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg?_wi=6",
|
||||
imageAlt: "luxury high-end beauty salon interior",
|
||||
},
|
||||
{
|
||||
title: "Hair Spa",
|
||||
description: "Deep conditioning treatments for ultimate shine.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=2",
|
||||
imageAlt: "professional stylist working in luxury salon",
|
||||
},
|
||||
{
|
||||
title: "Bridal Makeup",
|
||||
description: "Flawless artistry for your special day.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-with-face-mask-waiting-job-interview-hallway_637285-8963.jpg",
|
||||
imageAlt: "hair styling service professional",
|
||||
},
|
||||
{
|
||||
title: "Skin Treatments",
|
||||
description: "Revitalizing therapy for a natural glow.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-relaxing-massage-spa_23-2148176892.jpg",
|
||||
imageAlt: "hair spa treatment luxury",
|
||||
},
|
||||
{
|
||||
title: "Nail Art",
|
||||
description: "Artistic manicures tailored to your style.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Diamond,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-posing-with-flowers_23-2149722040.jpg",
|
||||
imageAlt: "bridal makeup artist professional",
|
||||
},
|
||||
{
|
||||
title: "Facial Therapy",
|
||||
description: "Rejuvenate your skin with premium formulas.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-applying-face-masks-home_23-2148520248.jpg",
|
||||
imageAlt: "skincare treatment luxury",
|
||||
},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Exquisite care for every aspect of your beauty."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Premium Services"
|
||||
description="Exquisite care for every aspect of your beauty."
|
||||
features={[
|
||||
{ title: "Hair Styling", description: "Expert precision styling for a refined look.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Hair Spa", description: "Deep conditioning treatments for ultimate shine.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Bridal Makeup", description: "Flawless artistry for your special day.", bentoComponent: "reveal-icon", icon: Heart },
|
||||
{ title: "Skin Treatments", description: "Revitalizing therapy for a natural glow.", bentoComponent: "reveal-icon", icon: Sun },
|
||||
{ title: "Nail Art", description: "Artistic manicures tailored to your style.", bentoComponent: "reveal-icon", icon: Diamond },
|
||||
{ title: "Facial Therapy", description: "Rejuvenate your skin with premium formulas.", bentoComponent: "reveal-icon", icon: Smile },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Popular",
|
||||
price: "$120",
|
||||
subtitle: "Essential Glow",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Hair Wash",
|
||||
"Basic Style",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Premium",
|
||||
price: "$250",
|
||||
subtitle: "Total Rejuvenation",
|
||||
features: [
|
||||
"Full Spa Treatment",
|
||||
"Scalp Massage",
|
||||
"Blowout Styling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Exclusive",
|
||||
price: "$450",
|
||||
subtitle: "Bridal Bliss",
|
||||
features: [
|
||||
"Bridal Hair & Makeup",
|
||||
"Full Spa Suite",
|
||||
"Luxury Care Package",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Beauty Packages"
|
||||
description="Tailored service suites designed for your total relaxation and enhancement."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Beauty Packages"
|
||||
description="Tailored service suites designed for your total relaxation and enhancement."
|
||||
plans={[
|
||||
{ id: "1", badge: "Popular", price: "$120", subtitle: "Essential Glow", features: ["Consultation", "Hair Wash", "Basic Style"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "2", badge: "Premium", price: "$250", subtitle: "Total Rejuvenation", features: ["Full Spa Treatment", "Scalp Massage", "Blowout Styling"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "3", badge: "Exclusive", price: "$450", subtitle: "Bridal Bliss", features: ["Bridal Hair & Makeup", "Full Spa Suite", "Luxury Care Package"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
date: "March 2025",
|
||||
title: "Incredible Service",
|
||||
quote: "The best luxury experience I have ever had.",
|
||||
tag: "Regular Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321260.jpg",
|
||||
imageAlt: "nail art studio manicure",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
date: "February 2025",
|
||||
title: "Perfect Style",
|
||||
quote: "My hair has never looked so good.",
|
||||
tag: "Hair Styling",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg",
|
||||
imageAlt: "elegant woman hair salon result",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria J.",
|
||||
date: "January 2025",
|
||||
title: "Flawless Bridal",
|
||||
quote: "Professional, elegant and amazing results.",
|
||||
tag: "Bridal Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-glamorous-lady_23-2148398510.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg",
|
||||
imageAlt: "professional woman beauty studio",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica M.",
|
||||
date: "December 2024",
|
||||
title: "Amazing Facial",
|
||||
quote: "The glow is absolutely real. Truly high-end.",
|
||||
tag: "Facial Therapy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glamorous-lady_23-2148398510.jpg",
|
||||
imageAlt: "satisfied bridal client salon",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
date: "January 2025",
|
||||
title: "Exceptional Care",
|
||||
quote: "A peaceful retreat from the city. I love this place.",
|
||||
tag: "Spa Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
|
||||
imageAlt: "modern portrait satisfied customer",
|
||||
},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear from our delighted clients who experienced the Enhance NX touch."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Client Stories"
|
||||
description="Hear from our delighted clients who experienced the Enhance NX touch."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena R.", date: "March 2025", title: "Incredible Service", quote: "The best luxury experience I have ever had.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321260.jpg" },
|
||||
{ id: "2", name: "Sarah K.", date: "February 2025", title: "Perfect Style", quote: "My hair has never looked so good.", tag: "Hair Styling", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg" },
|
||||
{ id: "3", name: "Maria J.", date: "January 2025", title: "Flawless Bridal", quote: "Professional, elegant and amazing results.", tag: "Bridal Client", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-glamorous-lady_23-2148398510.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg" },
|
||||
{ id: "4", name: "Jessica M.", date: "December 2024", title: "Amazing Facial", quote: "The glow is absolutely real. Truly high-end.", tag: "Facial Therapy", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glamorous-lady_23-2148398510.jpg" },
|
||||
{ id: "5", name: "Chloe T.", date: "January 2025", title: "Exceptional Care", quote: "A peaceful retreat from the city. I love this place.", tag: "Spa Client", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We recommend appointments but walk-ins are welcome if availability allows.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What products do you use?",
|
||||
content: "We use only premium, internationally-trusted salon-exclusive brands.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we provide complimentary luxury valet parking for all guests.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Book Your Luxury Session"
|
||||
ctaDescription="Ready to experience Enhance NX? Reserve your time with our expert stylists."
|
||||
ctaButton={{
|
||||
text: "Submit Booking",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you accept walk-ins?", content: "We recommend appointments but walk-ins are welcome if availability allows." },
|
||||
{ id: "q2", title: "What products do you use?", content: "We use only premium, internationally-trusted salon-exclusive brands." },
|
||||
{ id: "q3", title: "Is parking available?", content: "Yes, we provide complimentary luxury valet parking for all guests." },
|
||||
]}
|
||||
ctaTitle="Book Your Luxury Session"
|
||||
ctaDescription="Ready to experience Enhance NX? Reserve your time with our expert stylists."
|
||||
ctaButton={{ text: "Submit Booking", href: "#" }}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Enhance NX"
|
||||
copyrightText="© 2025 Enhance NX. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "#",
|
||||
ariaLabel: "WhatsApp",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Enhance NX"
|
||||
copyrightText="© 2025 Enhance NX. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user