Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 859a28cd76 | |||
| 2c6aacb8be | |||
| 9146fac131 | |||
| 8484cada83 | |||
| db60db7694 | |||
| b9de5f61fd | |||
| 54df8440b9 | |||
| 194cd42e8d | |||
| 25a4cd049e | |||
| 06fc57b613 | |||
| 87b2b2ec32 | |||
| 21c5867d7f | |||
| 2463842983 |
@@ -20,66 +20,28 @@ export default function AboutPage() {
|
||||
|
||||
const teamMembers = [
|
||||
{
|
||||
id: "nadine",
|
||||
name: "Nadine Coetzee",
|
||||
role: "Blonde Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-using-flat-iron_23-2148784353.jpg?_wi=2",
|
||||
imageAlt: "professional female hair stylist portrait",
|
||||
},
|
||||
id: "nadine", name: "Nadine Coetzee", role: "Blonde Specialist", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=3", imageAlt: "professional female hair stylist portrait"},
|
||||
{
|
||||
id: "cindy",
|
||||
name: "Cindy Jacobs",
|
||||
role: "Experienced Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-4143.jpg?_wi=2",
|
||||
imageAlt: "professional female hairstylist portrait",
|
||||
},
|
||||
id: "cindy", name: "Cindy Jacobs", role: "Experienced Stylist", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=4", imageAlt: "professional female hairstylist portrait"},
|
||||
];
|
||||
|
||||
const whyChooseFeatures = [
|
||||
{
|
||||
id: "expertise",
|
||||
title: "Blonde Specialist Expertise",
|
||||
descriptions: [
|
||||
"Years of experience in blonde transformations",
|
||||
"Expert colour matching and application techniques",
|
||||
"Knowledge of the latest blonde trends and styles",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668444.jpg?_wi=2",
|
||||
imageAlt: "professional hair colouring expertise technique",
|
||||
},
|
||||
id: "expertise", title: "Blonde Specialist Expertise", descriptions: [
|
||||
"Years of experience in blonde transformations", "Expert colour matching and application techniques", "Knowledge of the latest blonde trends and styles"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=500&h=500&fit=crop&_wi=4", imageAlt: "professional female hair colouring expertise technique"},
|
||||
{
|
||||
id: "consultation",
|
||||
title: "Personalized Consultations",
|
||||
descriptions: [
|
||||
"Every client receives a detailed consultation",
|
||||
"We listen to your hair goals and concerns",
|
||||
"Custom solutions tailored to your unique needs",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248122.jpg?_wi=2",
|
||||
imageAlt: "hair consultation stylist client discussion",
|
||||
},
|
||||
id: "consultation", title: "Personalized Consultations", descriptions: [
|
||||
"Every client receives a detailed consultation", "We listen to your hair goals and concerns", "Custom solutions tailored to your unique needs"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1522337360788-8b13dee7a537?w=500&h=500&fit=crop&_wi=3", imageAlt: "professional female hair consultation stylist client discussion"},
|
||||
{
|
||||
id: "products",
|
||||
title: "Professional Products",
|
||||
descriptions: [
|
||||
"We use only premium quality hair products",
|
||||
"Salon-grade treatments and formulations",
|
||||
"Products that protect and enhance hair health",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-cosmetics-bottles_23-2147787927.jpg?_wi=2",
|
||||
imageAlt: "professional hair care products salon",
|
||||
},
|
||||
id: "products", title: "Professional Products", descriptions: [
|
||||
"We use only premium quality hair products", "Salon-grade treatments and formulations", "Products that protect and enhance hair health"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=500&h=500&fit=crop&_wi=2", imageAlt: "professional female hair care products salon"},
|
||||
{
|
||||
id: "friendly",
|
||||
title: "Friendly Local Salon",
|
||||
descriptions: [
|
||||
"Warm, welcoming atmosphere in Thabazimbi",
|
||||
"Build lasting relationships with our clients",
|
||||
"Community focused and relationship driven",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2",
|
||||
imageAlt: "welcoming salon interior client atmosphere",
|
||||
},
|
||||
id: "friendly", title: "Friendly Local Salon", descriptions: [
|
||||
"Warm, welcoming atmosphere in Thabazimbi", "Build lasting relationships with our clients", "Community focused and relationship driven"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=500&h=500&fit=crop&_wi=3", imageAlt: "professional female welcoming salon interior client atmosphere"},
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -100,9 +62,7 @@ export default function AboutPage() {
|
||||
brandName="Crowned by Him"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Appointment", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,9 +79,7 @@ export default function AboutPage() {
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book With Us",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book With Us", href: "#booking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,19 +106,13 @@ export default function AboutPage() {
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -37,9 +37,7 @@ export default function BookingPage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Appointment", href: "/booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,38 +47,24 @@ export default function BookingPage() {
|
||||
description="Ready to transform your hair? Fill out the form below with your details and let us know which service interests you most. We'll confirm your booking and get you scheduled with one of our expert stylists."
|
||||
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: "Service Interested In (e.g., Blonde Colour, Keratin, Styling)",
|
||||
required: true,
|
||||
name: "service", type: "text", placeholder: "Service Interested In (e.g., Blonde Colour, Keratin, Styling)", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your hair goals and any specific requests...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your hair goals and any specific requests...", rows: 5,
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg?_wi=3"
|
||||
imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=500&h=500&fit=crop&_wi=4"
|
||||
imageAlt="Professional salon styling stations"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
@@ -98,19 +82,13 @@ export default function BookingPage() {
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,8 +63,8 @@ export default function HomePage() {
|
||||
{ text: "Call 082 557 2721", href: "tel:0825572721" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"
|
||||
imageAlt="blonde hair transformation salon professional"
|
||||
imageSrc="https://images.unsplash.com/photo-1552058544-f03b3d6e-9efd-4534-86c3-a97d4d1b1b1c?w=500&h=500&fit=crop"
|
||||
imageAlt="professional female blonde hair transformation"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
/>
|
||||
@@ -82,25 +82,25 @@ export default function HomePage() {
|
||||
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"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-cutting-hair-client_23-2147769843.jpg", imageAlt: "hairstylist applying blonde highlights techniques"
|
||||
imageSrc: "https://images.unsplash.com/photo-1522337360788-8b13dee7a537?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female hairstylist applying blonde highlights"
|
||||
},
|
||||
{
|
||||
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 and refresh treatments to keep your look vibrant and fresh"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668437.jpg", imageAlt: "hair colouring treatment full colour"
|
||||
imageSrc: "https://images.unsplash.com/photo-1596854407944-bf87f6fdd49e?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female hair colouring treatment"
|
||||
},
|
||||
{
|
||||
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"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-curly-hairs-casual-outfit-posing-beige_273443-3896.jpg", imageAlt: "keratin treatment hair smoothing process"
|
||||
imageSrc: "https://images.unsplash.com/photo-1580618672591-eb180b1a973f?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female keratin treatment hair smoothing"
|
||||
},
|
||||
{
|
||||
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"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-person-taking-care-afro-hair_23-2149575446.jpg", imageAlt: "hairstylist natural haircut styling consultation"
|
||||
imageSrc: "https://images.unsplash.com/photo-1562122353-5f4e4aa124f5?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female hairstylist natural haircut styling"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
@@ -120,22 +120,22 @@ export default function HomePage() {
|
||||
tagAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "transformation-1", name: "Blonde Transformation", role: "Full Colour Change", testimonial: "A complete blonde transformation that brightens and rejuvenates. This stunning result showcases our expertise in colour matching and application.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg", imageAlt: "blonde hair before after transformation", icon: Sparkles
|
||||
id: "transformation-1", name: "Blonde Transformation", role: "Full Colour Change", testimonial: "A complete blonde transformation that brightens and rejuvenates. This stunning result showcases our expertise in colour matching and application.", imageSrc: "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female blonde hair before after transformation", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "transformation-2", name: "Balayage Highlights", role: "Dimensional Blonde", testimonial: "Beautiful balayage highlights adding dimension and movement to natural hair. The perfectly blended blonde tones create a sun-kissed, natural appearance.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-cocktail-cafe-outdoor_624325-412.jpg", imageAlt: "balayage highlights before after beautiful", icon: Sparkles
|
||||
id: "transformation-2", name: "Balayage Highlights", role: "Dimensional Blonde", testimonial: "Beautiful balayage highlights adding dimension and movement to natural hair. The perfectly blended blonde tones create a sun-kissed, natural appearance.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female balayage highlights before after beautiful", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "transformation-3", name: "Keratin Results", role: "Smoothing Treatment", testimonial: "Dramatic keratin smoothing transformation showing reduced frizz and enhanced shine. Notice the silky, manageable texture and radiant shine.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-healthy-long-hair_268835-1510.jpg", imageAlt: "keratin treatment before after smooth hair", icon: Sparkles
|
||||
id: "transformation-3", name: "Keratin Results", role: "Smoothing Treatment", testimonial: "Dramatic keratin smoothing transformation showing reduced frizz and enhanced shine. Notice the silky, manageable texture and radiant shine.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=2", imageAlt: "professional female keratin treatment before after smooth hair", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "transformation-4", name: "Colour Correction", role: "Professional Correction", testimonial: "Expert colour correction bringing damaged hair back to beautiful health. This transformation shows our skill in correcting previous colour work.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-women-near-wall_23-2147784722.jpg", imageAlt: "colour correction before after healthy hair", icon: Sparkles
|
||||
id: "transformation-4", name: "Colour Correction", role: "Professional Correction", testimonial: "Expert colour correction bringing damaged hair back to beautiful health. This transformation shows our skill in correcting previous colour work.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female colour correction before after healthy hair", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "transformation-5", name: "Natural Style Cut", role: "Custom Styling", testimonial: "A personalized cut and style that brings out natural beauty. This custom styling enhances face shape and creates an effortlessly elegant look.", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769814.jpg", imageAlt: "natural haircut before after styled", icon: Sparkles
|
||||
id: "transformation-5", name: "Natural Style Cut", role: "Custom Styling", testimonial: "A personalized cut and style that brings out natural beauty. This custom styling enhances face shape and creates an effortlessly elegant look.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female natural haircut before after styled", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "transformation-6", name: "Complete Makeover", role: "Full Hair Transformation", testimonial: "A complete hair transformation combining cutting, colouring, and styling expertise. Notice the dramatic improvement in health, shine, and overall appearance.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-brushed-salon-by-beautician_23-2148817184.jpg", imageAlt: "complete hair makeover transformation results", icon: Sparkles
|
||||
id: "transformation-6", name: "Complete Makeover", role: "Full Hair Transformation", testimonial: "A complete hair transformation combining cutting, colouring, and styling expertise. Notice the dramatic improvement in health, shine, and overall appearance.", imageSrc: "https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female complete hair makeover transformation results", icon: Sparkles
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -154,10 +154,10 @@ export default function HomePage() {
|
||||
tagAnimation="blur-reveal"
|
||||
team={[
|
||||
{
|
||||
id: "nadine", name: "Nadine Coetzee", role: "Blonde Specialist", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-using-flat-iron_23-2148784353.jpg", imageAlt: "professional female hair stylist portrait"
|
||||
id: "nadine", name: "Nadine Coetzee", role: "Blonde Specialist", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=2", imageAlt: "professional female hair stylist portrait"
|
||||
},
|
||||
{
|
||||
id: "cindy", name: "Cindy Jacobs", role: "Experienced Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-4143.jpg", imageAlt: "professional female hairstylist portrait"
|
||||
id: "cindy", name: "Cindy Jacobs", role: "Experienced Stylist", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=3", imageAlt: "professional female hairstylist portrait"
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
@@ -179,25 +179,25 @@ export default function HomePage() {
|
||||
id: "expertise", title: "Blonde Specialist Expertise", descriptions: [
|
||||
"Years of experience in blonde transformations", "Expert colour matching and application techniques", "Knowledge of the latest blonde trends and styles"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668444.jpg", imageAlt: "professional hair colouring expertise technique"
|
||||
imageSrc: "https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=500&h=500&fit=crop&_wi=2", imageAlt: "professional female hair colouring expertise technique"
|
||||
},
|
||||
{
|
||||
id: "consultation", title: "Personalized Consultations", descriptions: [
|
||||
"Every client receives a detailed consultation", "We listen to your hair goals and concerns", "Custom solutions tailored to your unique needs"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248122.jpg", imageAlt: "hair consultation stylist client discussion"
|
||||
imageSrc: "https://images.unsplash.com/photo-1522337360788-8b13dee7a537?w=500&h=500&fit=crop&_wi=2", imageAlt: "professional female hair consultation stylist client discussion"
|
||||
},
|
||||
{
|
||||
id: "products", title: "Professional Products", descriptions: [
|
||||
"We use only premium quality hair products", "Salon-grade treatments and formulations", "Products that protect and enhance hair health"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-cosmetics-bottles_23-2147787927.jpg", imageAlt: "professional hair care products salon"
|
||||
imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female hair care products salon"
|
||||
},
|
||||
{
|
||||
id: "friendly", title: "Friendly Local Salon", descriptions: [
|
||||
"Warm, welcoming atmosphere in Thabazimbi", "Build lasting relationships with our clients", "Community focused and relationship driven"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", imageAlt: "welcoming salon interior client atmosphere"
|
||||
imageSrc: "https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=500&h=500&fit=crop&_wi=1", imageAlt: "professional female welcoming salon interior client atmosphere"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
@@ -216,7 +216,7 @@ export default function HomePage() {
|
||||
description="Book now and leave feeling confident, polished, and beautifully crowned."
|
||||
subdescription="Your journey to beautiful hair starts here"
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8705.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=500&h=500&fit=crop&_wi=3"
|
||||
imageAlt="confident woman beautiful hair portrait"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
@@ -238,7 +238,7 @@ export default function HomePage() {
|
||||
required: false
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=500&h=500&fit=crop&_wi=2"
|
||||
imageAlt="modern salon interior design professional"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -51,19 +51,19 @@ export default function ServicesPage() {
|
||||
{
|
||||
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"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1522337360788-8b13dee7a537?w=500&h=500&fit=crop&_wi=4", imageAlt: "Professional female 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", imageAlt: "Full colour treatment results"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1596854407944-bf87f6fdd49e?w=500&h=500&fit=crop&_wi=2", imageAlt: "Full female 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", imageAlt: "Keratin smoothing treatment application"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1580618672591-eb180b1a973f?w=500&h=500&fit=crop&_wi=2", imageAlt: "Keratin smoothing female 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", imageAlt: "Natural hairstyle styling consultation"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1562122353-5f4e4aa124f5?w=500&h=500&fit=crop&_wi=2", imageAlt: "Natural female hairstyle styling consultation"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="blur-reveal"
|
||||
@@ -81,13 +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", 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: "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?w=500&h=500&fit=crop&_wi=2", imageAlt: "Client female 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", 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: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=5", imageAlt: "Client female 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", 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: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=2", imageAlt: "Client female styling satisfaction", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -119,7 +119,7 @@ export default function ServicesPage() {
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=500&h=500&fit=crop&_wi=5"
|
||||
imageAlt="Professional salon styling station"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -19,58 +19,22 @@ export default function TransformationsPage() {
|
||||
|
||||
const transformations = [
|
||||
{
|
||||
id: "transformation-1",
|
||||
name: "Blonde Transformation",
|
||||
role: "Full Colour Change",
|
||||
testimonial: "A complete blonde transformation that brightens and rejuvenates. This stunning result showcases our expertise in colour matching and application.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg?_wi=3",
|
||||
imageAlt: "blonde hair before after transformation",
|
||||
icon: Sparkles,
|
||||
id: "transformation-1", name: "Blonde Transformation", role: "Full Colour Change", testimonial: "A complete blonde transformation that brightens and rejuvenates. This stunning result showcases our expertise in colour matching and application.", imageSrc: "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?w=500&h=500&fit=crop&_wi=3", imageAlt: "blonde female hair before after transformation", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "transformation-2",
|
||||
name: "Balayage Highlights",
|
||||
role: "Dimensional Blonde",
|
||||
testimonial: "Beautiful balayage highlights adding dimension and movement to natural hair. The perfectly blended blonde tones create a sun-kissed, natural appearance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-cocktail-cafe-outdoor_624325-412.jpg?_wi=2",
|
||||
imageAlt: "balayage highlights before after beautiful",
|
||||
icon: Sparkles,
|
||||
id: "transformation-2", name: "Balayage Highlights", role: "Dimensional Blonde", testimonial: "Beautiful balayage highlights adding dimension and movement to natural hair. The perfectly blended blonde tones create a sun-kissed, natural appearance.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=6", imageAlt: "balayage female highlights before after beautiful", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "transformation-3",
|
||||
name: "Keratin Results",
|
||||
role: "Smoothing Treatment",
|
||||
testimonial: "Dramatic keratin smoothing transformation showing reduced frizz and enhanced shine. Notice the silky, manageable texture and radiant shine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-healthy-long-hair_268835-1510.jpg?_wi=3",
|
||||
imageAlt: "keratin treatment before after smooth hair",
|
||||
icon: Sparkles,
|
||||
id: "transformation-3", name: "Keratin Results", role: "Smoothing Treatment", testimonial: "Dramatic keratin smoothing transformation showing reduced frizz and enhanced shine. Notice the silky, manageable texture and radiant shine.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=4", imageAlt: "keratin female treatment before after smooth hair", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "transformation-4",
|
||||
name: "Colour Correction",
|
||||
role: "Professional Correction",
|
||||
testimonial: "Expert colour correction bringing damaged hair back to beautiful health. This transformation shows our skill in correcting previous colour work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-women-near-wall_23-2147784722.jpg?_wi=2",
|
||||
imageAlt: "colour correction before after healthy hair",
|
||||
icon: Sparkles,
|
||||
id: "transformation-4", name: "Colour Correction", role: "Professional Correction", testimonial: "Expert colour correction bringing damaged hair back to beautiful health. This transformation shows our skill in correcting previous colour work.", imageSrc: "https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=500&h=500&fit=crop&_wi=5", imageAlt: "colour female correction before after healthy hair", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "transformation-5",
|
||||
name: "Natural Style Cut",
|
||||
role: "Custom Styling",
|
||||
testimonial: "A personalized cut and style that brings out natural beauty. This custom styling enhances face shape and creates an effortlessly elegant look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769814.jpg?_wi=3",
|
||||
imageAlt: "natural haircut before after styled",
|
||||
icon: Sparkles,
|
||||
id: "transformation-5", name: "Natural Style Cut", role: "Custom Styling", testimonial: "A personalized cut and style that brings out natural beauty. This custom styling enhances face shape and creates an effortlessly elegant look.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=3", imageAlt: "natural female haircut before after styled", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "transformation-6",
|
||||
name: "Complete Makeover",
|
||||
role: "Full Hair Transformation",
|
||||
testimonial: "A complete hair transformation combining cutting, colouring, and styling expertise. Notice the dramatic improvement in health, shine, and overall appearance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-brushed-salon-by-beautician_23-2148817184.jpg?_wi=2",
|
||||
imageAlt: "complete hair makeover transformation results",
|
||||
icon: Sparkles,
|
||||
id: "transformation-6", name: "Complete Makeover", role: "Full Hair Transformation", testimonial: "A complete hair transformation combining cutting, colouring, and styling expertise. Notice the dramatic improvement in health, shine, and overall appearance.", imageSrc: "https://images.unsplash.com/photo-1522337360788-8b13dee7a537?w=500&h=500&fit=crop&_wi=5", imageAlt: "complete female hair makeover transformation results", icon: Sparkles,
|
||||
},
|
||||
];
|
||||
|
||||
@@ -92,9 +56,7 @@ export default function TransformationsPage() {
|
||||
brandName="Crowned by Him"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Appointment", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,8 +83,8 @@ export default function TransformationsPage() {
|
||||
description="Book now and leave feeling confident, polished, and beautifully crowned."
|
||||
subdescription="Your journey to beautiful hair starts here"
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8705.jpg?_wi=2"
|
||||
imageAlt="confident woman beautiful hair portrait"
|
||||
imageSrc="https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=500&h=500&fit=crop&_wi=6"
|
||||
imageAlt="confident female woman beautiful hair portrait"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -135,19 +97,13 @@ export default function TransformationsPage() {
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user