bender/e8cf231a-b7c4-40b2-9958-2ca7920275e6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-20 10:49:13 +00:00
parent 868c241d4b e1421e629d
commit 41fa05fe9c
1 changed files with 69 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Team",
id: "team",
},
name: "Team", id: "team"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Willow Lane"
/>
@@ -60,47 +50,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
title="Expert Hair & Beauty, Local Care You Trust"
description="From cuts and color to skincare and wellness, our experienced stylists deliver personalized beauty solutions tailored to you."
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
text: "Book Your Appointment", onClick: () => {
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"},
]}
/>
</div>
@@ -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() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Ready to transform your style? Book your appointment today or call us for a consultation."
buttons={[
{
text: "Book Appointment",
href: "#",
text: "Book Appointment", onClick: () => 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: "#"},
],
},
]}