From 9954a147b25d74f5afd2c38dbc7fc0015f24c0ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 20:50:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 371 ++++++++++++++---------------------------------
 1 file changed, 105 insertions(+), 266 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5587940..6665ba6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,279 +26,118 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Shop",
-          id: "#products",
-        },
-        {
-          name: "Process",
-          id: "#how-it-works",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-      ]}
-      brandName="Kynetik Creations"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Shop", id: "#products" },
+              { name: "Process", id: "#how-it-works" },
+              { name: "Testimonials", id: "#testimonials" },
+            ]}
+            brandName="Kynetik Creations"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Built Different. Carry Better."
-      description="Premium, custom engraved aluminum containers designed for the modern individual."
-      buttons={[
-        {
-          text: "Design Yours Now",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tin-can-with-food-plate_23-2148785194.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Join 5,000+ creators"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Built Different. Carry Better."
+            description="Premium, custom engraved aluminum containers designed for the modern individual."
+            buttons={[{ text: "Design Yours Now", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-tin-can-with-food-plate_23-2148785194.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg", alt: "User 5" },
+            ]}
+            avatarText="Join 5,000+ creators"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "The Kynetik Flask",
-          price: "$75",
-          variant: "Matte Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Signature Case",
-          price: "$45",
-          variant: "Satin Silver",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Pro Accessory Kit",
-          price: "$120",
-          variant: "Custom Engraved",
-          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Everyday Carry Flask",
-          price: "$65",
-          variant: "Space Gray",
-          imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Elite Container",
-          price: "$90",
-          variant: "Gunmetal",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Standard Slim Flask",
-          price: "$55",
-          variant: "Matte Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg?_wi=2",
-        },
-      ]}
-      title="Premium Collection"
-      description="Crafted from aerospace-grade aluminum and laser-engraved for life."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "The Kynetik Flask", price: "$75", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg" },
+              { id: "p2", name: "Signature Case", price: "$45", variant: "Satin Silver", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg" },
+              { id: "p3", name: "Pro Accessory Kit", price: "$120", variant: "Custom Engraved", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg" },
+              { id: "p4", name: "Everyday Carry Flask", price: "$65", variant: "Space Gray", imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg" },
+              { id: "p5", name: "Elite Container", price: "$90", variant: "Gunmetal", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg" },
+              { id: "p6", name: "Standard Slim Flask", price: "$55", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg" },
+            ]}
+            title="Premium Collection"
+            description="Crafted from aerospace-grade aluminum and laser-engraved for life."
+          />
+        </div>
 
-  <div id="how-it-works" data-section="how-it-works">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "s1",
-          label: "Step 01",
-          title: "Choose Design",
-          items: [
-            "Select your core style",
-            "Choose your metal finish",
-            "Review material durability",
-          ],
-        },
-        {
-          id: "s2",
-          label: "Step 02",
-          title: "Customize",
-          items: [
-            "Add your custom text",
-            "Upload your personal logo",
-            "Select placement option",
-          ],
-        },
-        {
-          id: "s3",
-          label: "Step 03",
-          title: "Delivered",
-          items: [
-            "Laser engraving precision",
-            "Quality check finished",
-            "Ship to your door",
-          ],
-        },
-      ]}
-      title="Crafted Your Way"
-      description="Three simple steps to build your custom carry piece."
-    />
-  </div>
+        <div id="how-it-works" data-section="how-it-works">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "s1", label: "Step 01", title: "Choose Design", items: ["Select your core style", "Choose your metal finish", "Review material durability"] },
+              { id: "s2", label: "Step 02", title: "Customize", items: ["Add your custom text", "Upload your personal logo", "Select placement option"] },
+              { id: "s3", label: "Step 03", title: "Delivered", items: ["Laser engraving precision", "Quality check finished", "Ship to your door"] },
+            ]}
+            title="Crafted Your Way"
+            description="Three simple steps to build your custom carry piece."
+          />
+        </div>
 
-  <div id="lifestyle" data-section="lifestyle">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Built for your Lifestyle"
-      description="Whether you are crushing a gym session, commuting in a luxury vehicle, or focused at the desk, Kynetik is your companion."
-      metrics={[
-        {
-          value: "100%",
-          title: "Aerospace Aluminum",
-        },
-        {
-          value: "24/7",
-          title: "Durability Focused",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="lifestyle" data-section="lifestyle">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Built for your Lifestyle"
+            description="Whether you are crushing a gym session, commuting in a luxury vehicle, or focused at the desk, Kynetik is your companion."
+            metrics={[{ value: "100%", title: "Aerospace Aluminum" }, { value: "24/7", title: "Durability Focused" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Essential Gear",
-          quote: "The quality is simply unmatched.",
-          name: "Alex River",
-          role: "Software Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg",
-        },
-        {
-          id: "t2",
-          title: "Top Tier",
-          quote: "Perfect for my daily setup.",
-          name: "Mark Stevens",
-          role: "Product Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg",
-        },
-        {
-          id: "t3",
-          title: "Rugged Style",
-          quote: "I use it everywhere I go.",
-          name: "David Thorne",
-          role: "Fitness Coach",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg",
-        },
-        {
-          id: "t4",
-          title: "Sleek Customization",
-          quote: "The engraving looks professional.",
-          name: "Leo Cruz",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg",
-        },
-        {
-          id: "t5",
-          title: "Everyday Essential",
-          quote: "Simply the best carry container.",
-          name: "Sam Miller",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg",
-        },
-      ]}
-      title="Join the Community"
-      description="See why professionals trust their everyday carry to Kynetik."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", title: "Essential Gear", quote: "The quality is simply unmatched.", name: "Alex River", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg" },
+              { id: "t2", title: "Top Tier", quote: "Perfect for my daily setup.", name: "Mark Stevens", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg" },
+              { id: "t3", title: "Rugged Style", quote: "I use it everywhere I go.", name: "David Thorne", role: "Fitness Coach", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg" },
+              { id: "t4", title: "Sleek Customization", quote: "The engraving looks professional.", name: "Leo Cruz", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg" },
+              { id: "t5", title: "Everyday Essential", quote: "Simply the best carry container.", name: "Sam Miller", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg" },
+            ]}
+            title="Join the Community"
+            description="See why professionals trust their everyday carry to Kynetik."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Join Now"
-      title="Ready to Start?"
-      description="Sign up for early access to our limited runs and exclusive customization options."
-      imageSrc="http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg?_wi=3"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Join Now"
+            title="Ready to Start?"
+            description="Sign up for early access to our limited runs and exclusive customization options."
+            imageSrc="http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Kynetik Creations"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Containers",
-              href: "#products",
-            },
-            {
-              label: "Accessories",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Kynetik Creations"
+            columns={[
+              { title: "Product", items: [{ label: "Containers", href: "#products" }, { label: "Accessories", href: "#products" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );