Update src/app/services/page.tsx
This commit is contained in:
@@ -27,25 +27,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Styles",
|
||||
id: "/style",
|
||||
},
|
||||
name: "Styles", id: "/style"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/price",
|
||||
},
|
||||
name: "Pricing", id: "/price"},
|
||||
{
|
||||
name: "Hairdressers",
|
||||
id: "/hairdress",
|
||||
},
|
||||
name: "Hairdressers", id: "/hairdress"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fsnxgy"
|
||||
logoAlt="Hair Heaven logo"
|
||||
@@ -62,46 +52,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts & Styling",
|
||||
description: "Expert cuts for men and women, including blow-dries, up-dos, and custom styling for any occasion.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircuts & Styling", description: "Expert cuts for men and women, including blow-dries, up-dos, and custom styling for any occasion.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg",
|
||||
imageAlt: "Stylist giving a precision haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg", imageAlt: "Stylist giving a precision haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pointing-dryer-himself_1163-719.jpg",
|
||||
imageAlt: "Hair being blow-dried and styled",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pointing-dryer-himself_1163-719.jpg", imageAlt: "Hair being blow-dried and styled"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fsnxgy&_wi=2",
|
||||
imageAlt: "haircut scissors comb professional",
|
||||
},
|
||||
|
||||
imageAlt: "haircut scissors comb professional"},
|
||||
{
|
||||
title: "Advanced Hair Coloring",
|
||||
description: "Full color, highlights, balayage, ombré, color correction, and innovative techniques for stunning results.",
|
||||
icon: Paintbrush,
|
||||
title: "Advanced Hair Coloring", description: "Full color, highlights, balayage, ombré, color correction, and innovative techniques for stunning results.", icon: Paintbrush,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167368.jpg",
|
||||
imageAlt: "Hair dye being applied to hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167368.jpg", imageAlt: "Hair dye being applied to hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-preparing-halloween-with-ghost-costume_23-2149071233.jpg",
|
||||
imageAlt: "Vibrant hair color transformation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-preparing-halloween-with-ghost-costume_23-2149071233.jpg", imageAlt: "Vibrant hair color transformation"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg?_wi=3",
|
||||
imageAlt: "haircut scissors comb professional",
|
||||
},
|
||||
|
||||
imageAlt: "haircut scissors comb professional"},
|
||||
{
|
||||
title: "Restorative Hair Treatments",
|
||||
description: "Deep conditioning, keratin treatments, scalp therapies, and personalized solutions for healthy, lustrous hair.",
|
||||
icon: Droplet,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg?_wi=3",
|
||||
imageAlt: "haircut scissors comb professional",
|
||||
},
|
||||
title: "Restorative Hair Treatments", description: "Deep conditioning, keratin treatments, scalp therapies, and personalized solutions for healthy, lustrous hair.", icon: Droplet,
|
||||
|
||||
imageAlt: "haircut scissors comb professional"},
|
||||
]}
|
||||
title="Comprehensive Hair Services"
|
||||
description="We offer a full spectrum of services to cater to all your hair needs, performed by highly skilled professionals."
|
||||
@@ -114,35 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a typical haircut take?",
|
||||
content: "A standard haircut and style typically takes between 45 minutes to an hour, depending on hair length and complexity. We recommend booking a consultation for more complex transformations.",
|
||||
},
|
||||
id: "1", title: "How long does a typical haircut take?", content: "A standard haircut and style typically takes between 45 minutes to an hour, depending on hair length and complexity. We recommend booking a consultation for more complex transformations."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "While walk-ins are welcome based on availability, we highly recommend booking an appointment in advance to ensure your preferred stylist and time slot.",
|
||||
},
|
||||
id: "2", title: "Do I need to book an appointment?", content: "While walk-ins are welcome based on availability, we highly recommend booking an appointment in advance to ensure your preferred stylist and time slot."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What products do you use?",
|
||||
content: "We proudly use professional-grade products from leading brands such as L'Oréal Professionnel, Kérastase, and Olaplex, ensuring the best care for your hair.",
|
||||
},
|
||||
id: "3", title: "What products do you use?", content: "We proudly use professional-grade products from leading brands such as L'Oréal Professionnel, Kérastase, and Olaplex, ensuring the best care for your hair."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I bring my own hair dye?",
|
||||
content: "For quality and safety, we use our in-house professional coloring products. We do not apply client-provided hair dyes to ensure optimal results and hair health.",
|
||||
},
|
||||
id: "4", title: "Can I bring my own hair dye?", content: "For quality and safety, we use our in-house professional coloring products. We do not apply client-provided hair dyes to ensure optimal results and hair health."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer bridal hair services?",
|
||||
content: "Yes, we specialize in bridal and special occasion hair. We offer consultations and trials to create your perfect look for the big day. Please contact us for a personalized package.",
|
||||
},
|
||||
id: "5", title: "Do you offer bridal hair services?", content: "Yes, we specialize in bridal and special occasion hair. We offer consultations and trials to create your perfect look for the big day. Please contact us for a personalized package."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What if I need to cancel or reschedule?",
|
||||
content: "We understand plans change. Please notify us at least 24 hours in advance for cancellations or rescheduling. This allows us to offer the slot to another client.",
|
||||
},
|
||||
id: "6", title: "What if I need to cancel or reschedule?", content: "We understand plans change. Please notify us at least 24 hours in advance for cancellations or rescheduling. This allows us to offer the slot to another client."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our services and policies."
|
||||
@@ -159,24 +114,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+302109221261",
|
||||
ariaLabel: "Call us",
|
||||
},
|
||||
href: "tel:+302109221261", ariaLabel: "Call us"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=Falirou+46,+Athina+117+41,+Greece",
|
||||
ariaLabel: "Directions",
|
||||
},
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=Falirou+46,+Athina+117+41,+Greece", ariaLabel: "Directions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user