Merge version_3 into main

Merge version_3 into main

src/app/contact/page.tsx

@@ -22,101 +22,49 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+          <NavbarStyleFullscreen
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "/" },
-          name: "Home",
+              { name: "Shop", id: "/shop" },
-          id: "/",
+              { name: "Contact", id: "/contact" },
-        },
+            ]}
-        {
+            brandName="EYE™"
-          name: "Shop",
+          />
-          id: "/shop",
+        </div>
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="EYE™"
-    />
-  </div>
 
-  <div id="contact-section" data-section="contact-section">
+        <div id="contact-section" data-section="contact-section">
-      <ContactSplitForm
+          <ContactSplitForm
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      title="Direct Line"
+            title="Direct Line"
-      description="Questions regarding orders or wholesale inquiries."
+            description="Questions regarding orders or wholesale inquiries."
-      inputs={[
+            inputs={[
-        {
+              { name: "name", type: "text", placeholder: "Name", required: true },
-          name: "name",
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
-          type: "text",
+            ]}
-          placeholder: "Name",
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
-          required: true,
+            imageSrc="http://img.b2bpic.net/free-photo/stylish-memphis-abstract-background-design_53876-102501.jpg"
-        },
+          />
-        {
+        </div>
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-memphis-abstract-background-design_53876-102501.jpg"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactText
+          <ContactText
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      background={{
+            background={{ variant: "plain" }}
-        variant: "plain",
+            text="We are available Monday through Friday for all inquiries. Expect a response within 24 hours."
-      }}
+            buttons={[{ text: "Visit FAQ", href: "/faq" }]}
-      text="We are available Monday through Friday for all inquiries. Expect a response within 24 hours."
+          />
-      buttons={[
+        </div>
-        {
-          text: "Visit FAQ",
-          href: "/faq",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+          <FooterLogoEmphasis
-      columns={[
+            columns={[
-        {
+              { items: [{ label: "Shop", href: "/shop" }, { label: "Contact", href: "/contact" }] },
-          items: [
+              { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-            {
+            ]}
-              label: "Shop",
+            logoText="EYE™"
-              href: "/shop",
+          />
-            },
+        </div>
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="EYE™"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -2,14 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { ShieldCheck, Award } from "lucide-react";
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function LandingPage() {
   return (
@@ -67,38 +65,6 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="pricing" data-section="pricing">
-          <PricingCardFive
-            plans={[
-              { 
-                id: "standard", 
-                tag: "Standard", 
-                period: "Monthly", 
-                description: "Entry level access", 
-                price: "$50", 
-                features: ["Standard quality"], 
-                button: { text: "Select" }, 
-                featuresTitle: "Key benefits"
-              },
-              { 
-                id: "premium", 
-                tag: "Premium", 
-                period: "Monthly", 
-                description: "Full access", 
-                price: "$150", 
-                features: ["Premium quality"], 
-                button: { text: "Select" }, 
-                featuresTitle: "Key benefits"
-              }
-            ]}
-            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"
@@ -131,18 +97,8 @@ export default function LandingPage() {
         <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             columns={[
-              {
+              { items: [{ label: "Shop", href: "/shop" }, { label: "Contact", href: "/contact" }] },
-                items: [
+              { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-                  { label: "Shop", href: "/shop" },
-                  { label: "Contact", href: "/contact" },
-                ],
-              },
-              {
-                items: [
-                  { label: "Privacy", href: "#" },
-                  { label: "Terms", href: "#" },
-                ],
-              },
             ]}
             logoText="EYE™"
           />

src/app/shop/page.tsx

@@ -22,137 +22,45 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+          <NavbarStyleFullscreen
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "/" },
-          name: "Home",
+              { name: "Shop", id: "/shop" },
-          id: "/",
+              { name: "Contact", id: "/contact" },
-        },
+            ]}
-        {
+            brandName="EYE™"
-          name: "Shop",
+          />
-          id: "/shop",
+        </div>
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="EYE™"
-    />
-  </div>
 
-  <div id="products" data-section="products">
+        <div id="products" data-section="products">
-      <ProductCardFour
+          <ProductCardFour
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+            gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      products={[
+            products={[
-        {
+              { id: "p1", name: "Signature Tee", price: "$85", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg?_wi=2" },
-          id: "p1",
+              { id: "p2", name: "Archive Hoodie", price: "$240", variant: "Graphite", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg?_wi=2" },
-          name: "Signature Tee",
+              { id: "p3", name: "Logo Cap", price: "$65", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-graphic-eye-makeup_23-2150723149.jpg?_wi=2" },
-          price: "$85",
+              { id: "p4", name: "Tailored Trousers", price: "$320", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-skateboard_23-2148436057.jpg?_wi=2" },
-          variant: "Black",
+              { id: "p5", name: "Leather Trainer", price: "$450", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boxer-trainer-posing-gym_23-2148426233.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg?_wi=2",
+              { id: "p6", name: "Canvas Jacket", price: "$520", variant: "Obsidian", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-blonde-caucasian-stylish-woman-french-cap-blazer-shorts-outdoor-outside-villa_343596-2189.jpg" },
-        },
+            ]}
-        {
+            title="The Shop"
-          id: "p2",
+            description="Curated essentials for the modern wardrobe."
-          name: "Archive Hoodie",
+          />
-          price: "$240",
+        </div>
-          variant: "Graphite",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Logo Cap",
-          price: "$65",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-graphic-eye-makeup_23-2150723149.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Tailored Trousers",
-          price: "$320",
-          variant: "Midnight",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-skateboard_23-2148436057.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Leather Trainer",
-          price: "$450",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-boxer-trainer-posing-gym_23-2148426233.jpg",
-        },
-        {
-          id: "p6",
-          name: "Canvas Jacket",
-          price: "$520",
-          variant: "Obsidian",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-blonde-caucasian-stylish-woman-french-cap-blazer-shorts-outdoor-outside-villa_343596-2189.jpg",
-        },
-      ]}
-      title="The Shop"
-      description="Curated essentials for the modern wardrobe."
-    />
-  </div>
 
-  <div id="product" data-section="product">
+        <div id="footer" data-section="footer">
-      <ProductCardThree
+          <FooterLogoEmphasis
-      animationType="slide-up"
+            columns={[
-      textboxLayout="default"
+              { items: [{ label: "Shop", href: "/shop" }, { label: "Contact", href: "/contact" }] },
-      gridVariant="uniform-all-items-equal"
+              { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-      useInvertedBackground={false}
+            ]}
-      title="Latest Arrivals"
+            logoText="EYE™"
-      description="New releases from the archive."
+          />
-      products={[
+        </div>
-        {
-          id: "p7",
-          name: "Essential Knit",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150737118.jpg",
-        },
-        {
-          id: "p8",
-          name: "Street Jogger",
-          price: "$180",
-          imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg",
-        },
-      ]}
-    />
-  </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>
   );