From 65ac69d0a6ef0d660d4622743a207bf333db6a60 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 24 Apr 2026 14:19:43 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 262 +++++++++++------------------------------------ 1 file changed, 58 insertions(+), 204 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1896215..903f98a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,25 +32,17 @@ export default function LandingPage() { @@ -62,35 +54,21 @@ export default function LandingPage() { description="Experience expert eye care with unmatched attention to detail and quality. Every appointment is tailored to you." buttons={[ { - text: "Book Appointment", - href: "#contact", - }, + text: "Book Appointment", href: "#contact"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166748.jpg?_wi=1", - imageAlt: "Luxury clinic interior", - }, + imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166748.jpg?_wi=1", imageAlt: "Luxury clinic interior"}, { - imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135818.jpg?_wi=1", - imageAlt: "Professional consultation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135818.jpg?_wi=1", imageAlt: "Professional consultation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/empty-sofa-interior-decoration_1339-7730.jpg", - imageAlt: "Eyewear boutique", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-sofa-interior-decoration_1339-7730.jpg", imageAlt: "Eyewear boutique"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758549.jpg", - imageAlt: "Precision equipment", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758549.jpg", imageAlt: "Precision equipment"}, { - imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", - imageAlt: "Expert care", - }, + imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", imageAlt: "Expert care"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-coat-using-phone-outside-street_1303-29524.jpg", - imageAlt: "Minimalist clinic", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-coat-using-phone-outside-street_1303-29524.jpg", imageAlt: "Minimalist clinic"}, ]} /> @@ -102,17 +80,11 @@ export default function LandingPage() { description="At Opticos Fadi, we combine high-precision diagnostic expertise with a deeply human-centered approach. We ensure every patient receives personalized attention in a calm, welcoming, and premium environment." metrics={[ { - value: "15+", - title: "Years Experience", - }, + value: "15+", title: "Years Experience"}, { - value: "5k+", - title: "Patients Served", - }, + value: "5k+", title: "Patients Served"}, { - value: "100%", - title: "Patient Satisfaction", - }, + value: "100%", title: "Patient Satisfaction"}, ]} imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917653.jpg" imageAlt="Professional Optometry Consultation" @@ -127,29 +99,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - tag: "Exam", - title: "Comprehensive Eye Exams", - subtitle: "Deep analysis", - description: "Full ocular health assessment with high-resolution digital imaging tools.", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-appointment-eye-specialist-office_176420-3498.jpg", - imageAlt: "Attractive woman on appointment in eye specialist office", - }, + tag: "Exam", title: "Comprehensive Eye Exams", subtitle: "Deep analysis", description: "Full ocular health assessment with high-resolution digital imaging tools.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-appointment-eye-specialist-office_176420-3498.jpg", imageAlt: "Attractive woman on appointment in eye specialist office"}, { - tag: "Frames", - title: "Curated Designer Frames", - subtitle: "Luxury selection", - description: "Expertly curated collections balancing durability, aesthetics, and optimal ergonomics.", - imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166748.jpg?_wi=2", - imageAlt: "Attractive woman on appointment in eye specialist office", - }, + tag: "Frames", title: "Curated Designer Frames", subtitle: "Luxury selection", description: "Expertly curated collections balancing durability, aesthetics, and optimal ergonomics.", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166748.jpg?_wi=2", imageAlt: "Attractive woman on appointment in eye specialist office"}, { - tag: "Service", - title: "Contact Lens Fitting", - subtitle: "Perfect comfort", - description: "Personalized fitting services ensure long-lasting comfort and sharp vision.", - imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135818.jpg?_wi=2", - imageAlt: "Attractive woman on appointment in eye specialist office", - }, + tag: "Service", title: "Contact Lens Fitting", subtitle: "Perfect comfort", description: "Personalized fitting services ensure long-lasting comfort and sharp vision.", imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135818.jpg?_wi=2", imageAlt: "Attractive woman on appointment in eye specialist office"}, ]} title="Our Clinical Excellence" description="Comprehensive vision care services designed for precision, clarity, and comfort." @@ -164,62 +118,26 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - brand: "LuxeOptic", - name: "Titanium Gold Rim", - price: "450 JOD", - rating: 5, - reviewCount: "12", - imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166718.jpg", - }, + id: "p1", brand: "LuxeOptic", name: "Titanium Gold Rim", price: "450 JOD", rating: 5, + reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166718.jpg"}, { - id: "p2", - brand: "Modernist", - name: "Matte Carbon Square", - price: "380 JOD", - rating: 5, - reviewCount: "25", - imageSrc: "http://img.b2bpic.net/free-photo/freelance-asia-lady-using-laptop-hard-work-living-room-house_7861-3031.jpg", - }, + id: "p2", brand: "Modernist", name: "Matte Carbon Square", price: "380 JOD", rating: 5, + reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/freelance-asia-lady-using-laptop-hard-work-living-room-house_7861-3031.jpg"}, { - id: "p3", - brand: "Elegantia", - name: "Classic Tortoise Shell", - price: "320 JOD", - rating: 4, - reviewCount: "18", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-optical-sunglasses-modern-grey-desk-isolated-sight-vision-eyes_140725-18281.jpg", - }, + id: "p3", brand: "Elegantia", name: "Classic Tortoise Shell", price: "320 JOD", rating: 4, + reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/front-view-optical-sunglasses-modern-grey-desk-isolated-sight-vision-eyes_140725-18281.jpg"}, { - id: "p4", - brand: "LuxeOptic", - name: "Minimalist Silver Wire", - price: "410 JOD", - rating: 5, - reviewCount: "8", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-optical-sunglasses-grey-desk-with-silver-bracelets-isolated-sight-vision-eyes_140725-18286.jpg", - }, + id: "p4", brand: "LuxeOptic", name: "Minimalist Silver Wire", price: "410 JOD", rating: 5, + reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/front-view-optical-sunglasses-grey-desk-with-silver-bracelets-isolated-sight-vision-eyes_140725-18286.jpg"}, { - id: "p5", - brand: "Modernist", - name: "Bold Blue Acetate", - price: "350 JOD", - rating: 5, - reviewCount: "22", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-stylish-male-sunglasses-turtle-neck-sweater-dark-grey-background_613910-7334.jpg", - }, + id: "p5", brand: "Modernist", name: "Bold Blue Acetate", price: "350 JOD", rating: 5, + reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-stylish-male-sunglasses-turtle-neck-sweater-dark-grey-background_613910-7334.jpg"}, { - id: "p6", - brand: "Elegantia", - name: "Rose Gold Cat-Eye", - price: "480 JOD", - rating: 5, - reviewCount: "15", - imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670722.jpg", - }, + id: "p6", brand: "Elegantia", name: "Rose Gold Cat-Eye", price: "480 JOD", rating: 5, + reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670722.jpg"}, ]} title="Curated Luxury Eyewear" - description="Explore our premium selection of designer frames, hand-picked for style and precision." + description="Explore our premium selection of designer frames, hand-picked for style and precision. Our frames are curated to ensure perfect comfort and clarity for patients of all ages, from youth to seniors." /> @@ -230,26 +148,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "20+", - title: "Advanced Technologies", - description: "State-of-the-art diagnostic imaging.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-safety-glasses-broken-mobile-phone-wooden-background_23-2147922206.jpg", - }, + id: "m1", value: "20+", title: "Advanced Technologies", description: "State-of-the-art diagnostic imaging.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-safety-glasses-broken-mobile-phone-wooden-background_23-2147922206.jpg"}, { - id: "m2", - value: "99%", - title: "Vision Success Rate", - description: "Consistent clinical precision outcomes.", - imageSrc: "http://img.b2bpic.net/free-photo/blind-mature-woman-reading-braille-book-home_1157-47797.jpg", - }, + id: "m2", value: "99%", title: "Vision Success Rate", description: "Consistent clinical precision outcomes.", imageSrc: "http://img.b2bpic.net/free-photo/blind-mature-woman-reading-braille-book-home_1157-47797.jpg"}, { - id: "m3", - value: "30+", - title: "Expert Staff Members", - description: "Dedicated vision health specialists.", - imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-office-with-medical-instruments-facility_482257-14089.jpg", - }, + id: "m3", value: "30+", title: "Expert Staff Members", description: "Dedicated vision health specialists.", imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-office-with-medical-instruments-facility_482257-14089.jpg"}, ]} title="Evidence-Based Vision Care" description="We lead by example in clinical precision and patient care quality." @@ -263,45 +166,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Sarah Jordan", - handle: "@sarahtravels", - testimonial: "The most professional eye care experience. Precision combined with true patience.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg", - }, + id: "t1", name: "Sarah Jordan", handle: "@sarahtravels", testimonial: "The most professional eye care experience. Precision combined with true patience.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg"}, { - id: "t2", - name: "Michael Chen", - handle: "@mchen_amman", - testimonial: "Exceptional frames collection and the diagnostic exam was incredibly thorough.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/employee-helping-girl-try-glasses_23-2148920002.jpg", - }, + id: "t2", name: "Michael Chen", handle: "@mchen_amman", testimonial: "Exceptional frames collection and the diagnostic exam was incredibly thorough.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/employee-helping-girl-try-glasses_23-2148920002.jpg"}, { - id: "t3", - name: "Amira Al-Fayez", - handle: "@amira_eyes", - testimonial: "A truly premium clinic. I finally found frames that fit perfectly and clear vision.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-dressed-floral-dress_158595-4778.jpg", - }, + id: "t3", name: "Amira Al-Fayez", handle: "@amira_eyes", testimonial: "A truly premium clinic. I finally found frames that fit perfectly and clear vision.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-dressed-floral-dress_158595-4778.jpg"}, { - id: "t4", - name: "David Miller", - handle: "@dmiller_tech", - testimonial: "Efficient, modern, and very transparent pricing. Highly recommended practice.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-with-glasses_23-2148514880.jpg", - }, + id: "t4", name: "David Miller", handle: "@dmiller_tech", testimonial: "Efficient, modern, and very transparent pricing. Highly recommended practice.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-with-glasses_23-2148514880.jpg"}, { - id: "t5", - name: "Fatima Zahra", - handle: "@fatima_z", - testimonial: "Expertise that puts you at ease immediately. The environment is calm and luxurious.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sociable-caring-enthusiastic-young-female-with-stylish-short-blond-haircut-glasses-denim-jacket-open-mouth-from-happiness-extending-arms-hug-cuddle-welcoming-friend_176420-55357.jpg", - }, + id: "t5", name: "Fatima Zahra", handle: "@fatima_z", testimonial: "Expertise that puts you at ease immediately. The environment is calm and luxurious.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sociable-caring-enthusiastic-young-female-with-stylish-short-blond-haircut-glasses-denim-jacket-open-mouth-from-happiness-extending-arms-hug-cuddle-welcoming-friend_176420-55357.jpg"}, ]} showRating={true} title="Patient Stories" @@ -315,20 +193,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "f1", - title: "Do I need to book in advance?", - content: "We recommend booking at least 2 weeks ahead to secure your preferred time.", - }, + id: "f1", title: "Do I need to book in advance?", content: "We recommend booking at least 2 weeks ahead to secure your preferred time."}, { - id: "f2", - title: "Do you accept insurance?", - content: "Yes, we work with all major providers in Amman.", - }, + id: "f2", title: "Do you accept insurance?", content: "Yes, we work with all major providers in Amman."}, { - id: "f3", - title: "How long does a typical exam take?", - content: "Expect a comprehensive appointment to take about 45 minutes.", - }, + id: "f3", title: "How long does a typical exam take?", content: "Expect a comprehensive appointment to take about 45 minutes."}, ]} imageSrc="http://img.b2bpic.net/free-photo/professional-female-optician-pointing-eye-chart-timely-diagnosis-vision-portrait-optician-asking-patient-eye-exam-test-with-eye-chart-monitor-his-clinic_657921-177.jpg" mediaAnimation="slide-up" @@ -342,8 +211,7 @@ export default function LandingPage() { Date: Fri, 24 Apr 2026 14:19:44 +0000 Subject: [PATCH 2/2] Update src/app/styles/variables.css --- src/app/styles/variables.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index cc43cdc..7fff494 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #fcfaf5; - --card: #f5f4ef; - --foreground: #1a1a1a; - --primary-cta: #c5a059; + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1f514c; --primary-cta-text: #ffffff; - --secondary-cta: #1a1a1a; + --secondary-cta: #ffffff; --secondary-cta-text: #fcfaf5; - --accent: #d4af37; - --background-accent: #f5f4ef; + --accent: #159c49; + --background-accent: #a8e8ba; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); -- 2.49.1