Update src/app/page.tsx

This commit is contained in:
2026-03-12 13:34:17 +00:00
parent ec0c10fb36
commit 0db3cd34a6

View File

@@ -88,13 +88,13 @@ export default function HomePage() {
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-computer-smart-phone-beautiful-student-girl-working-laptop-outdoor_1328-649.jpg", imageAlt: "blonde hair transformation salon bright lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27197.jpg", imageAlt: "blonde highlights balayage salon technique"},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27197.jpg?_wi=1", imageAlt: "blonde highlights balayage salon technique"},
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-working-with-young-client_23-2147769873.jpg", imageAlt: "keratin hair treatment smoothing results"},
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-working-with-young-client_23-2147769873.jpg?_wi=1", imageAlt: "keratin hair treatment smoothing results"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771250.jpg", imageAlt: "natural hair styling salon professional"},
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771250.jpg?_wi=1", imageAlt: "natural hair styling salon professional"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg", imageAlt: "professional female hair stylist portrait"},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg?_wi=1", imageAlt: "professional female hair stylist portrait"},
]}
mediaAnimation="slide-up"
ariaLabel="Hero section showcasing blonde transformations and salon services"
@@ -115,13 +115,13 @@ export default function HomePage() {
buttonAnimation="slide-up"
products={[
{
id: "1", name: "Blonde Transformations", price: "R 450 - R 950", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27197.jpg", imageAlt: "blonde highlights balayage salon technique"},
id: "1", name: "Blonde Transformations", price: "R 450 - R 950", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27197.jpg?_wi=2", imageAlt: "blonde highlights balayage salon technique"},
{
id: "2", name: "Full Colour & Restyles", price: "R 350 - R 800", imageSrc: "http://img.b2bpic.net/free-photo/good-looking-happy-woman-dressed-white-blouse-looking-away_291650-408.jpg", imageAlt: "full hair color change salon makeover"},
{
id: "3", name: "MycroKeratin Smoothing", price: "R 550 - R 1200", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-working-with-young-client_23-2147769873.jpg", imageAlt: "keratin hair treatment smoothing results"},
id: "3", name: "MycroKeratin Smoothing", price: "R 550 - R 1200", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-working-with-young-client_23-2147769873.jpg?_wi=2", imageAlt: "keratin hair treatment smoothing results"},
{
id: "4", name: "Natural Style Customisation", price: "R 250 - R 600", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771250.jpg", imageAlt: "natural hair styling salon professional"},
id: "4", name: "Natural Style Customisation", price: "R 250 - R 600", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771250.jpg?_wi=2", imageAlt: "natural hair styling salon professional"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -145,7 +145,7 @@ export default function HomePage() {
buttonAnimation="slide-up"
products={[
{
id: "1", name: "Blonde Transformation", price: "Dark to Radiant Blonde", imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg", imageAlt: "blonde transformation before after dark to blonde"},
id: "1", name: "Blonde Transformation", price: "Dark to Radiant Blonde", imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg?_wi=1", imageAlt: "blonde transformation before after dark to blonde"},
{
id: "2", name: "Color Correction", price: "Vibrant & Healthy Blonde", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-client-haircut-salon_23-2148353408.jpg", imageAlt: "color correction vibrant blonde results"},
{
@@ -179,7 +179,7 @@ export default function HomePage() {
{
id: "stylists", groupTitle: "Professional Stylists", members: [
{
id: "1", title: "Nadine Coetzee", subtitle: "Blonde Specialist", detail: "Passionate about helping women feel confident and radiant with beautifully healthy hair", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg", imageAlt: "Nadine Coetzee, Blonde Specialist"},
id: "1", title: "Nadine Coetzee", subtitle: "Blonde Specialist", detail: "Passionate about helping women feel confident and radiant with beautifully healthy hair", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg?_wi=2", imageAlt: "Nadine Coetzee, Blonde Specialist"},
{
id: "2", title: "Cindy Jacobs", subtitle: "Experienced Stylist", detail: "Focused on natural, elegant styles tailored to every client's unique needs and lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg", imageAlt: "Cindy Jacobs, Experienced Stylist"},
],
@@ -200,16 +200,16 @@ export default function HomePage() {
features={[
{
id: 1,
tag: "Expertise", title: "Blonde Specialist", subtitle: "Expert colour techniques for stunning results", description: "With years of experience in blonde transformations and colour correction, Nadine specializes in achieving beautiful, natural-looking blonde results tailored to your skin tone and hair goals.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27197.jpg", imageAlt: "Blonde specialist expertise"},
tag: "Expertise", title: "Blonde Specialist", subtitle: "Expert colour techniques for stunning results", description: "With years of experience in blonde transformations and colour correction, Nadine specializes in achieving beautiful, natural-looking blonde results tailored to your skin tone and hair goals.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27197.jpg?_wi=3", imageAlt: "Blonde specialist expertise"},
{
id: 2,
tag: "Personal Touch", title: "Personalized Consultations", subtitle: "Your hair, your vision", description: "Every client receives a thorough consultation to understand your hair goals, lifestyle, and preferences. We create customized treatment plans designed specifically for you.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg", imageAlt: "Personalized consultation"},
tag: "Personal Touch", title: "Personalized Consultations", subtitle: "Your hair, your vision", description: "Every client receives a thorough consultation to understand your hair goals, lifestyle, and preferences. We create customized treatment plans designed specifically for you.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg?_wi=2", imageAlt: "Personalized consultation"},
{
id: 3,
tag: "Quality", title: "Professional Products", subtitle: "Only the best for your hair", description: "We use premium, professional-grade products including MycroKeratin treatments to ensure your hair stays healthy, vibrant, and beautiful between appointments.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-working-with-young-client_23-2147769873.jpg", imageAlt: "Professional hair products"},
tag: "Quality", title: "Professional Products", subtitle: "Only the best for your hair", description: "We use premium, professional-grade products including MycroKeratin treatments to ensure your hair stays healthy, vibrant, and beautiful between appointments.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-working-with-young-client_23-2147769873.jpg?_wi=3", imageAlt: "Professional hair products"},
{
id: 4,
tag: "Community", title: "Friendly Local Salon", subtitle: "Where you belong", description: "Located right here in Thabazimbi, we're more than a salon—we're your trusted local beauty partners. We build lasting relationships with our clients and make every visit special.", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771250.jpg", imageAlt: "Friendly local salon"},
tag: "Community", title: "Friendly Local Salon", subtitle: "Where you belong", description: "Located right here in Thabazimbi, we're more than a salon—we're your trusted local beauty partners. We build lasting relationships with our clients and make every visit special.", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771250.jpg?_wi=3", imageAlt: "Friendly local salon"},
]}
buttonAnimation="slide-up"
/>