From d139fb9d8061a8b25faf586fb730806b150b54b8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 07:27:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 295 +++++++----------------------------------------
 1 file changed, 44 insertions(+), 251 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0b1e066..31161a8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Award, Calendar, Eye, ShieldCheck } from "lucide-react";
+import { Award, Eye, ShieldCheck, Calendar, Zap, Shield } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Why Us",
-          id: "why-us",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Why Us", id: "trust" },
+        { name: "Solutions", id: "solution" },
+        { name: "Products", id: "products" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Royal Opticians"
     />
@@ -54,73 +43,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "glowing-orb",
-      }}
+      background={{ variant: "glowing-orb" }}
       title="Clear Vision. Trusted Since 1998."
       description="Premium eyewear, expert fitting, and free eye testing in Chandigarh. Discover your perfect pair at Royal Opticians."
-      buttons={[
-        {
-          text: "Book Free Eye Test",
-          href: "#contact",
-        },
-        {
-          text: "Visit Store",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg?_wi=1"
+      buttons={[{ text: "Book Free Eye Test", href: "#contact" }, { text: "Visit Store", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg"
       imageAlt="Royal Opticians Premium Glasses"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg",
-          alt: "Customer 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "Customer 1" },
+        { src: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg", alt: "Customer 2" },
+        { src: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg", alt: "Customer 3" },
+        { src: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg", alt: "Customer 4" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg", alt: "Customer 5" }
       ]}
       avatarText="Join 1000+ happy customers"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "25+ Years Trust",
-          icon: Award,
-        },
-        {
-          type: "text-icon",
-          text: "Free Eye Exams",
-          icon: Eye,
-        },
-        {
-          type: "text-icon",
-          text: "Premium Frames",
-          icon: Eye,
-        },
-        {
-          type: "text-icon",
-          text: "Expert Fitting",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Open Daily",
-          icon: Calendar,
-        },
+        { type: "text-icon", text: "25+ Years Trust", icon: Award },
+        { type: "text-icon", text: "Free Eye Exams", icon: Eye },
+        { type: "text-icon", text: "Premium Frames", icon: Eye },
+        { type: "text-icon", text: "Expert Fitting", icon: ShieldCheck },
+        { type: "text-icon", text: "Open Daily", icon: Calendar }
       ]}
     />
   </div>
@@ -132,26 +75,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "25+",
-          description: "Years of Experience",
-        },
-        {
-          id: "m2",
-          value: "1000+",
-          description: "Satisfied Customers",
-        },
-        {
-          id: "m3",
-          value: "Free",
-          description: "Expert Eye Testing",
-        },
-        {
-          id: "m4",
-          value: "In-house",
-          description: "Expert Fitting",
-        },
+        { id: "m1", value: "25+", description: "Years of Experience" },
+        { id: "m2", value: "1000+", description: "Satisfied Customers" },
+        { id: "m3", value: "Free", description: "Expert Eye Testing" },
+        { id: "m4", value: "In-house", description: "Expert Fitting" }
       ]}
       title="Our Legacy"
       description="Excellence in optics for over two decades."
@@ -163,27 +90,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Blue Light Shield",
-          description: "Protect your eyes from harmful screen radiation.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg?_wi=2",
-          imageAlt: "luxury eyewear design dark background",
-        },
-        {
-          title: "Prescription Clarity",
-          description: "Precision lenses tailored to your exact needs.",
-          buttonIcon: "Eye",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dental-microscope_23-2147862126.jpg",
-          imageAlt: "professional eye exam clinic",
-        },
-        {
-          title: "Perfect Fitting",
-          description: "In-house experts ensure total frame comfort.",
-          buttonIcon: "Shield",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg?_wi=1",
-          imageAlt: "happy customer wearing glasses",
-        },
+        { title: "Blue Light Shield", description: "Protect your eyes from harmful screen radiation.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg", imageAlt: "luxury eyewear" },
+        { title: "Prescription Clarity", description: "Precision lenses tailored to your exact needs.", buttonIcon: Eye, imageSrc: "http://img.b2bpic.net/free-photo/close-up-dental-microscope_23-2147862126.jpg", imageAlt: "clinic" },
+        { title: "Perfect Fitting", description: "In-house experts ensure total frame comfort.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", imageAlt: "customer" }
       ]}
       title="Struggling with Eye Strain?"
       description="Digital fatigue is real. Our expert solutions help you see clearly and work comfortably."
@@ -192,52 +101,17 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Full Frame Eyeglasses",
-          price: "₹1,200+",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg",
-        },
-        {
-          id: "p2",
-          name: "Designer Sunglasses",
-          price: "₹1,500+",
-          variant: "Trendy",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg",
-        },
-        {
-          id: "p3",
-          name: "Contact Lenses",
-          price: "₹800+",
-          variant: "Daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/eye-care-accessories-beige-background_23-2148320361.jpg",
-        },
-        {
-          id: "p4",
-          name: "Color Lenses",
-          price: "₹950+",
-          variant: "Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-sunglasses-near-bottle-shell_23-2148109264.jpg",
-        },
-        {
-          id: "p5",
-          name: "Computer Glasses",
-          price: "₹1,100+",
-          variant: "Blue Light",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-smartphone_23-2148226921.jpg",
-        },
-        {
-          id: "p6",
-          name: "Driving Lenses",
-          price: "₹1,300+",
-          variant: "Night Vision",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driver-looking-car-side-view-mirror-making-sure-line-is-free-before-making-turn_158595-6681.jpg",
-        },
+        { id: "p1", name: "Full Frame Eyeglasses", price: "₹1,200+", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg" },
+        { id: "p2", name: "Designer Sunglasses", price: "₹1,500+", variant: "Trendy", imageSrc: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg" },
+        { id: "p3", name: "Contact Lenses", price: "₹800+", variant: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/eye-care-accessories-beige-background_23-2148320361.jpg" },
+        { id: "p4", name: "Color Lenses", price: "₹950+", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/white-sunglasses-near-bottle-shell_23-2148109264.jpg" },
+        { id: "p5", name: "Computer Glasses", price: "₹1,100+", variant: "Blue Light", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-smartphone_23-2148226921.jpg" },
+        { id: "p6", name: "Driving Lenses", price: "₹1,300+", variant: "Night Vision", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driver-looking-car-side-view-mirror-making-sure-line-is-free-before-making-turn_158595-6681.jpg" }
       ]}
       title="Premium Collections"
       description="Wide range of frames to match every style and vision need."
@@ -249,9 +123,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Why Choose Us"
       description={[
-        "No Outsourcing: Every frame is fitted in-house by experienced technicians for precision you can trust.",
-        "Honest Pricing: We provide premium quality without hidden costs or unfair markups.",
-        "Personal Care: Since 1998, our customers are our family. We spend time helping you find the perfect lens.",
+        "No Outsourcing: Every frame is fitted in-house by experienced technicians for precision you can trust.",        "Honest Pricing: We provide premium quality without hidden costs or unfair markups.",        "Personal Care: Since 1998, our customers are our family. We spend time helping you find the perfect lens."
       ]}
     />
   </div>
@@ -262,41 +134,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Arjun Mehta",
-          role: "Software Engineer",
-          testimonial: "Royal Opticians is my go-to place. The blue light glasses really reduced my screen headaches.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sunita Sharma",
-          role: "Architect",
-          testimonial: "I have been coming here for 10 years. Expert fitting every single time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg?_wi=1",
-        },
-        {
-          id: "t3",
-          name: "Vikram Singh",
-          role: "Student",
-          testimonial: "Great collection and very honest with their advice. Highly recommended for students.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg",
-        },
-        {
-          id: "t4",
-          name: "Pooja Verma",
-          role: "Teacher",
-          testimonial: "Free eye test was very thorough. Professional and kind service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg?_wi=3",
-        },
-        {
-          id: "t5",
-          name: "Rohan Khanna",
-          role: "Business Owner",
-          testimonial: "Fair pricing and excellent quality. They truly value their long-term customers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg?_wi=2",
-        },
+        { id: "t1", name: "Arjun Mehta", role: "Software Engineer", testimonial: "Royal Opticians is my go-to place. The blue light glasses really reduced my screen headaches.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg" },
+        { id: "t2", name: "Sunita Sharma", role: "Architect", testimonial: "I have been coming here for 10 years. Expert fitting every single time.", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg" },
+        { id: "t3", name: "Vikram Singh", role: "Student", testimonial: "Great collection and very honest with their advice. Highly recommended for students.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg" },
+        { id: "t4", name: "Pooja Verma", role: "Teacher", testimonial: "Free eye test was very thorough. Professional and kind service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg" },
+        { id: "t5", name: "Rohan Khanna", role: "Business Owner", testimonial: "Fair pricing and excellent quality. They truly value their long-term customers.", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg" }
       ]}
       title="Customer Stories"
       description="What our Chandigarh family says about us."
@@ -306,67 +148,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       text="Visit us at SCO 63, Sector 40C, Chandigarh. We are open 7 days a week, 10 AM – 9 PM. Book your free eye test now!"
-      buttons={[
-        {
-          text: "WhatsApp Now",
-          href: "https://wa.me/917087100467",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+917087100467",
-        },
-      ]}
+      buttons={[{ text: "WhatsApp Now", href: "https://wa.me/917087100467" }, { text: "Call Now", href: "tel:+917087100467" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Address: SCO 63, Sector 40C, Chandigarh",
-            },
-            {
-              label: "Phone: +91 7087100467",
-            },
-            {
-              label: "Open Daily: 10AM - 9PM",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Eyeglasses",
-              href: "#products",
-            },
-            {
-              label: "Sunglasses",
-              href: "#products",
-            },
-            {
-              label: "Eye Test",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Address: SCO 63, Sector 40C, Chandigarh" }, { label: "Phone: +91 7087100467" }, { label: "Open Daily: 10AM - 9PM" }] },
+        { items: [{ label: "Eyeglasses", href: "#products" }, { label: "Sunglasses", href: "#products" }, { label: "Eye Test", href: "#contact" }] },
+        { items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
       ]}
       logoText="Royal Opticians"
     />
-- 
2.49.1