Merge version_2 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Beline Beauty"
|
||||
/>
|
||||
@@ -56,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Beline Beauty & Spa"
|
||||
description="Indulge in a sanctuary of peace. Where modern aesthetic treatments meet traditional relaxation techniques to reveal your best self."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg?_wi=1"
|
||||
imageAlt="Luxurious spa interior"
|
||||
@@ -98,29 +85,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Facial Rejuvenation",
|
||||
description: "Customized treatments to restore your skin's youthful texture and radiance.",
|
||||
},
|
||||
title: "Facial Rejuvenation", description: "Customized treatments to restore your skin's youthful texture and radiance."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Body Contouring",
|
||||
description: "Advanced non-invasive techniques to help shape and firm your body naturally.",
|
||||
},
|
||||
title: "Body Contouring", description: "Advanced non-invasive techniques to help shape and firm your body naturally."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Relaxation Massage",
|
||||
description: "Deep tissue and aromatherapy massages for complete stress relief and relaxation.",
|
||||
},
|
||||
title: "Relaxation Massage", description: "Deep tissue and aromatherapy massages for complete stress relief and relaxation."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Hydration Therapy",
|
||||
description: "Intense moisture treatments designed to plump and revitalize dehydrated skin.",
|
||||
},
|
||||
title: "Hydration Therapy", description: "Intense moisture treatments designed to plump and revitalize dehydrated skin."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Radiance Glow",
|
||||
description: "Light-based therapies that brighten your complexion and even out skin tone.",
|
||||
},
|
||||
title: "Radiance Glow", description: "Light-based therapies that brighten your complexion and even out skin tone."},
|
||||
]}
|
||||
title="Holistic Beauty Services"
|
||||
description="Experience our signature treatments designed to rejuvenate your spirit and enhance your natural glow."
|
||||
@@ -135,41 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Botanical Facial",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-empty-spray-bottle-tree-branch-stone-nude-background_140725-112089.jpg",
|
||||
},
|
||||
id: "p1", name: "Botanical Facial", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-empty-spray-bottle-tree-branch-stone-nude-background_140725-112089.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Deep Tissue Massage",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-cream-with-natural-elements_23-2148173802.jpg",
|
||||
},
|
||||
id: "p2", name: "Deep Tissue Massage", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/beauty-cream-with-natural-elements_23-2148173802.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hydrating Skin Mask",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel-with-copy-space-card_23-2148775362.jpg",
|
||||
},
|
||||
id: "p3", name: "Hydrating Skin Mask", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel-with-copy-space-card_23-2148775362.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aromatherapy Blend",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-bottle-spa-concept-decoration_23-2148290968.jpg",
|
||||
},
|
||||
id: "p4", name: "Aromatherapy Blend", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/little-bottle-spa-concept-decoration_23-2148290968.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Glow Facial Serum",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45088.jpg",
|
||||
},
|
||||
id: "p5", name: "Glow Facial Serum", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45088.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Body Butter Therapy",
|
||||
price: "$70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-cream-bottle-cotton-flower-plant_23-2147844991.jpg",
|
||||
},
|
||||
id: "p6", name: "Body Butter Therapy", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-cream-bottle-cotton-flower-plant_23-2147844991.jpg"},
|
||||
]}
|
||||
title="Our Signature Treatments"
|
||||
description="Explore our curated list of beauty services that combine scientific efficacy with soothing, spa-like luxury."
|
||||
@@ -183,23 +136,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Awards Won", value: "15+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Clients",
|
||||
value: "5,000+",
|
||||
},
|
||||
id: "m2", icon: Smile,
|
||||
title: "Happy Clients", value: "5,000+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Years Experience", value: "10+"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Years of expertise have helped us craft the perfect spa journey for every guest."
|
||||
@@ -212,60 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Regular Client",
|
||||
quote: "The best spa experience in the city! Every visit feels like a luxury retreat.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-naked-woman-relaxing-spa-salon_176420-7536.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg?_wi=2",
|
||||
imageAlt: "happy spa customer portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "Jan 2025", title: "Regular Client", quote: "The best spa experience in the city! Every visit feels like a luxury retreat.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/young-naked-woman-relaxing-spa-salon_176420-7536.jpg", imageSrc: "http://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg?_wi=2", imageAlt: "happy spa customer portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
date: "Dec 2024",
|
||||
title: "Regular Client",
|
||||
quote: "Highly professional service and incredibly relaxing atmosphere. I always leave feeling refreshed.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-smiling-attractive-woman-cross-arms-chest_176420-16726.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49016.jpg?_wi=2",
|
||||
imageAlt: "happy spa customer portrait",
|
||||
},
|
||||
id: "t2", name: "James Chen", date: "Dec 2024", title: "Regular Client", quote: "Highly professional service and incredibly relaxing atmosphere. I always leave feeling refreshed.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/confident-smiling-attractive-woman-cross-arms-chest_176420-16726.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49016.jpg?_wi=2", imageAlt: "happy spa customer portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
date: "Nov 2024",
|
||||
title: "Regular Client",
|
||||
quote: "Top-notch facial treatments! My skin has never looked better since I started coming here.",
|
||||
tag: "Amazing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-sea-salt-beauty-body-care-concept_169016-21030.jpg",
|
||||
imageAlt: "happy spa customer portrait",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", date: "Nov 2024", title: "Regular Client", quote: "Top-notch facial treatments! My skin has never looked better since I started coming here.", tag: "Amazing", avatarSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-sea-salt-beauty-body-care-concept_169016-21030.jpg", imageAlt: "happy spa customer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Roberts",
|
||||
date: "Oct 2024",
|
||||
title: "Regular Client",
|
||||
quote: "A perfect place to disconnect and focus on your well-being. Staff are incredibly skilled.",
|
||||
tag: "Five Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-sign-language-converse-with-someone-outdoors_23-2148681029.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529157.jpg",
|
||||
imageAlt: "happy spa customer portrait",
|
||||
},
|
||||
id: "t4", name: "Michael Roberts", date: "Oct 2024", title: "Regular Client", quote: "A perfect place to disconnect and focus on your well-being. Staff are incredibly skilled.", tag: "Five Stars", avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-sign-language-converse-with-someone-outdoors_23-2148681029.jpg", imageSrc: "http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529157.jpg", imageAlt: "happy spa customer portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Torres",
|
||||
date: "Sept 2024",
|
||||
title: "Regular Client",
|
||||
quote: "Incredible ambiance and treatments that actually work. Truly a hidden gem.",
|
||||
tag: "Worth it",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/waistup-joyful-accomplished-charming-rich-blond-woman-silver-stylish-evening-dress-touching-cheek_1258-134765.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-20831.jpg",
|
||||
imageAlt: "happy spa customer portrait",
|
||||
},
|
||||
id: "t5", name: "Elena Torres", date: "Sept 2024", title: "Regular Client", quote: "Incredible ambiance and treatments that actually work. Truly a hidden gem.", tag: "Worth it", avatarSrc: "http://img.b2bpic.net/free-photo/waistup-joyful-accomplished-charming-rich-blond-woman-silver-stylish-evening-dress-touching-cheek_1258-134765.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-20831.jpg", imageAlt: "happy spa customer portrait"},
|
||||
]}
|
||||
title="Guest Testimonials"
|
||||
description="Don't just take our word for it—read about the relaxing experiences our guests have had at Beline Beauty & Spa."
|
||||
@@ -278,20 +177,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far in advance should I book?",
|
||||
content: "We recommend booking at least 1-2 weeks in advance for weekends.",
|
||||
},
|
||||
id: "f1", title: "How far in advance should I book?", content: "We recommend booking at least 1-2 weeks in advance for weekends."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer gift certificates?",
|
||||
content: "Yes, gift certificates are available for purchase online or in-spa.",
|
||||
},
|
||||
id: "f4", title: "What time should I arrive for my appointment?", content: "We recommend arriving 10-15 minutes prior to your scheduled time to relax and check in."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your salon organic?",
|
||||
content: "We prioritize high-quality natural and organic products across our treatments.",
|
||||
},
|
||||
id: "f2", title: "Do you offer gift certificates?", content: "Yes, gift certificates are available for purchase online or in-spa."},
|
||||
{
|
||||
id: "f3", title: "Is your salon organic?", content: "We prioritize high-quality natural and organic products across our treatments."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our treatments or booking process? Here's what you need to know."
|
||||
@@ -303,16 +195,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Sanctuary Session"
|
||||
description="Ready for your rejuvenating experience? Our team is waiting to welcome you to Beline Beauty & Spa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@belinebeauty.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@belinebeauty.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -322,33 +211,21 @@ export default function LandingPage() {
|
||||
logoText="Beline Beauty & Spa"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -357,4 +234,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user