Merge version_2 into main #3

Merged
bender merged 1 commits from version_2 into main 2026-05-25 07:01:56 +00:00

View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { History, Smile, Wheat, MapPin, Award, Truck } from "lucide-react";
import { Wheat, MapPin, Award, Truck } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,138 +30,127 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Legacy", id: "metrics" },
{ name: "Spices", id: "products" },
{ name: "Sourcing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Kadioglu Baharat"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Legacy", id: "metrics" },
{ name: "Spices", id: "products" },
{ name: "Sourcing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Kadioglu Baharat"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Kayseri's Finest Spices"
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"
testimonials={[{ name: "Fatma D.", handle: "@fatma_chef", testimonial: "The authentic smell and freshness are unmatched. Real Kayseri quality.", rating: 5 }]}
buttons={[{ text: "Explore Collection", href: "#products" }]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Kayseri's Finest Spices"
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"
testimonials={[{ name: "Fatma D.", handle: "@fatma_chef", testimonial: "The authentic smell and freshness are unmatched. Real Kayseri quality.", rating: 5 }]}
buttons={[{ text: "Explore Collection", href: "#products" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Anatolian Identity"
description="Based in Kayseri since 1950, we honor the spice trade with integrity and passion."
textboxLayout="split"
animationType="slide-up"
metrics={[
{ id: "1", icon: MapPin, title: "Kayseri HQ", value: "1950" },
{ id: "2", icon: Award, title: "Quality Grade", value: "AAA" },
{ id: "3", icon: Truck, title: "Daily Logistics", value: "500+" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Anatolian Identity"
description="Based in Kayseri since 1950, we honor the spice trade with integrity and passion."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{ id: "1", icon: MapPin, title: "Kayseri HQ", value: "1950" },
{ id: "2", icon: Award, title: "Quality Grade", value: "AAA" },
{ id: "3", icon: Truck, title: "Daily Logistics", value: "500+" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
title="Traditional Processing"
description="Our spices are processed using time-tested methods, ensuring the essence of every herb is preserved."
textboxLayout="split"
animationType="slide-up"
features={[
{
title: "Harvested in Kayseri",
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" },
items: [{ icon: Wheat, text: "Pure ingredients" }, { icon: Award, text: "Quality verified" }],
reverse: false
}
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
title="Traditional Processing"
description="Our spices are processed using time-tested methods, ensuring the essence of every herb is preserved."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Harvested in Kayseri",
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" },
items: [{ icon: Wheat, text: "Pure ingredients" }, { icon: Award, text: "Quality verified" }],
reverse: false
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="From Kayseri Markets"
description="The best of our spice bazaar delivered to your door."
textboxLayout="inline-image"
gridVariant="bento-grid"
animationType="slide-up"
products={[
{ 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" },
{ 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" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="From Kayseri Markets"
description="The best of our spice bazaar delivered to your door."
textboxLayout="inline-image"
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ 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" },
{ 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" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Sourcing Options"
description="Whether you are a chef, retailer, or local household, we have the right scale for you."
textboxLayout="split"
animationType="slide-up"
plans={[
{ id: "retail", badge: "Home", price: "$49", subtitle: "Daily essentials", features: ["Freshly packed", "Family size"] },
{ id: "bulk", badge: "Pro", price: "$299", subtitle: "Bulk sourcing", features: ["Kayseri origin", "Wholesale price"] }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Sourcing Options"
description="Whether you are a chef, retailer, or local household, we have the right scale for you."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
plans={[
{ id: "retail", badge: "Home", price: "$49", subtitle: "Daily essentials", features: ["Freshly packed", "Family size"] },
{ id: "bulk", badge: "Pro", price: "$299", subtitle: "Bulk sourcing", features: ["Kayseri origin", "Wholesale price"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="Verified by Kitchens"
description="Hear from our partners and customers across Turkey and beyond."
kpiItems={[{ value: "10k+", label: "Chefs" }, { value: "500+", label: "Markets" }, { value: "1950", label: "History" }]}
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={true}
testimonials={[{ id: "1", name: "Mehmet Y.", role: "Head Chef", company: "Anatolian Grill", rating: 5 }]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Common Questions"
description="We are proud to serve our community and address any curiosity about spice purity."
textboxLayout="split"
faqsAnimation="slide-up"
useInvertedBackground={false}
faqs={[{ id: "1", title: "Where do you source?", content: "Directly from our family farm in the heart of Kayseri." }]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Common Questions"
description="We are proud to serve our community and address any curiosity about spice purity."
textboxLayout="split"
faqsAnimation="slide-up"
faqs={[{ id: "1", title: "Where do you source?", content: "Directly from our family farm in the heart of Kayseri." }]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
title="Spice Wisdom"
description="Learn about the cultural history of Kayseri spice trade."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
blogs={[
{ 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" }
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
title="Spice Wisdom"
description="Learn about the cultural history of Kayseri spice trade."
textboxLayout="split"
animationType="slide-up"
blogs={[
{ 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" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Connect"
title="Get in Touch"
description="Reach out for bulk orders, custom spice blends, or partnership inquiries."
buttons={[{ text: "Email Us", href: "mailto:hello@kadioglubaharat.com" }]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[{ title: "Company", items: [{ label: "Heritage", href: "#metrics" }] }]}
bottomLeftText="© 2024 Kadioglu Baharat, Kayseri"
bottomRightText="Authentic Turkish Quality"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Connect"
title="Get in Touch"
description="Reach out for bulk orders, custom spice blends, or partnership inquiries."
buttons={[{ text: "Email Us", href: "mailto:hello@kadioglubaharat.com" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
</ReactLenis>
</ThemeProvider>
);