diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0eba68e..c3b2664 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
@@ -60,47 +50,30 @@ export default function LandingPage() {
{
+ const element = document.getElementById('contact');
+ if (element) element.scrollIntoView({ behavior: 'smooth' });
+ },
},
]}
carouselItems={[
{
- id: "1",
- imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=1",
- imageAlt: "Salon Interior",
- },
+ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=1", imageAlt: "Salon Interior"},
{
- id: "2",
- imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=1",
- imageAlt: "Hair Stylist",
- },
+ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=1", imageAlt: "Hair Stylist"},
{
- id: "3",
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=1",
- imageAlt: "Skincare",
- },
+ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=1", imageAlt: "Skincare"},
{
- id: "4",
- imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=1",
- imageAlt: "Beauty Tools",
- },
+ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=1", imageAlt: "Beauty Tools"},
{
- id: "5",
- imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=1",
- imageAlt: "Relaxation",
- },
+ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=1", imageAlt: "Relaxation"},
{
- id: "6",
- imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
- imageAlt: "Coloring",
- },
+ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", imageAlt: "Coloring"},
]}
/>
@@ -112,41 +85,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
- id: "1",
- title: "Precision Styling",
- author: "Hair Studio",
- description: "Expert cuts and modern styling techniques tailored to your lifestyle.",
- tags: [
- "Haircut",
- "Styling",
- ],
- imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256309.jpg",
- imageAlt: "Styling",
- },
+ id: "1", title: "Precision Styling", author: "Hair Studio", description: "Expert cuts and modern styling techniques tailored to your lifestyle.", tags: [
+ "Haircut", "Styling"],
+ imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256309.jpg", imageAlt: "Styling"},
{
- id: "2",
- title: "Advanced Skincare",
- author: "Wellness Suite",
- description: "Facial treatments that rejuvenate and revitalize your skin health.",
- tags: [
- "Skincare",
- "Facials",
- ],
- imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-relaxing-home-with-face-mask_23-2148520306.jpg",
- imageAlt: "Skincare",
- },
+ id: "2", title: "Advanced Skincare", author: "Wellness Suite", description: "Facial treatments that rejuvenate and revitalize your skin health.", tags: [
+ "Skincare", "Facials"],
+ imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-relaxing-home-with-face-mask_23-2148520306.jpg", imageAlt: "Skincare"},
{
- id: "3",
- title: "Nail Enhancements",
- author: "Beauty Care",
- description: "High-quality manicures and pedicures for a polished, elegant finish.",
- tags: [
- "Nails",
- "Grooming",
- ],
- imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820409.jpg",
- imageAlt: "Nails",
- },
+ id: "3", title: "Nail Enhancements", author: "Beauty Care", description: "High-quality manicures and pedicures for a polished, elegant finish.", tags: [
+ "Nails", "Grooming"],
+ imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820409.jpg", imageAlt: "Nails"},
]}
title="Our Signature Services"
description="Premium treatments crafted to enhance your natural beauty and well-being."
@@ -159,19 +108,13 @@ export default function LandingPage() {
title="Expertise in Numbers"
metrics={[
{
- label: "Years Experience",
- value: "15+",
- icon: Award,
+ label: "Years Experience", value: "15+", icon: Award,
},
{
- label: "Happy Clients",
- value: "5,000+",
- icon: Users,
+ label: "Happy Clients", value: "5,000+", icon: Users,
},
{
- label: "Specialized Treatments",
- value: "40+",
- icon: Sparkles,
+ label: "Specialized Treatments", value: "40+", icon: Sparkles,
},
]}
metricsAnimation="slide-up"
@@ -185,54 +128,38 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
- id: "basic",
- badge: "Essential",
- price: "$65",
- subtitle: "Basic Grooming",
- features: [
- "Consultation",
- "Hair Wash",
- "Basic Cut",
- ],
+ id: "basic", badge: "Essential", price: "$65", subtitle: "Basic Grooming", features: [
+ "Consultation", "Hair Wash", "Basic Cut"],
buttons: [
{
- text: "Select",
- href: "#contact",
+ text: "Select", onClick: () => {
+ const element = document.getElementById('contact');
+ if (element) element.scrollIntoView({ behavior: 'smooth' });
+ },
},
],
},
{
- id: "pro",
- badge: "Popular",
- price: "$120",
- subtitle: "Full Experience",
- features: [
- "Consultation",
- "Treatment",
- "Styling",
- "Gloss",
- ],
+ id: "pro", badge: "Popular", price: "$120", subtitle: "Full Experience", features: [
+ "Consultation", "Treatment", "Styling", "Gloss"],
buttons: [
{
- text: "Select",
- href: "#contact",
+ text: "Select", onClick: () => {
+ const element = document.getElementById('contact');
+ if (element) element.scrollIntoView({ behavior: 'smooth' });
+ },
},
],
},
{
- id: "lux",
- badge: "Premium",
- price: "$250",
- subtitle: "Luxury Retreat",
- features: [
- "Facial & Hair",
- "Spa Ritual",
- "Full Styling",
- ],
+ id: "lux", badge: "Premium", price: "$250", subtitle: "Luxury Retreat", features: [
+ "Facial & Hair", "Spa Ritual", "Full Styling"],
buttons: [
{
- text: "Select",
- href: "#contact",
+ text: "Select", onClick: () => {
+ const element = document.getElementById('contact');
+ if (element) element.scrollIntoView({ behavior: 'smooth' });
+ },
},
],
},
@@ -250,29 +177,13 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
- id: "1",
- name: "Sarah Lane",
- role: "Creative Director",
- imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
- },
+ id: "1", name: "Sarah Lane", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
{
- id: "2",
- name: "Michael Reed",
- role: "Senior Stylist",
- imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
- },
+ id: "2", name: "Michael Reed", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"},
{
- id: "3",
- name: "Elena Torres",
- role: "Head Aesthetician",
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg",
- },
+ id: "3", name: "Elena Torres", role: "Head Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg"},
{
- id: "4",
- name: "David Moss",
- role: "Salon Manager",
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61139.jpg",
- },
+ id: "4", name: "David Moss", role: "Salon Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61139.jpg"},
]}
title="Meet Your Stylists"
description="Our professionals are dedicated to your beauty journey."
@@ -285,60 +196,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
- id: "1",
- name: "Sarah J.",
- date: "Jan 2025",
- title: "Fantastic Service",
- quote: "Best haircut I have ever had! The team is incredibly professional.",
- tag: "Hair",
- avatarSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg",
- imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=2",
- imageAlt: "happy beauty salon client",
- },
+ id: "1", name: "Sarah J.", date: "Jan 2025", title: "Fantastic Service", quote: "Best haircut I have ever had! The team is incredibly professional.", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=2", imageAlt: "happy beauty salon client"},
{
- id: "2",
- name: "Mark D.",
- date: "Dec 2024",
- title: "Incredible Care",
- quote: "The atmosphere is so relaxing. I always leave feeling refreshed.",
- tag: "Spa",
- avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-getting-ready_23-2149722037.jpg",
- imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=2",
- imageAlt: "happy beauty salon client",
- },
+ id: "2", name: "Mark D.", date: "Dec 2024", title: "Incredible Care", quote: "The atmosphere is so relaxing. I always leave feeling refreshed.", tag: "Spa", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-getting-ready_23-2149722037.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=2", imageAlt: "happy beauty salon client"},
{
- id: "3",
- name: "Lisa K.",
- date: "Nov 2024",
- title: "Highly Recommend",
- quote: "Professional, clean, and truly expert service. A must visit salon.",
- tag: "Hair",
- avatarSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg",
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=2",
- imageAlt: "happy beauty salon client",
- },
+ id: "3", name: "Lisa K.", date: "Nov 2024", title: "Highly Recommend", quote: "Professional, clean, and truly expert service. A must visit salon.", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=2", imageAlt: "happy beauty salon client"},
{
- id: "4",
- name: "Kevin R.",
- date: "Oct 2024",
- title: "Expertise",
- quote: "They really take the time to understand exactly what you want.",
- tag: "Facial",
- avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
- imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=2",
- imageAlt: "happy beauty salon client",
- },
+ id: "4", name: "Kevin R.", date: "Oct 2024", title: "Expertise", quote: "They really take the time to understand exactly what you want.", tag: "Facial", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=2", imageAlt: "happy beauty salon client"},
{
- id: "5",
- name: "Maria L.",
- date: "Sep 2024",
- title: "Transformation",
- quote: "My hair has never looked so healthy. Thank you Willow Lane!",
- tag: "Hair",
- avatarSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
- imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=2",
- imageAlt: "happy beauty salon client",
- },
+ id: "5", name: "Maria L.", date: "Sep 2024", title: "Transformation", quote: "My hair has never looked so healthy. Thank you Willow Lane!", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=2", imageAlt: "happy beauty salon client"},
]}
title="Client Stories"
description="Hear what our wonderful clients have to say about Willow Lane."
@@ -351,25 +217,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
- id: "1",
- title: "How do I book?",
- content: "You can book directly via our website booking button.",
- },
+ id: "1", title: "How do I book?", content: "You can book directly via our website booking button."},
{
- id: "2",
- title: "Can I cancel?",
- content: "Cancellations made 24 hours in advance are fully refundable.",
- },
+ id: "2", title: "Can I cancel?", content: "Cancellations made 24 hours in advance are fully refundable."},
{
- id: "3",
- title: "Is parking available?",
- content: "Yes, complimentary parking is available for all salon guests.",
- },
+ id: "3", title: "Is parking available?", content: "Yes, complimentary parking is available for all salon guests."},
{
- id: "4",
- title: "Do you accept walk-ins?",
- content: "We recommend booking ahead, but we occasionally have walk-in availability.",
- },
+ id: "4", title: "Do you accept walk-ins?", content: "We recommend booking ahead, but we occasionally have walk-in availability."},
]}
title="Common Questions"
description="Everything you need to know about booking with us."
@@ -381,13 +235,11 @@ export default function LandingPage() {
alert('Booking system open'),
},
]}
/>
@@ -399,37 +251,23 @@ export default function LandingPage() {
logoText="Willow Lane"
columns={[
{
- title: "Quick Links",
- items: [
+ title: "Quick Links", items: [
{
- label: "Services",
- href: "#services",
- },
+ label: "Services", href: "#services"},
{
- label: "Pricing",
- href: "#pricing",
- },
+ label: "Pricing", href: "#pricing"},
{
- label: "Team",
- href: "#team",
- },
+ label: "Team", href: "#team"},
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{
- label: "Contact",
- href: "#contact",
- },
+ label: "Contact", href: "#contact"},
{
- label: "FAQs",
- href: "#faq",
- },
+ label: "FAQs", href: "#faq"},
{
- label: "Privacy Policy",
- href: "#",
- },
+ label: "Privacy Policy", href: "#"},
],
},
]}