From 4b198e3be6deea17d22876eb929b124394b6aedb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 15:04:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 180 ++++++++++++++++++++++++-----------------------
 1 file changed, 93 insertions(+), 87 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 84fb2a6..07f4008 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,6 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import { Shield, Sparkles } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -26,98 +25,105 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Shop", id: "/shop" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="EYE™"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="EYE™"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="EYE™ ARCHIVE"
-      description="Defined by vision. Crafted for the future."
-      testimonials={[
-        { name: "Marcus V.", handle: "@m.v", testimonial: "Quality unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg", imageAlt: "model fashion streetwear photography" },
-        { name: "Elena S.", handle: "@e.s", testimonial: "The vision is clear.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg", imageAlt: "model fashion streetwear photography" },
-        { name: "James L.", handle: "@j.l", testimonial: "Premium weight and fit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg", imageAlt: "model fashion streetwear photography" },
-        { name: "Sofia R.", handle: "@s.r", testimonial: "My new favorite brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-graphic-eye-makeup_23-2150723149.jpg", imageAlt: "model fashion streetwear photography" },
-        { name: "Alex P.", handle: "@a.p", testimonial: "Exquisite attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-skateboard_23-2148436057.jpg", imageAlt: "model fashion streetwear photography" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg"
-      imageAlt="EYE Brand Campaign"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="EYE™ ARCHIVE"
+            description="Defined by vision. Crafted for the future."
+            testimonials={[
+              { name: "Marcus V.", handle: "@m.v", testimonial: "Quality unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg", imageAlt: "model fashion streetwear photography" },
+              { name: "Elena S.", handle: "@e.s", testimonial: "The vision is clear.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg", imageAlt: "model fashion streetwear photography" },
+              { name: "James L.", handle: "@j.l", testimonial: "Premium weight and fit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg", imageAlt: "model fashion streetwear photography" },
+              { name: "Sofia R.", handle: "@s.r", testimonial: "My new favorite brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-graphic-eye-makeup_23-2150723149.jpg", imageAlt: "model fashion streetwear photography" },
+              { name: "Alex P.", handle: "@a.p", testimonial: "Exquisite attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-skateboard_23-2148436057.jpg", imageAlt: "model fashion streetwear photography" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg"
+            imageAlt="EYE Brand Campaign"
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardSeven
-      metrics={[{ icon: Shield, label: "Quality", value: "100%" }, { icon: Sparkles, label: "Style", value: "Apex" }]} 
-      title="Performance"
-      description="Standards that define us."
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardSeven
+            metrics={[{ label: "Quality", value: "100%" }, { label: "Style", value: "Apex" }]} 
+            title="Performance"
+            description="Standards that define us."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      plans={[{ price: "$50", features: ["Standard quality"] }, { price: "$150", features: ["Premium quality"] }]}
-      title="Pricing"
-      description="Transparent access to the archive."
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            plans={[
+              { id: "standard", tag: "Standard", period: "Monthly", description: "Entry level access", price: "$50", features: ["Standard quality"] },
+              { id: "premium", tag: "Premium", period: "Monthly", description: "Full access", price: "$150", features: ["Premium quality"] }
+            ]}
+            title="Pricing"
+            description="Transparent access to the archive."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="ecommerce" data-section="ecommerce">
-      <ProductCardFour
-      title="Featured"
-      description="Our latest releases."
-      gridVariant="three-columns-all-equal-width"
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      products={[{ id: "1", name: "Tee", price: "$50", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg" }, { id: "2", name: "Hoodie", price: "$150", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg" }, { id: "3", name: "Cap", price: "$30", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-graphic-eye-makeup_23-2150723149.jpg" }]}
-    />
-  </div>
+        <div id="ecommerce" data-section="ecommerce">
+          <ProductCardFour
+            title="Featured"
+            description="Our latest releases."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Tee", price: "$50", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg" },
+              { id: "2", name: "Hoodie", price: "$150", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg" },
+              { id: "3", name: "Cap", price: "$30", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-graphic-eye-makeup_23-2150723149.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      members={[{ id: "1", name: "Alice", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-night-with-flash_23-2150204451.jpg" }, { id: "2", name: "Bob", role: "Design", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg" }]}
-      title="Team"
-      description="The people behind the vision."
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            members={[{ id: "1", name: "Alice", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-night-with-flash_23-2150204451.jpg" }, { id: "2", name: "Bob", role: "Design", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg" }]}
+            title="Team"
+            description="The people behind the vision."
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            { label: "Shop", href: "/shop" },
-            { label: "Contact", href: "/contact" },
-          ],
-        },
-        {
-          items: [
-            { label: "Privacy", href: "#" },
-            { label: "Terms", href: "#" },
-          ],
-        },
-      ]}
-      logoText="EYE™"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "Shop", href: "/shop" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy", href: "#" },
+                  { label: "Terms", href: "#" },
+                ],
+              },
+            ]}
+            logoText="EYE™"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );