Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4fb8aeea1d | |||
| 65ac69d0a6 | |||
| 2e122f17b5 |
262
src/app/page.tsx
262
src/app/page.tsx
@@ -32,25 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "about",
|
||||
},
|
||||
name: "Expertise", id: "about"},
|
||||
{
|
||||
name: "Frames",
|
||||
id: "products",
|
||||
},
|
||||
name: "Frames", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Talabat", id: "talabat"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OPTICOS FADI"
|
||||
/>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<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 +222,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
title: "Clinic", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Appointment", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Accessibility",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accessibility", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user