From 9f620db1ebb060fd9c11b233153057aab6c28677 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 11:20:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 ++++++++++++++++-------------------------------
 1 file changed, 92 insertions(+), 188 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f94b787..89d1854 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,200 +25,104 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Ana Sayfa",
-          id: "/",
-        },
-        {
-          name: "Hikayemiz",
-          id: "/story",
-        },
-        {
-          name: "Ürün",
-          id: "/product",
-        },
-        {
-          name: "B2B",
-          id: "/contact",
-        },
-      ]}
-      brandName="Kirkit"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Ana Sayfa", id: "/" },
+              { name: "Hikayemiz", id: "/story" },
+              { name: "Ürün", id: "/product" },
+              { name: "B2B", id: "/contact" },
+            ]}
+            brandName="Kirkit"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      title="Canta No.01"
-      description="Sarı Kantaron Yağı / Hypericum perforatum L. / 1287m — Ulus Dağı, Balıkesir"
-      buttons={[
-        {
-          text: "NUMUNE TALEBİ",
-          href: "#",
-        },
-        {
-          text: "Hikayeyi izle ↓",
-          href: "/story",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016643.jpg",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-nuts-with-candies-wooden-surface_140725-75329.jpg",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/symmetrical-flat-lay-composition-leaves_23-2148202606.jpg",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-natural-argan-product_23-2148955791.jpg",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/herbal-medicine-with-plants-blocks-assortment_23-2149339734.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-static" }}
+            title="Canta No.01"
+            description="Sarı Kantaron Yağı / Hypericum perforatum L. / 1287m — Ulus Dağı, Balıkesir"
+            buttons={[
+              { text: "NUMUNE TALEBİ", href: "#" },
+              { text: "Hikayeyi izle ↓", href: "/story" },
+            ]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016643.jpg" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-nuts-with-candies-wooden-surface_140725-75329.jpg" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/symmetrical-flat-lay-composition-leaves_23-2148202606.jpg" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-natural-argan-product_23-2148955791.jpg" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/herbal-medicine-with-plants-blocks-assortment_23-2149339734.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Kirkit Botanicals'ın Rakamsal Verileri"
-      tag="Sürdürülebilirlik"
-      metrics={[
-        {
-          id: "m1",
-          value: "1287m",
-          description: "Rakım (Ulus Dağı)",
-        },
-        {
-          id: "m2",
-          value: "40 GÜN",
-          description: "Geleneksel Maserasyon",
-        },
-        {
-          id: "m3",
-          value: "%100",
-          description: "Doğal Bileşenler",
-        },
-        {
-          id: "m4",
-          value: "EL",
-          description: "Üretim Yöntemi",
-        },
-        {
-          id: "m5",
-          value: "Amber",
-          description: "Özel Ambalaj",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Kirkit Botanicals'ın Rakamsal Verileri"
+            tag="Sürdürülebilirlik"
+            metrics={[
+              { id: "m1", value: "1287m", description: "Rakım (Ulus Dağı)" },
+              { id: "m2", value: "40 GÜN", description: "Geleneksel Maserasyon" },
+              { id: "m3", value: "%100", description: "Doğal Bileşenler" },
+              { id: "m4", value: "EL", description: "Üretim Yöntemi" },
+              { id: "m5", value: "Amber", description: "Özel Ambalaj" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      sideTitle="Sıkça Sorulanlar"
-      faqs={[
-        {
-          id: "f1",
-          title: "Maserasyon nedir?",
-          content: "Bitkilerin yağa uzun süreli ve güneş altında bırakılması sürecidir.",
-        },
-        {
-          id: "f2",
-          title: "Nasıl saklamalıyım?",
-          content: "Direkt güneş ışığından uzak, serin bir yerde saklayınız.",
-        },
-        {
-          id: "f3",
-          title: "Cilt tipime uygun mu?",
-          content: "Genel kullanım için uygundur, hassas ciltler için test ediniz.",
-        },
-        {
-          id: "f4",
-          title: "Toplu alım imkanı var mı?",
-          content: "Evet, B2B sayfamızdan iletişime geçebilirsiniz.",
-        },
-        {
-          id: "f5",
-          title: "Ne kadar sürede tüketmeliyim?",
-          content: "Açıldıktan sonra 12 ay içerisinde tüketilmesi önerilir.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqsAnimation="reveal-blur"
+            sideTitle="Sıkça Sorulanlar"
+            faqs={[
+              { id: "f1", title: "Maserasyon nedir?", content: "Bitkilerin yağa uzun süreli ve güneş altında bırakılması sürecidir." },
+              { id: "f2", title: "Nasıl saklamalıyım?", content: "Direkt güneş ışığından uzak, serin bir yerde saklayınız." },
+              { id: "f3", title: "Cilt tipime uygun mu?", content: "Genel kullanım için uygundur, hassas ciltler için test ediniz." },
+              { id: "f4", title: "Toplu alım imkanı var mı?", content: "Evet, B2B sayfamızdan iletişime geçebilirsiniz." },
+              { id: "f5", title: "Ne kadar sürede tüketmeliyim?", content: "Açıldıktan sonra 12 ay içerisinde tüketilmesi önerilir." },
+            ]}
+          />
+        </div>
 
-  <div id="ecommerce" data-section="ecommerce">
-      <ProductCartItem />
-  </div>
+        <div id="ecommerce" data-section="ecommerce">
+          <ProductCartItem item={{ id: "c1", name: "Kirkit Canta", price: 2100, quantity: 1, imageSrc: "" }} />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="B2B İŞBİRLİĞİ"
-      title="Lüks mekânınız için özel içerik"
-      description="Prestijli işletmeler için sınırlı sayıda üretimimizden faydalanın."
-      buttons={[
-        {
-          text: "BİZE YAZIN",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="B2B İŞBİRLİĞİ"
+            title="Lüks mekânınız için özel içerik"
+            description="Prestijli işletmeler için sınırlı sayıda üretimimizden faydalanın."
+            buttons={[
+              { text: "BİZE YAZIN", href: "/contact" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Kirkit Botanicals"
-      columns={[
-        {
-          title: "Kurumsal",
-          items: [
-            {
-              label: "Hikayemiz",
-              href: "/story",
-            },
-            {
-              label: "İletişim",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Destek",
-          items: [
-            {
-              label: "Gizlilik",
-              href: "#",
-            },
-            {
-              label: "B2B",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Kirkit Botanicals"
+            columns={[
+              {
+                title: "Kurumsal",                items: [
+                  { label: "Hikayemiz", href: "/story" },
+                  { label: "İletişim", href: "/contact" },
+                ],
+              },
+              {
+                title: "Destek",                items: [
+                  { label: "Gizlilik", href: "#" },
+                  { label: "B2B", href: "/contact" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1