Merge version_1_1781515271872 into main #1
@@ -11,235 +11,160 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Expert Hair Care"
|
||||
title="Transform Your Look at Hair Station"
|
||||
description="Experience premium hair styling and coloring services in a friendly, welcoming environment in Stalybridge."
|
||||
primaryButton={{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-person-taking-care-afro-hair_23-2149575480.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expert Hair Care"
|
||||
title="Transform Your Look at Hair Station"
|
||||
description="Experience premium hair styling and coloring services in a friendly, welcoming environment in Stalybridge."
|
||||
primaryButton={{
|
||||
text: "Book Your Appointment", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Services", href: "#services"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-person-taking-care-afro-hair_23-2149575480.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Philosophy"
|
||||
title="Where Style Meets Comfort"
|
||||
description="At Hair Station, we believe your visit should be as enjoyable as the result. Our skilled team listens to your needs, providing expert advice and a relaxing atmosphere to help you leave feeling confident and beautiful."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
title="Where Style Meets Comfort"
|
||||
description="At Hair Station, we believe your visit should be as enjoyable as the result. Our skilled team listens to your needs, providing expert advice and a relaxing atmosphere to help you leave feeling confident and beautiful."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesArrowCards
|
||||
tag="Premium Services"
|
||||
title="Tailored Styling & Care"
|
||||
description="Professional services designed to enhance your natural beauty."
|
||||
items={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
tags: [
|
||||
"Styling",
|
||||
"Cuts",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comb-rollers-yellow_23-2147778936.jpg",
|
||||
},
|
||||
{
|
||||
title: "Expert Coloring",
|
||||
tags: [
|
||||
"Color",
|
||||
"Toning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylist-preparing-young-girl-haircut_23-2147769749.jpg",
|
||||
},
|
||||
{
|
||||
title: "Blow Dry Bar",
|
||||
tags: [
|
||||
"Finish",
|
||||
"Volume",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-drying-hair-with-brush_23-2147769824.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hair Extensions",
|
||||
tags: [
|
||||
"Length",
|
||||
"Volume",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg",
|
||||
},
|
||||
{
|
||||
title: "Scalp Treatments",
|
||||
tags: [
|
||||
"Health",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Premium Services"
|
||||
title="Tailored Styling & Care"
|
||||
description="Professional services designed to enhance your natural beauty."
|
||||
items={[
|
||||
{
|
||||
title: "Precision Cuts", tags: ["Styling", "Cuts"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comb-rollers-yellow_23-2147778936.jpg"},
|
||||
{
|
||||
title: "Expert Coloring", tags: ["Color", "Toning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylist-preparing-young-girl-haircut_23-2147769749.jpg"},
|
||||
{
|
||||
title: "Blow Dry Bar", tags: ["Finish", "Volume"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-drying-hair-with-brush_23-2147769824.jpg"},
|
||||
{
|
||||
title: "Hair Extensions", tags: ["Length", "Volume"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg"},
|
||||
{
|
||||
title: "Scalp Treatments", tags: ["Health", "Care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="Meet Our Stylists"
|
||||
title="Creative Experts You Can Trust"
|
||||
members={[
|
||||
{
|
||||
name: "Kate",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
|
||||
},
|
||||
{
|
||||
name: "Issy",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist_23-2148013611.jpg",
|
||||
},
|
||||
{
|
||||
name: "Summer",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe",
|
||||
role: "Colorist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-posing-with-cup-coffee_23-2147670333.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jade",
|
||||
role: "Junior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-testing-fabric-swaps-client_23-2150461548.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet Our Stylists"
|
||||
title="Creative Experts You Can Trust"
|
||||
description="Meet the professional team behind our high-quality service and friendly atmosphere."
|
||||
members={[
|
||||
{
|
||||
name: "Kate", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg"},
|
||||
{
|
||||
name: "Issy", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/florist_23-2148013611.jpg"},
|
||||
{
|
||||
name: "Summer", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"},
|
||||
{
|
||||
name: "Chloe", role: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-posing-with-cup-coffee_23-2147670333.jpg"},
|
||||
{
|
||||
name: "Jade", role: "Junior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-testing-fabric-swaps-client_23-2150461548.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="I've been coming here for years and would never go anywhere else! The staff are all so lovely and very good at what they do."
|
||||
rating={5}
|
||||
author="Sue Turner, Local Client"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-serious-woman_23-2149022639.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg",
|
||||
},
|
||||
{
|
||||
name: "Victoria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
},
|
||||
{
|
||||
name: "Danielle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335457.jpg",
|
||||
},
|
||||
{
|
||||
name: "Shelagh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="I've been coming here for years and would never go anywhere else! The staff are all so lovely and very good at what they do."
|
||||
rating={5}
|
||||
author="Sue Turner, Local Client"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-serious-woman_23-2149022639.jpg"},
|
||||
{
|
||||
name: "Julie", imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg"},
|
||||
{
|
||||
name: "Victoria", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
|
||||
{
|
||||
name: "Danielle", imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335457.jpg"},
|
||||
{
|
||||
name: "Shelagh", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SectionErrorBoundary name="social">
|
||||
<div id="social" data-section="social">
|
||||
<SectionErrorBoundary name="social">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted by Many"
|
||||
title="Our Community"
|
||||
description="Serving the Stalybridge community with pride."
|
||||
names={[
|
||||
"Local Guides",
|
||||
"Happy Clients",
|
||||
"Wedding Parties",
|
||||
"Regular Visitors",
|
||||
"Professional Referrals",
|
||||
"Local Business Support",
|
||||
"Hair Enthusiasts",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted by Many"
|
||||
title="Our Community"
|
||||
description="Serving the Stalybridge community with pride."
|
||||
names={[
|
||||
"Local Guides", "Happy Clients", "Wedding Parties", "Regular Visitors", "Professional Referrals", "Local Business Support", "Hair Enthusiasts"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Common Queries"
|
||||
title="Everything You Need to Know"
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "How do I book an appointment?",
|
||||
answer: "You can book by calling us or reaching out via our contact form.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer consultations?",
|
||||
answer: "Yes, we encourage consultations to ensure we reach the perfect style for you.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Are your prices competitive?",
|
||||
answer: "We offer fantastic service at very competitive prices.",
|
||||
},
|
||||
{
|
||||
question: "Can I get nails done as well?",
|
||||
answer: "Yes, some of our stylists also provide additional beauty services like nails and brows.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Common Queries"
|
||||
title="Everything You Need to Know"
|
||||
description="Find answers to frequently asked questions about our salon services and booking processes."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "How do I book an appointment?", answer: "You can book by calling us or reaching out via our contact form."},
|
||||
{
|
||||
question: "Do you offer consultations?", answer: "Yes, we encourage consultations to ensure we reach the perfect style for you."},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services", items: [
|
||||
{
|
||||
question: "Are your prices competitive?", answer: "We offer fantastic service at very competitive prices."},
|
||||
{
|
||||
question: "Can I get nails done as well?", answer: "Yes, some of our stylists also provide additional beauty services like nails and brows."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Ready for a refreshing change? Book your consultation with Hair Station today."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "tel:0000000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Our Salon",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Ready for a refreshing change? Book your consultation with Hair Station today."
|
||||
primaryButton={{
|
||||
text: "Contact Us", href: "tel:0000000000"}}
|
||||
secondaryButton={{
|
||||
text: "Visit Our Salon", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user