Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,18 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { History, Smile, Wheat } from "lucide-react";
+import { Wheat, MapPin, Award, Truck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,444 +30,128 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+            <NavbarLayoutFloatingOverlay
-      navItems={[
+              navItems={[
-        {
+                { name: "Home", id: "hero" },
-          name: "Home",
+                { name: "Legacy", id: "metrics" },
-          id: "hero",
+                { name: "Spices", id: "products" },
-        },
+                { name: "Sourcing", id: "pricing" },
-        {
+                { name: "Contact", id: "contact" },
-          name: "Our Heritage",
+              ]}
-          id: "metrics",
+              brandName="Kadioglu Baharat"
-        },
+            />
-        {
+        </div>
-          name: "Spices",
-          id: "products",
-        },
-        {
-          name: "Bulk Options",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Kadioglu Baharat"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
+            <HeroSplitTestimonial
-      background={{
+              title="Kayseri's Finest Spices"
-        variant: "rotated-rays-static",
+              description="Centuries of tradition meets modern quality. We source the best ingredients from Anatolia, delivered fresh to your kitchen."
-      }}
+              imageSrc="http://img.b2bpic.net/free-photo/cherry-tomato-near-spices-flour_23-2147749528.jpg?_wi=1"
-      title="Premium Turkish Spices, Delivered Fresh Daily"
+              testimonials={[{ name: "Fatma D.", handle: "@fatma_chef", testimonial: "The authentic smell and freshness are unmatched. Real Kayseri quality.", rating: 5 }]}
-      description="Family-trusted since 1950s. Authentic flavors from carefully sourced ingredients. Shop our complete collection online."
+              buttons={[{ text: "Explore Collection", href: "#products" }]}
-      buttons={[
+              background={{ variant: "sparkles-gradient" }}
-        {
+              useInvertedBackground={false}
-          text: "Explore Our Spices",
+            />
-          href: "#products",
+        </div>
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomato-near-spices-flour_23-2147749528.jpg?_wi=1",
-          imageAlt: "Spice selection",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/travelling-iran_8327-273.jpg?_wi=1",
-          imageAlt: "Fresh herbs",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/colored-peppers-seen-from_1259-213.jpg",
-          imageAlt: "Spices background",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-spices_23-2147684839.jpg",
-          imageAlt: "Cooking activity",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444686.jpg",
-          imageAlt: "Market atmosphere",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/bottle-oil-with-raw-nest-pasta-spices_114579-62959.jpg",
-          imageAlt: "Spice quality",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="metrics" data-section="metrics">
-      <MetricCardOne
+            <MetricCardThree
-      animationType="slide-up"
+              title="Our Anatolian Identity"
-      textboxLayout="split"
+              description="Based in Kayseri since 1950, we honor the spice trade with integrity and passion."
-      gridVariant="bento-grid"
+              textboxLayout="split"
-      useInvertedBackground={true}
+              animationType="slide-up"
-      metrics={[
+              useInvertedBackground={false}
-        {
+              metrics={[
-          id: "1",
+                { id: "1", icon: MapPin, title: "Kayseri HQ", value: "1950" },
-          value: "1950",
+                { id: "2", icon: Award, title: "Quality Grade", value: "AAA" },
-          title: "Founded Year",
+                { id: "3", icon: Truck, title: "Daily Logistics", value: "500+" },
-          description: "Tradition since inception",
+              ]}
-          icon: History,
+            />
-        },
+        </div>
-        {
-          id: "2",
-          value: "500+",
-          title: "Sourced Spices",
-          description: "Complete curated collection",
-          icon: Wheat,
-        },
-        {
-          id: "3",
-          value: "15k+",
-          title: "Happy Customers",
-          description: "Trusted by chefs daily",
-          icon: Smile,
-        },
-      ]}
-      title="Our Legacy in Spices"
-      description="Over 70 years of bringing Turkish authenticity to kitchens worldwide."
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardTwentyFour
+            <FeatureCardTen
-      animationType="slide-up"
+              title="Traditional Processing"
-      textboxLayout="split-description"
+              description="Our spices are processed using time-tested methods, ensuring the essence of every herb is preserved."
-      useInvertedBackground={false}
+              textboxLayout="split"
-      features={[
+              animationType="slide-up"
-        {
+              useInvertedBackground={false}
-          id: "1",
+              features={[
-          title: "Authentic Origins",
+                { 
-          author: "Direct Source",
+                    title: "Harvested in Kayseri", 
-          description: "Spices sourced directly from traditional Turkish farmers.",
+                    description: "Grown in fertile Anatolian soil for maximum potency.",                    media: { imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoons-surrounded-with-different-leaves-feathers-black-background_181624-16328.jpg" },
-          tags: [
+                    items: [{ icon: Wheat, text: "Pure ingredients" }, { icon: Award, text: "Quality verified" }],
-            "Organic",
+                    reverse: false
-            "Ethical",
+                }
-          ],
+              ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoons-surrounded-with-different-leaves-feathers-black-background_181624-16328.jpg",
+            />
-        },
+        </div>
-        {
-          id: "2",
-          title: "Premium Freshness",
-          author: "Quality Seal",
-          description: "Delivered fresh, locking in natural aromas.",
-          tags: [
-            "Fresh",
-            "Pure",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/spices-near-wooden-spoon_23-2147773486.jpg",
-        },
-        {
-          id: "3",
-          title: "Heritage Quality",
-          author: "Trusted Legacy",
-          description: "Decades of experience refining spice processing.",
-          tags: [
-            "Premium",
-            "Legacy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-assorted-color-flowers_209303-23.jpg",
-        },
-      ]}
-      title="Why Kadioglu Baharat?"
-      description="We prioritize quality, freshness, and sustainable farming for every spice in our collection."
-    />
-  </div>
 
-  <div id="products" data-section="products">
+        <div id="products" data-section="products">
-      <ProductCardThree
+            <ProductCardOne
-      animationType="slide-up"
+              title="From Kayseri Markets"
-      textboxLayout="default"
+              description="The best of our spice bazaar delivered to your door."
-      gridVariant="uniform-all-items-equal"
+              textboxLayout="inline-image"
-      useInvertedBackground={true}
+              gridVariant="bento-grid"
-      products={[
+              animationType="slide-up"
-        {
+              useInvertedBackground={false}
-          id: "p1",
+              products={[
-          name: "Organic Sumac",
+                { id: "1", name: "Sumac", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tomato-sauce-inside-glass-plate-grey-soup-meal-vegetable-food_140725-36769.jpg" },
-          price: "$12.00",
+                { id: "2", name: "Aleppo Pepper", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-vegetable-salad-hot-peppers-bell-peppers-tomatoes-tablecloth_140725-72541.jpg" }
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-tomato-sauce-inside-glass-plate-grey-soup-meal-vegetable-food_140725-36769.jpg",
+              ]}
-        },
+            />
-        {
+        </div>
-          id: "p2",
-          name: "Aleppo Pepper",
-          price: "$14.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-vegetable-salad-hot-peppers-bell-peppers-tomatoes-tablecloth_140725-72541.jpg",
-        },
-        {
-          id: "p3",
-          name: "Premium Cumin",
-          price: "$11.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/dried-anise-seeds-platter-concrete-background-high-quality-photo_114579-67539.jpg",
-        },
-        {
-          id: "p4",
-          name: "Dried Thyme",
-          price: "$9.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/box-various-greens-towel-marble-surface_114579-63910.jpg",
-        },
-        {
-          id: "p5",
-          name: "Black Pepper",
-          price: "$8.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-pepper-inside-little-plate-dark-background-spicy-seasoning-dark-photo_140725-141825.jpg",
-        },
-        {
-          id: "p6",
-          name: "Sweet Paprika",
-          price: "$10.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-chili-pepper-paprika-black_114579-16772.jpg",
-        },
-      ]}
-      title="Our Spice Collection"
-      description="From daily staples to rare finds, discover the flavors that define traditional Turkish cooking."
-    />
-  </div>
 
-  <div id="pricing" data-section="pricing">
+        <div id="pricing" data-section="pricing">
-      <PricingCardNine
+            <PricingCardOne
-      animationType="slide-up"
+              title="Sourcing Options"
-      textboxLayout="default"
+              description="Whether you are a chef, retailer, or local household, we have the right scale for you."
-      useInvertedBackground={false}
+              textboxLayout="split"
-      plans={[
+              animationType="slide-up"
-        {
+              useInvertedBackground={false}
-          id: "retail",
+              plans={[
-          title: "Home Chef Kit",
+                { id: "retail", badge: "Home", price: "$49", subtitle: "Daily essentials", features: ["Freshly packed", "Family size"] },
-          price: "$49",
+                { id: "bulk", badge: "Pro", price: "$299", subtitle: "Bulk sourcing", features: ["Kayseri origin", "Wholesale price"] }
-          period: "/ bundle",
+              ]}
-          features: [
+            />
-            "5 Starter Spices",
+        </div>
-            "Access to Recipes",
-            "Fast Delivery",
-          ],
-          button: {
-            text: "Buy Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/exotic-spices-composition_23-2147684915.jpg",
-          imageAlt: "Exotic spices composition",
-        },
-        {
-          id: "retailer",
-          title: "Retailer Bulk",
-          price: "$299",
-          period: "/ case",
-          features: [
-            "Wholesale pricing",
-            "Transparent Spec Sheets",
-            "Priority Shipping",
-          ],
-          button: {
-            text: "Inquire Bulk",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomato-near-spices-flour_23-2147749528.jpg?_wi=2",
-          imageAlt: "Exotic spices composition",
-        },
-        {
-          id: "restaurant",
-          title: "Restaurant Pro",
-          price: "$599",
-          period: "/ bulk",
-          features: [
-            "Customized Blends",
-            "Dedicated Support",
-            "Logistics Tracking",
-          ],
-          button: {
-            text: "Contact Sales",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/travelling-iran_8327-273.jpg?_wi=2",
-          imageAlt: "Exotic spices composition",
-        },
-      ]}
-      title="Bulk & Retail Solutions"
-      description="Flexible plans for home chefs, specialty retailers, and restaurant sourcing."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="faq" data-section="faq">
-      <TestimonialCardTwelve
+            <FaqBase
-      useInvertedBackground={true}
+              title="Common Questions"
-      testimonials={[
+              description="We are proud to serve our community and address any curiosity about spice purity."
-        {
+              textboxLayout="split"
-          id: "1",
+              faqsAnimation="slide-up"
-          name: "Sarah Johnson",
+              useInvertedBackground={false}
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1411.jpg",
+              faqs={[{ id: "1", title: "Where do you source?", content: "Directly from our family farm in the heart of Kayseri." }]}
-        },
+            />
-        {
+        </div>
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-housewife-with-pan-vegetables_1398-629.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21338.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-kitchen_23-2149631672.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena Demir",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-hispanic-girl-holds-fresh-tomatoes-while-cooking-her-kitchen_613910-4903.jpg",
-        },
-        {
-          id: "6",
-          name: "Ali Vural",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1393.jpg",
-        },
-      ]}
-      cardTitle="Loved by Chefs & Home Cooks"
-      cardTag="Customer Stories"
-      cardAnimation="slide-up"
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="blog" data-section="blog">
-      <FaqDouble
+            <BlogCardOne
-      textboxLayout="split"
+              title="Spice Wisdom"
-      useInvertedBackground={false}
+              description="Learn about the cultural history of Kayseri spice trade."
-      faqs={[
+              textboxLayout="split"
-        {
+              animationType="slide-up"
-          id: "q1",
+              useInvertedBackground={false}
-          title: "How is spice freshness ensured?",
+              blogs={[
-          content: "We vacuum-seal all orders immediately after processing.",
+                { id: "1", category: "Heritage", title: "The 1950s Roots", excerpt: "How Kadioglu started in a small Kayseri bazaar.", imageSrc: "http://img.b2bpic.net/free-photo/autumn-leaves_1136-163.jpg", authorName: "History Team", authorAvatar: "", date: "2024" }
-        },
+              ]}
-        {
+            />
-          id: "q2",
+        </div>
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship globally using premium logistics partners.",
-        },
-        {
-          id: "q3",
-          title: "Can I request custom spice blends?",
-          content: "Absolutely, please contact our sales team for bulk requests.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Answers to common queries about sourcing, shipping, and spice quality."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="blog" data-section="blog">
+        <div id="contact" data-section="contact">
-      <BlogCardThree
+            <ContactCTA
-      animationType="slide-up"
+              tag="Connect"
-      textboxLayout="default"
+              title="Get in Touch"
-      useInvertedBackground={true}
+              description="Reach out for bulk orders, custom spice blends, or partnership inquiries."
-      title="Spice Stories & Insights"
+              buttons={[{ text: "Email Us", href: "mailto:hello@kadioglubaharat.com" }]}
-      description="Articles on Turkish culinary traditions, spice usage, and seasonal recipes."
+              background={{ variant: "sparkles-gradient" }}
-      blogs={[
+              useInvertedBackground={false}
-        {
+            />
-          id: "b1",
+        </div>
-          category: "Recipes",
-          title: "Authentic Turkish Pilav",
-          excerpt: "Mastering the perfect grain.",
-          imageSrc: "http://img.b2bpic.net/free-photo/round-delights-table_140725-832.jpg",
-          authorName: "Chef Ali",
-          authorAvatar: "http://img.b2bpic.net/free-photo/waiter-girl-holding-menu-cafe-people-service-concept_627829-7913.jpg",
-          date: "Oct 12, 2024",
-        },
-        {
-          id: "b2",
-          category: "Education",
-          title: "Understanding Sumac",
-          excerpt: "A deep dive into flavor profiles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-spices-small-brown-pots_140725-134692.jpg",
-          authorName: "Chef Sara",
-          authorAvatar: "http://img.b2bpic.net/free-photo/pleased-middle-aged-female-cook-chef-uniform-points-finger-tomato-her-hand-isolated-pink-wall_141793-36909.jpg",
-          date: "Oct 05, 2024",
-        },
-        {
-          id: "b3",
-          category: "Heritage",
-          title: "1950s Spice Roots",
-          excerpt: "Our humble beginnings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/autumn-leaves_1136-163.jpg",
-          authorName: "K. Baharat",
-          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg",
-          date: "Sept 28, 2024",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to spice up your culinary projects? Contact our support team today for bulk inquiries or product questions."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@kadioglubaharat.com",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Kadioglu Baharat"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Spices",
-              href: "#products",
-            },
-            {
-              label: "Bulk Orders",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Kadioglu Baharat. All rights reserved."
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fbfbf7;
-  --card: #dad6cd;
+  --card: #f0ede6;
-  --foreground: #2a2928;
+  --foreground: #2b180a;
-  --primary-cta: #2a2928;
+  --primary-cta: #8b5c32;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #e5dcd3;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #c6a88e;
-  --background-accent: #c6b180;
+  --background-accent: #dccbb8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);