From b942f2d22b38af0a4b85d72ee688e9f883eaf1c4 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 13:15:35 +0000 Subject: [PATCH] Update src/app/services/page.tsx --- src/app/services/page.tsx | 124 ++++++++------------------------------ 1 file changed, 26 insertions(+), 98 deletions(-) diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 9ed6d3c..ab00be2 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -36,9 +36,7 @@ export default function ServicesPage() { brandName="Crowned by Him" navItems={navItems} button={{ - text: "Book Appointment", - href: "#booking", - }} + text: "Book Appointment", href: "#booking"}} /> @@ -51,53 +49,21 @@ export default function ServicesPage() { tagAnimation="blur-reveal" features={[ { - id: "blonde-colour", - title: "Blonde Specialist Colour", - descriptions: [ - "Expert highlights and balayage techniques for stunning natural-looking blonde results", - "Full blonde transformations tailored to your skin tone and face shape", - "Color corrections and touch-ups using premium professional products", - "Toning and gloss services to maintain your perfect blonde shade", - ], - imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-cutting-hair-client_23-2147769843.jpg?_wi=2", - imageAlt: "Professional blonde highlights application", - }, + id: "blonde-colour", title: "Blonde Specialist Colour", descriptions: [ + "Expert highlights and balayage techniques for stunning natural-looking blonde results", "Full blonde transformations tailored to your skin tone and face shape", "Color corrections and touch-ups using premium professional products", "Toning and gloss services to maintain your perfect blonde shade"], + imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-cutting-hair-client_23-2147769843.jpg", imageAlt: "Professional blonde highlights application"}, { - id: "full-colour", - title: "Full Colour Services", - descriptions: [ - "Root colour treatments maintaining your perfect shade between appointments", - "Complete colour changes designed around your unique features and style", - "Colour refresh treatments to keep your look vibrant and fresh", - "Professional color protection for long-lasting results", - ], - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668437.jpg?_wi=2", - imageAlt: "Full colour treatment results", - }, + id: "full-colour", title: "Full Colour Services", descriptions: [ + "Root colour treatments maintaining your perfect shade between appointments", "Complete colour changes designed around your unique features and style", "Colour refresh treatments to keep your look vibrant and fresh", "Professional color protection for long-lasting results"], + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668437.jpg", imageAlt: "Full colour treatment results"}, { - id: "keratin-smoothing", - title: "MycroKeratin Smoothing", - descriptions: [ - "Professional keratin treatment that reduces frizz and creates silky smooth hair", - "Improves manageability and shine while maintaining natural movement", - "Perfect for managing humidity and creating effortless styling", - "Keratin touch-ups to maintain your smooth, healthy hair", - ], - imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-curly-hairs-casual-outfit-posing-beige_273443-3896.jpg?_wi=2", - imageAlt: "Keratin smoothing treatment application", - }, + id: "keratin-smoothing", title: "MycroKeratin Smoothing", descriptions: [ + "Professional keratin treatment that reduces frizz and creates silky smooth hair", "Improves manageability and shine while maintaining natural movement", "Perfect for managing humidity and creating effortless styling", "Keratin touch-ups to maintain your smooth, healthy hair"], + imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-curly-hairs-casual-outfit-posing-beige_273443-3896.jpg", imageAlt: "Keratin smoothing treatment application"}, { - id: "natural-styles", - title: "Natural Style Customisation", - descriptions: [ - "Personalized cuts and styles designed around your face shape and lifestyle", - "Healthy, natural-looking styles that enhance your unique beauty", - "Expert consultation to find the perfect style for you", - "Styling tips and product recommendations for at-home maintenance", - ], - imageSrc: "http://img.b2bpic.net/free-photo/young-black-person-taking-care-afro-hair_23-2149575446.jpg?_wi=2", - imageAlt: "Natural hairstyle styling consultation", - }, + id: "natural-styles", title: "Natural Style Customisation", descriptions: [ + "Personalized cuts and styles designed around your face shape and lifestyle", "Healthy, natural-looking styles that enhance your unique beauty", "Expert consultation to find the perfect style for you", "Styling tips and product recommendations for at-home maintenance"], + imageSrc: "http://img.b2bpic.net/free-photo/young-black-person-taking-care-afro-hair_23-2149575446.jpg", imageAlt: "Natural hairstyle styling consultation"}, ]} gridVariant="four-items-2x2-equal-grid" animationType="blur-reveal" @@ -115,31 +81,13 @@ export default function ServicesPage() { tagAnimation="blur-reveal" testimonials={[ { - id: "client-1", - name: "Blonde Transformation", - role: "Full Colour Change", - testimonial: "A complete blonde transformation that brightens and rejuvenates. The expert colour matching and application created a stunning result that exceeded expectations.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg?_wi=2", - imageAlt: "Client blonde transformation", - icon: Sparkles, + id: "client-1", name: "Blonde Transformation", role: "Full Colour Change", testimonial: "A complete blonde transformation that brightens and rejuvenates. The expert colour matching and application created a stunning result that exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg", imageAlt: "Client blonde transformation", icon: Sparkles, }, { - id: "client-2", - name: "Keratin Success", - role: "Smoothing Treatment", - testimonial: "The keratin smoothing treatment completely transformed my hair. It's now silky, manageable, and shiny. The results have lasted for months!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-healthy-long-hair_268835-1510.jpg?_wi=2", - imageAlt: "Client keratin results", - icon: Sparkles, + id: "client-2", name: "Keratin Success", role: "Smoothing Treatment", testimonial: "The keratin smoothing treatment completely transformed my hair. It's now silky, manageable, and shiny. The results have lasted for months!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-healthy-long-hair_268835-1510.jpg", imageAlt: "Client keratin results", icon: Sparkles, }, { - id: "client-3", - name: "Style Perfection", - role: "Natural Styling", - testimonial: "The personalized consultation helped me find a style that truly works for my face and lifestyle. I feel more confident every day with my new look.", - imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769814.jpg?_wi=2", - imageAlt: "Client styling satisfaction", - icon: Sparkles, + id: "client-3", name: "Style Perfection", role: "Natural Styling", testimonial: "The personalized consultation helped me find a style that truly works for my face and lifestyle. I feel more confident every day with my new look.", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769814.jpg", imageAlt: "Client styling satisfaction", icon: Sparkles, }, ]} textboxLayout="default" @@ -154,39 +102,25 @@ export default function ServicesPage() { description="Ready to experience our professional hair services? Fill out the form below and we'll contact you to confirm your appointment at your preferred time." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Your Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Your Phone Number", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, { - name: "service", - type: "text", - placeholder: "Which service are you interested in?", - required: true, + name: "service", type: "text", placeholder: "Which service are you interested in?", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your hair needs and any specific requests...", - rows: 5, + name: "message", placeholder: "Tell us about your hair needs and any specific requests...", rows: 5, required: false, }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg?_wi=2" - imageAlt: "Professional salon styling station" + imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg" + imageAlt="Professional salon styling station" mediaAnimation="blur-reveal" mediaPosition="right" buttonText="Book Appointment" @@ -200,19 +134,13 @@ export default function ServicesPage() { socialLinks={[ { icon: Instagram, - href: "https://instagram.com", - ariaLabel: "Instagram", - }, + href: "https://instagram.com", ariaLabel: "Instagram"}, { icon: Facebook, - href: "https://facebook.com", - ariaLabel: "Facebook", - }, + href: "https://facebook.com", ariaLabel: "Facebook"}, { icon: Phone, - href: "tel:0825572721", - ariaLabel: "Call Us", - }, + href: "tel:0825572721", ariaLabel: "Call Us"}, ]} /> -- 2.49.1