bender/44933e01-9fa4-48b2-90b5-cd41996a29a1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-12 13:22:50 +00:00
parent 25a4cd049e
commit 194cd42e8d
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/page.tsx
View File

@@ -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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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"
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"
imageAlt="modern salon interior design professional"
mediaAnimation="blur-reveal"
mediaPosition="right"