From bd5c4882d8f0a134f43e6f358f19749b41948bcc Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 17 Jun 2026 12:42:59 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 223 +++++++++-------------------------------- 1 file changed, 48 insertions(+), 175 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index fdf5943..16367ef 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -19,52 +19,24 @@ export default function HomePage() { title="Enhancing Beauty. Elevating Confidence." description="Experience the pinnacle of medical aesthetics. Our advanced, custom-designed treatments deliver natural, beautiful, and lasting results for the sophisticated individual." primaryButton={{ - text: "Book Consultation", - href: "#contact", - }} + text: "Book Consultation", href: "#contact"}} secondaryButton={{ - text: "Explore Treatments", - href: "#services", - }} + text: "Explore Treatments", href: "#services"}} leftItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-flowers-petals_23-2149077499.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/blurred-room_1203-746.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683473.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/sepia-minimalistic-abstract-design_23-2148226995.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-flowers-petals_23-2149077499.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/blurred-room_1203-746.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683473.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/sepia-minimalistic-abstract-design_23-2148226995.jpg" }, ]} rightItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/hall-with-lifts_1203-105.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163138.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/coffe-shop-with-wooden-walls-unfocused_1203-1230.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/yellow-branch-leaves-beige-surface_114579-46023.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-face-tool-items_23-2149249530.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/hall-with-lifts_1203-105.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163138.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/coffe-shop-with-wooden-walls-unfocused_1203-1230.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/yellow-branch-leaves-beige-surface_114579-46023.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-face-tool-items_23-2149249530.jpg" }, ]} /> @@ -78,20 +50,11 @@ export default function HomePage() { description="At JF Aesthetics, we merge clinical precision with artistic vision. Every procedure is a tailored journey towards your most confident self, guided by international standards of safety and sophistication." items={[ { - icon: Sparkles, - title: "Artistic Vision", - description: "Defining natural beauty with every procedure.", - }, + icon: "Sparkles", title: "Artistic Vision", description: "Defining natural beauty with every procedure."}, { - icon: Shield, - title: "Clinical Safety", - description: "International safety standards in every step.", - }, + icon: "Shield", title: "Clinical Safety", description: "International safety standards in every step."}, { - icon: Star, - title: "Proven Results", - description: "Customized treatments for exceptional outcomes.", - }, + icon: "Star", title: "Proven Results", description: "Customized treatments for exceptional outcomes."}, ]} imageSrc="http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg" /> @@ -105,48 +68,13 @@ export default function HomePage() { title="Advanced Beauty Solutions" description="From rejuvenation to body contouring, discover our comprehensive range of luxury medical aesthetics treatments designed for your specific goals." items={[ - { - title: "Skin Rejuvenation", - description: "Revitalize your texture and glow.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529157.jpg", - }, - { - title: "Anti-Aging Treatments", - description: "Sophisticated, timeless results.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg", - }, - { - title: "Facial Aesthetics", - description: "Precision shaping and symmetry.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fascinating-white-girl-with-plant-inspired-calm-woman-standing-brown-wall_197531-14042.jpg", - }, - { - title: "Body Contouring", - description: "Sculpt and define naturally.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-vector/rejuvenation-flat-icons-set_1284-10896.jpg", - }, - { - title: "Laser Treatments", - description: "Advanced medical laser technology.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420713.jpg", - }, - { - title: "Custom Beauty Solutions", - description: "Tailored, individualized care.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932886.jpg", - }, - { - title: "Follow-Up Care", - description: "Expert post-procedure support.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-nature-elements_23-2150165622.jpg", - }, + { title: "Skin Rejuvenation", description: "Revitalize your texture and glow.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529157.jpg" }, + { title: "Anti-Aging Treatments", description: "Sophisticated, timeless results.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg" }, + { title: "Facial Aesthetics", description: "Precision shaping and symmetry.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fascinating-white-girl-with-plant-inspired-calm-woman-standing-brown-wall_197531-14042.jpg" }, + { title: "Body Contouring", description: "Sculpt and define naturally.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/rejuvenation-flat-icons-set_1284-10896.jpg" }, + { title: "Laser Treatments", description: "Advanced medical laser technology.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420713.jpg" }, + { title: "Custom Beauty Solutions", description: "Tailored, individualized care.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932886.jpg" }, + { title: "Follow-Up Care", description: "Expert post-procedure support.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-nature-elements_23-2150165622.jpg" }, ]} /> @@ -160,29 +88,15 @@ export default function HomePage() { description="A seamless, futuristic experience from inquiry to follow-up care." features={[ { - title: "The Seamless Process", - description: "We’ve optimized every step to prioritize your comfort, results, and expert guidance throughout your aesthetic journey.", - bentoComponent: "checklist-timeline", - heading: "Step-by-Step Excellence", - subheading: "Your path to transformation:", - checklistItems: [ + title: "The Seamless Process", description: "We’ve optimized every step to prioritize your comfort, results, and expert guidance throughout your aesthetic journey.", bentoComponent: "checklist-timeline", heading: "Step-by-Step Excellence", subheading: "Your path to transformation:", checklistItems: [ { - label: "Inquiry & Booking", - detail: "Instant appointment management.", - }, + label: "Inquiry & Booking", detail: "Instant appointment management."}, { - label: "Personalized Consultation", - detail: "Tailored expert treatment planning.", - }, + label: "Personalized Consultation", detail: "Tailored expert treatment planning."}, { - label: "Treatment & Follow-up", - detail: "Exceptional care and results tracking.", - }, + label: "Treatment & Follow-up", detail: "Exceptional care and results tracking."}, ], - completedLabel: "Transformation", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-cashier-business-front-desk-swiping-credit-card-reader-smiling_662251-2184.jpg", - imageAlt: "luxury clinic interior reception", - }, + completedLabel: "Transformation"}, ]} /> @@ -196,20 +110,11 @@ export default function HomePage() { description="Led by industry leaders, our team is dedicated to bringing world-class expertise to your personal beauty journey." members={[ { - name: "Dr. Sarah Khan", - role: "Lead Aesthetician", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", - }, + name: "Dr. Sarah Khan", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg"}, { - name: "Dr. Ahmed Raza", - role: "Facial Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg", - }, + name: "Dr. Ahmed Raza", role: "Facial Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg"}, { - name: "Dr. Elena Sofia", - role: "Dermatologist", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg", - }, + name: "Dr. Elena Sofia", role: "Dermatologist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"}, ]} /> @@ -223,40 +128,20 @@ export default function HomePage() { description="Join our community of satisfied clients who have achieved stunning results with JF Aesthetics." testimonials={[ { - name: "Sarah J.", - role: "Client", - company: "Transformation", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg", - }, + name: "Sarah J.", role: "Client", company: "Transformation", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg"}, { - name: "Michael K.", - role: "Client", - company: "Skin Rejuvenation", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg", - }, + name: "Michael K.", role: "Client", company: "Skin Rejuvenation", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg"}, { - name: "Emily R.", - role: "Client", - company: "Facial Shaping", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/sensual-ethnic-woman-with-female_23-2148206831.jpg", - }, + name: "Emily R.", role: "Client", company: "Facial Shaping", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/sensual-ethnic-woman-with-female_23-2148206831.jpg"}, { - name: "David L.", - role: "Client", - company: "Expertise", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg", - }, + name: "David L.", role: "Client", company: "Expertise", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg"}, { - name: "Amanda P.", - role: "Client", - company: "Body Contouring", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", - }, + name: "Amanda P.", role: "Client", company: "Body Contouring", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg"}, ]} /> @@ -270,21 +155,13 @@ export default function HomePage() { description="Clear answers to your common questions about our advanced treatments." items={[ { - question: "Are treatments safe?", - answer: "Yes, we adhere to the highest international safety standards.", - }, + question: "Are treatments safe?", answer: "Yes, we adhere to the highest international safety standards."}, { - question: "Do I need a consultation?", - answer: "Consultations are recommended for customized plans.", - }, + question: "Do I need a consultation?", answer: "Consultations are recommended for customized plans."}, { - question: "What is the recovery time?", - answer: "Recovery varies, but our treatments emphasize rapid healing.", - }, + question: "What is the recovery time?", answer: "Recovery varies, but our treatments emphasize rapid healing."}, { - question: "Can I book online?", - answer: "Yes, use our booking system for instant appointments.", - }, + question: "Can I book online?", answer: "Yes, use our booking system for instant appointments."}, ]} /> @@ -296,13 +173,9 @@ export default function HomePage() { tag="Start Your Journey" text="Book your personalized consultation today and take the first step towards your most confident self." primaryButton={{ - text: "Book Via WhatsApp", - href: "#", - }} + text: "Book Via WhatsApp", href: "#"}} secondaryButton={{ - text: "Instant Booking", - href: "#", - }} + text: "Instant Booking", href: "#"}} />