Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Expertise",
+          name: "Expertise",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Frames",
+          name: "Frames",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="OPTICOS FADI"
     />
@@ -62,35 +52,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",
+          text: "Book Appointment",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166748.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166748.jpg?_wi=1",          imageAlt: "Luxury clinic interior"},
-          imageAlt: "Luxury clinic interior",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135818.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135818.jpg?_wi=1",          imageAlt: "Professional consultation"},
-          imageAlt: "Professional consultation",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-sofa-interior-decoration_1339-7730.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-sofa-interior-decoration_1339-7730.jpg",          imageAlt: "Eyewear boutique"},
-          imageAlt: "Eyewear boutique",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758549.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758549.jpg",          imageAlt: "Precision equipment"},
-          imageAlt: "Precision equipment",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",          imageAlt: "Expert care"},
-          imageAlt: "Expert care",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-coat-using-phone-outside-street_1303-29524.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-coat-using-phone-outside-street_1303-29524.jpg",          imageAlt: "Minimalist clinic"},
-          imageAlt: "Minimalist clinic",
-        },
       ]}
     />
   </div>
@@ -102,17 +78,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+",
+          value: "15+",          title: "Years Experience"},
-          title: "Years Experience",
-        },
         {
-          value: "5k+",
+          value: "5k+",          title: "Patients Served"},
-          title: "Patients Served",
-        },
         {
-          value: "100%",
+          value: "100%",          title: "Patient Satisfaction"},
-          title: "Patient Satisfaction",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917653.jpg"
       imageAlt="Professional Optometry Consultation"
@@ -127,29 +97,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Exam",
+          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"},
-          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",
+          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"},
-          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",
+          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: "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 +116,26 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "LuxeOptic",          name: "Titanium Gold Rim",          price: "450 JOD",          rating: 5,
-          brand: "LuxeOptic",
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166718.jpg"},
-          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",
+          id: "p2",          brand: "Modernist",          name: "Matte Carbon Square",          price: "380 JOD",          rating: 5,
-          brand: "Modernist",
+          reviewCount: "25",          imageSrc: "http://img.b2bpic.net/free-photo/freelance-asia-lady-using-laptop-hard-work-living-room-house_7861-3031.jpg"},
-          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",
+          id: "p3",          brand: "Elegantia",          name: "Classic Tortoise Shell",          price: "320 JOD",          rating: 4,
-          brand: "Elegantia",
+          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-optical-sunglasses-modern-grey-desk-isolated-sight-vision-eyes_140725-18281.jpg"},
-          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",
+          id: "p4",          brand: "LuxeOptic",          name: "Minimalist Silver Wire",          price: "410 JOD",          rating: 5,
-          brand: "LuxeOptic",
+          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"},
-          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",
+          id: "p5",          brand: "Modernist",          name: "Bold Blue Acetate",          price: "350 JOD",          rating: 5,
-          brand: "Modernist",
+          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-stylish-male-sunglasses-turtle-neck-sweater-dark-grey-background_613910-7334.jpg"},
-          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",
+          id: "p6",          brand: "Elegantia",          name: "Rose Gold Cat-Eye",          price: "480 JOD",          rating: 5,
-          brand: "Elegantia",
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670722.jpg"},
-          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."
     />
   </div>
 
@@ -230,26 +146,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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 +164,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Jordan",          handle: "@sarahtravels",          testimonial: "The most professional eye care experience. Precision combined with true patience.",          rating: 5,
-          name: "Sarah Jordan",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg"},
-          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",
+          id: "t2",          name: "Michael Chen",          handle: "@mchen_amman",          testimonial: "Exceptional frames collection and the diagnostic exam was incredibly thorough.",          rating: 5,
-          name: "Michael Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/employee-helping-girl-try-glasses_23-2148920002.jpg"},
-          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",
+          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,
-          name: "Amira Al-Fayez",
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-dressed-floral-dress_158595-4778.jpg"},
-          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",
+          id: "t4",          name: "David Miller",          handle: "@dmiller_tech",          testimonial: "Efficient, modern, and very transparent pricing. Highly recommended practice.",          rating: 5,
-          name: "David Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-with-glasses_23-2148514880.jpg"},
-          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",
+          id: "t5",          name: "Fatima Zahra",          handle: "@fatima_z",          testimonial: "Expertise that puts you at ease immediately. The environment is calm and luxurious.",          rating: 5,
-          name: "Fatima Zahra",
+          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"},
-          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 +191,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do I need to book in advance?",          content: "We recommend booking at least 2 weeks ahead to secure your preferred time."},
-          title: "Do I need to book in advance?",
-          content: "We recommend booking at least 2 weeks ahead to secure your preferred time.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you accept insurance?",          content: "Yes, we work with all major providers in Amman."},
-          title: "Do you accept insurance?",
-          content: "Yes, we work with all major providers in Amman.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "How long does a typical exam take?",          content: "Expect a comprehensive appointment to take about 45 minutes."},
-          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 +209,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Booking"
       title="Book Your Precision Appointment"
       description="Reach out today to secure your session for personalized vision care."
@@ -354,37 +220,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Clinic",
+          title: "Clinic",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Book Appointment",
+              label: "Book Appointment",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Accessibility",
+              label: "Accessibility",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -395,4 +247,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfaf5;
+  --background: #f5f5f5;
-  --card: #f5f4ef;
+  --card: #ffffff;
-  --foreground: #1a1a1a;
+  --foreground: #1c1c1c;
-  --primary-cta: #c5a059;
+  --primary-cta: #1f514c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #fcfaf5;
-  --accent: #d4af37;
+  --accent: #159c49;
-  --background-accent: #f5f4ef;
+  --background-accent: #a8e8ba;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);