bender/a512f45c-c190-4773-9157-c06efcae1808
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1_1781785439363 into main #2

Merged
bender merged 3 commits from version_1_1781785439363 into main 2026-06-18 12:25:22 +00:00
Conversation 0 Commits 3 Files Changed 2 +52 -176
2 changed files with 52 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/Layout.tsx
View File

@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Home",
"href": "#home"
"name": "Home", "href": "#home"
},
{
"name": "Services",
"href": "#services"
"name": "Services", "href": "#services"
},
{
"name": "Team",
"href": "#team"
"name": "Team", "href": "#team"
},
{
"name": "Testimonials",
"href": "#testimonials"
"name": "Testimonials", "href": "#testimonials"
},
{
"name": "Contact",
"href": "#contact"
"name": "Contact", "href": "#contact"
},
{
"name": "About",
"href": "#about"
"name": "About", "href": "#about"
},
{
"name": "Experience",
"href": "#experience"
"name": "Experience", "href": "#experience"
}
];
@@ -43,10 +36,9 @@ export default function Layout() {
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="D'image"
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=ircw74"
ctaButton={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
@@ -54,46 +46,34 @@ export default function Layout() {
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleMedia
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=ircw74&_wi=2"
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=ircw74"
brand="D'image Hair & Beauty Works"
columns={[
{
title: "Location",
items: [
title: "Location", items: [
{
label: "2 Baligen Place, Silversands, Kuils River",
},
label: "2 Baligen Place, Silversands, Kuils River"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Hair Styling",
href: "#services",
},
label: "Hair Styling", href: "#services"},
{
label: "Beauty",
href: "#services",
},
label: "Beauty", href: "#services"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "061 404 4026",
href: "tel:+27614044026",
},
label: "061 404 4026", href: "tel:+27614044026"},
],
},
]}
copyright="© 2024 D'image Hair & Beauty Works."
links={[
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
]}
/>
</SectionErrorBoundary>

172
src/pages/HomePage.tsx
View File

@@ -18,13 +18,9 @@ export default function HomePage() {
brand="Where Beauty Meets Confidence"
description="Experience premium hair, beauty, and nail services in the heart of Kuils River. Our professional team is dedicated to helping you look and feel your absolute best in a welcoming, luxury environment."
primaryButton={{
text: "Book Appointment",
href: "#contact",
}}
text: "Book Appointment", href: "#contact"}}
secondaryButton={{
text: "Our Services",
href: "#services",
}}
text: "Our Services", href: "#services"}}
imageSrc="http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"
/>
</SectionErrorBoundary>
@@ -49,47 +45,19 @@ export default function HomePage() {
description="From precision cuts to relaxing beauty treatments, our menu is designed to cater to all your hair and nail needs."
items={[
{
title: "Hair Styling",
description: "Expert cutting and styling for all hair types.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/manicure-process_1385-276.jpg",
},
title: "Hair Styling", description: "Expert cutting and styling for all hair types.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/manicure-process_1385-276.jpg"},
{
title: "Hair Treatments",
description: "Deep conditioning and restorative hair health.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12045.jpg",
},
title: "Hair Treatments", description: "Deep conditioning and restorative hair health.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12045.jpg"},
{
title: "Hair Coloring",
description: "Custom color solutions and highlights.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-hand-cutting-female-hair_1262-3469.jpg",
},
title: "Hair Coloring", description: "Custom color solutions and highlights.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-hand-cutting-female-hair_1262-3469.jpg"},
{
title: "Braiding",
description: "Intricate, neat, and stylish braiding services.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/mom-helping-her-child-styling-afro-hair_23-2149625705.jpg",
},
title: "Braiding", description: "Intricate, neat, and stylish braiding services.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/mom-helping-her-child-styling-afro-hair_23-2149625705.jpg"},
{
title: "Nail Services",
description: "Professional manicures and pedicures.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-woman-looking-away_197531-19789.jpg",
},
title: "Nail Services", description: "Professional manicures and pedicures.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-woman-looking-away_197531-19789.jpg"},
{
title: "Beauty Treatments",
description: "Comprehensive beauty and skincare services.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-coloring-hair-client_23-2147769784.jpg",
},
title: "Beauty Treatments", description: "Comprehensive beauty and skincare services.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-coloring-hair-client_23-2147769784.jpg"},
{
title: "Special Styling",
description: "Occasion-ready hair for your big events.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-with-pink-hair-stands-with-large-wedding-bouquet_8353-1425.jpg",
},
title: "Special Styling", description: "Occasion-ready hair for your big events.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-with-pink-hair-stands-with-large-wedding-bouquet_8353-1425.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -103,26 +71,11 @@ export default function HomePage() {
description="Discover why our clients in Kuils River trust us with their beauty transformation."
steps={[
{
tag: "Warm Welcome",
title: "Atmosphere",
subtitle: "A Relaxing Space",
description: "Designed for your ultimate comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfies-with-new-dress_23-2147688754.jpg",
},
tag: "Warm Welcome", title: "Atmosphere", subtitle: "A Relaxing Space", description: "Designed for your ultimate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfies-with-new-dress_23-2147688754.jpg"},
{
tag: "Artistry",
title: "Professional Care",
subtitle: "Expert Stylists",
description: "Technique and care in every detail.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg",
},
tag: "Artistry", title: "Professional Care", subtitle: "Expert Stylists", description: "Technique and care in every detail.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg"},
{
tag: "Satisfaction",
title: "Quality Results",
subtitle: "Love Your Look",
description: "Results that speak for themselves.",
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
},
tag: "Satisfaction", title: "Quality Results", subtitle: "Love Your Look", description: "Results that speak for themselves.", imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -136,23 +89,11 @@ export default function HomePage() {
description="Building confidence, one appointment at a time."
metrics={[
{
value: "1000+",
title: "Happy Clients",
description: "Trusted by our community.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-manicurist-black-gloves-provides-service-client-making-manicure-with-manicure-cuticle-trimmer_176420-42436.jpg",
},
value: "1000+", title: "Happy Clients", description: "Trusted by our community.", imageSrc: "http://img.b2bpic.net/free-photo/professional-manicurist-black-gloves-provides-service-client-making-manicure-with-manicure-cuticle-trimmer_176420-42436.jpg"},
{
value: "15+",
title: "Years Experience",
description: "Expertise you can rely on.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167363.jpg",
},
value: "15+", title: "Years Experience", description: "Expertise you can rely on.", imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167363.jpg"},
{
value: "5.0",
title: "Rating",
description: "Consistent 5-star service quality.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-smiles-raises-curly-hair-posing-lady-brilliant-dress-beautiful-shiny-wall_197531-8110.jpg",
},
value: "5.0", title: "Rating", description: "Consistent 5-star service quality.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-smiles-raises-curly-hair-posing-lady-brilliant-dress-beautiful-shiny-wall_197531-8110.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -166,29 +107,14 @@ export default function HomePage() {
description="Professional artists dedicated to your personal beauty journey."
groups={[
{
title: "Creative Team",
members: [
title: "Creative Team", members: [
{
name: "Sarah M.",
role: "Head Stylist",
detail: "Expert in coloring and styling.",
imageSrc: "http://img.b2bpic.net/free-photo/company-is-young-woman-who-has-fun-with-soft-blocks-children-s-playground-trampoline-center_146671-15252.jpg",
},
name: "Sarah M.", role: "Head Stylist", detail: "Expert in coloring and styling.", imageSrc: "http://img.b2bpic.net/free-photo/company-is-young-woman-who-has-fun-with-soft-blocks-children-s-playground-trampoline-center_146671-15252.jpg"},
{
name: "Thandi K.",
role: "Senior Beauty Tech",
detail: "Nail and beauty perfectionist.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background_114579-60942.jpg",
},
name: "Thandi K.", role: "Senior Beauty Tech", detail: "Nail and beauty perfectionist.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background_114579-60942.jpg"},
{
name: "Lerato P.",
role: "Braiding Specialist",
detail: "Master of intricate braid styles.",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg",
},
name: "Lerato P.", role: "Braiding Specialist", detail: "Master of intricate braid styles.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg"},
],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ircw74&_wi=1",
imageAlt: "professional female hair stylist portrait",
},
]}
/>
@@ -203,40 +129,20 @@ export default function HomePage() {
description="Join our community of happy customers."
testimonials={[
{
name: "Zanele D.",
role: "Regular Client",
company: "Kuils River",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-ofconfident-black-woman-golden-silk-jaket-shiny-sexy-dress-with-perfect-tan-body-posing-beige-wall_273443-3958.jpg",
},
name: "Zanele D.", role: "Regular Client", company: "Kuils River", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-ofconfident-black-woman-golden-silk-jaket-shiny-sexy-dress-with-perfect-tan-body-posing-beige-wall_273443-3958.jpg"},
{
name: "Mark V.",
role: "Frequent Visitor",
company: "Cape Town",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg",
},
name: "Mark V.", role: "Frequent Visitor", company: "Cape Town", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg"},
{
name: "Chantel G.",
role: "Bride",
company: "Silversands",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg",
},
name: "Chantel G.", role: "Bride", company: "Silversands", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg"},
{
name: "Boitumelo M.",
role: "Professional",
company: "Cape Town",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
},
name: "Boitumelo M.", role: "Professional", company: "Cape Town", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg"},
{
name: "Fiona L.",
role: "Client",
company: "Kuils River",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
},
name: "Fiona L.", role: "Client", company: "Kuils River", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -250,17 +156,11 @@ export default function HomePage() {
description="Helpful information for your salon visit."
items={[
{
question: "How do I book an appointment?",
answer: "You can use our online form or call/WhatsApp 061 404 4026.",
},
question: "How do I book an appointment?", answer: "You can use our online form or call/WhatsApp 061 404 4026."},
{
question: "Where are you located?",
answer: "We are at 2 Baligen Place, Silversands, Kuils River.",
},
question: "Where are you located?", answer: "We are at 2 Baligen Place, Silversands, Kuils River."},
{
question: "Do you offer bridal styling?",
answer: "Yes, we specialize in special occasion and bridal styling.",
},
question: "Do you offer bridal styling?", answer: "Yes, we specialize in special occasion and bridal styling."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg"
/>
@@ -273,13 +173,9 @@ export default function HomePage() {
tag="Book Your Spot"
text="Ready to look and feel your best? Get in touch today for an appointment."
primaryButton={{
text: "WhatsApp to Book",
href: "https://wa.me/27614044026",
}}
text: "WhatsApp to Book", href: "https://wa.me/27614044026"}}
secondaryButton={{
text: "Call Us Now",
href: "tel:+27614044026",
}}
text: "Call Us Now", href: "tel:+27614044026"}}
/>
</SectionErrorBoundary>
</div>