diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 7962663..a0dfbbf 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -19,15 +19,10 @@ export default function HomePage() { title="Transform Your Look, Elevate Your Confidence" description="Experience world-class hair, beauty, and grooming services delivered by skilled professionals using premium products and modern techniques." primaryButton={{ - text: "Book Appointment", - href: "#contact", - }} + text: "Book Appointment", href: "#contact"}} secondaryButton={{ - text: "Explore Services", - href: "#services", - }} - videoSrc="http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg?_wi=1" - imageSrc="http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg?_wi=2" + text: "Explore Services", href: "#services"}} + videoSrc="http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg" /> @@ -38,7 +33,7 @@ export default function HomePage() { tag="Our Story" title="Toni & Guy Multan" description="Empowering confidence through exceptional beauty experiences, innovative styling, and personalized care. We bring international styling standards to the heart of Multan." - imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" /> @@ -51,20 +46,11 @@ export default function HomePage() { description="Discover why we are the preferred choice for premium salon services in Multan." items={[ { - title: "Expert Hair Stylists", - description: "Internationally trained artists with years of experience.", - imageSrc: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg", - }, + title: "Expert Hair Stylists", description: "Internationally trained artists with years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg"}, { - title: "Advanced Beauty Solutions", - description: "Science-backed treatments for your glowing skin.", - imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-with-creme-face_23-2147816998.jpg", - }, + title: "Advanced Beauty Solutions", description: "Science-backed treatments for your glowing skin.", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-with-creme-face_23-2147816998.jpg"}, { - title: "Fashion-Forward Styling", - description: "Trendsetting techniques for shoots and events.", - imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg", - }, + title: "Fashion-Forward Styling", description: "Trendsetting techniques for shoots and events.", imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg"}, ]} /> @@ -77,41 +63,13 @@ export default function HomePage() { title="Transformation Gallery" description="A glimpse into our artistic journey and client makeovers." items={[ - { - title: "Color Makeover", - description: "Blonde transformation", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-wavy-blonde-hair_23-2152001459.jpg", - }, - { - title: "Keratin Finish", - description: "Smooth perfection", - imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-sreaching-touching-her-straight-dark-hair-ideal-skin-portrait_633478-2984.jpg", - }, - { - title: "Bridal Updo", - description: "Elegant ceremony look", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4215.jpg", - }, - { - title: "Nail Design", - description: "Intricate nail art", - imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg", - }, - { - title: "Grooming", - description: "Professional sharp look", - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6399.jpg", - }, - { - title: "Lashes", - description: "Volume enhancement", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-wearing-eye-patches_23-2149627155.jpg", - }, - { - title: "Photoshoot", - description: "Campaign styling", - imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-studio-shooting-looking-away_23-2148424443.jpg", - }, + { title: "Color Makeover", description: "Blonde transformation", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-wavy-blonde-hair_23-2152001459.jpg" }, + { title: "Keratin Finish", description: "Smooth perfection", imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-sreaching-touching-her-straight-dark-hair-ideal-skin-portrait_633478-2984.jpg" }, + { title: "Bridal Updo", description: "Elegant ceremony look", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4215.jpg" }, + { title: "Nail Design", description: "Intricate nail art", imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg" }, + { title: "Grooming", description: "Professional sharp look", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6399.jpg" }, + { title: "Lashes", description: "Volume enhancement", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-wearing-eye-patches_23-2149627155.jpg" }, + { title: "Photoshoot", description: "Campaign styling", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-studio-shooting-looking-away_23-2148424443.jpg" } ]} /> @@ -125,33 +83,12 @@ export default function HomePage() { description="Tailored packages for your special occasions." plans={[ { - tag: "Essential", - price: "Custom", - description: "Perfect for engagement events.", - primaryButton: { - text: "Inquire", - href: "#contact", - }, - features: [ - "Full makeup", - "Hairstyle", - "Touch-ups", - ], + tag: "Essential", price: "Custom", description: "Perfect for engagement events.", primaryButton: { text: "Inquire", href: "#contact" }, + features: ["Full makeup", "Hairstyle", "Touch-ups"], }, { - tag: "Elite", - price: "Custom", - description: "The ultimate bridal package.", - primaryButton: { - text: "Inquire", - href: "#contact", - }, - features: [ - "Full bridal makeup", - "Hair extension support", - "VIP consultation", - "Pre-event facial", - ], + tag: "Elite", price: "Custom", description: "The ultimate bridal package.", primaryButton: { text: "Inquire", href: "#contact" }, + features: ["Full bridal makeup", "Hair extension support", "VIP consultation", "Pre-event facial"], }, ]} /> @@ -165,30 +102,9 @@ export default function HomePage() { title="Beauty by Numbers" description="High standards validated by our amazing community." metrics={[ - { - value: "4.7 ★", - title: "Rating", - features: [ - "Verified satisfaction", - "Google reviewed", - ], - }, - { - value: "1.5k+", - title: "Happy Clients", - features: [ - "Recurring visits", - "Trusted community", - ], - }, - { - value: "20+", - title: "Expert Staff", - features: [ - "Certified experts", - "Continuous training", - ], - }, + { value: "4.7 ★", title: "Rating", features: ["Verified satisfaction", "Google reviewed"] }, + { value: "1.5k+", title: "Happy Clients", features: ["Recurring visits", "Trusted community"] }, + { value: "20+", title: "Expert Staff", features: ["Certified experts", "Continuous training"] }, ]} /> @@ -202,36 +118,18 @@ export default function HomePage() { description="Professional, internationally trained experts." groups={[ { - title: "Hair Studio", - members: [ + title: "Hair Studio", members: [ { - name: "Sarah Ahmed", - role: "Senior Stylist", - detail: "10+ years experience", - imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg", - }, + name: "Sarah Ahmed", role: "Senior Stylist", detail: "10+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg"}, { - name: "John Doe", - role: "Colorist", - detail: "Certified L'Oréal expert", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hair-stylist_23-2148915791.jpg", - }, + name: "John Doe", role: "Colorist", detail: "Certified L'Oréal expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hair-stylist_23-2148915791.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg?_wi=3", - imageAlt: "professional hairstylist portrait", }, { - title: "Beauty", - members: [ + title: "Beauty", members: [ { - name: "Zara Malik", - role: "Lead Nail Artist", - detail: "Specialized in acrylics", - imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9064.jpg", - }, + name: "Zara Malik", role: "Lead Nail Artist", detail: "Specialized in acrylics", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9064.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=2", - imageAlt: "professional hairstylist portrait", }, ]} /> @@ -245,36 +143,11 @@ export default function HomePage() { title="Client Stories" description="Trusted by the people of Multan." testimonials={[ - { - name: "Amina R.", - role: "Bride", - quote: "Exceptional service, professional staff, and amazing results every time.", - imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg", - }, - { - name: "Bilal K.", - role: "Client", - quote: "One of the finest salons in Multan with international-level services.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506283.jpg", - }, - { - name: "Sana M.", - role: "Regular", - quote: "Love the haircut and the color quality. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-as-bride-leaning-against-wall_1153-511.jpg", - }, - { - name: "Fahad J.", - role: "Groom", - quote: "Professional grooming and excellent attention to detail.", - imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-businessman-showing-thumbs-up-with-funny-faces-drawings-focus-hands-white-modern-office-interior_176420-6491.jpg", - }, - { - name: "Nadia Q.", - role: "Client", - quote: "Best beauty treatments in town, very friendly staff.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg", - }, + { name: "Amina R.", role: "Bride", quote: "Exceptional service, professional staff, and amazing results every time.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg" }, + { name: "Bilal K.", role: "Client", quote: "One of the finest salons in Multan with international-level services.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506283.jpg" }, + { name: "Sana M.", role: "Regular", quote: "Love the haircut and the color quality. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-as-bride-leaning-against-wall_1153-511.jpg" }, + { name: "Fahad J.", role: "Groom", quote: "Professional grooming and excellent attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-businessman-showing-thumbs-up-with-funny-faces-drawings-focus-hands-white-modern-office-interior_176420-6491.jpg" }, + { name: "Nadia Q.", role: "Client", quote: "Best beauty treatments in town, very friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg" }, ]} /> @@ -286,13 +159,9 @@ export default function HomePage() { tag="Book Appointment" text="Ready for a transformation? Book your session at our Model Town studio today." primaryButton={{ - text: "WhatsApp Us", - href: "https://wa.me/923111444730", - }} + text: "WhatsApp Us", href: "https://wa.me/923111444730"}} secondaryButton={{ - text: "Call Now", - href: "tel:+923111444730", - }} + text: "Call Now", href: "tel:+923111444730"}} />