4 Commits

Author SHA1 Message Date
af42429d01 Update src/app/page.tsx 2026-05-25 07:01:53 +00:00
d118b689b2 Update src/app/styles/variables.css 2026-05-25 07:01:25 +00:00
a73abf1985 Update src/app/page.tsx 2026-05-25 07:01:25 +00:00
31cc6a9690 Merge version_1 into main
Merge version_1 into main
2026-05-25 06:59:37 +00:00
2 changed files with 132 additions and 448 deletions

View File

@@ -2,18 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { History, Smile, Wheat } from "lucide-react";
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
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">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Heritage",
id: "metrics",
},
{
name: "Spices",
id: "products",
},
{
name: "Bulk Options",
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">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
title="Premium Turkish Spices, Delivered Fresh Daily"
description="Family-trusted since 1950s. Authentic flavors from carefully sourced ingredients. Shop our complete collection online."
buttons={[
{
text: "Explore Our Spices",
href: "#products",
},
]}
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="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">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "1950",
title: "Founded Year",
description: "Tradition since inception",
icon: History,
},
{
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="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">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Authentic Origins",
author: "Direct Source",
description: "Spices sourced directly from traditional Turkish farmers.",
tags: [
"Organic",
"Ethical",
],
imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoons-surrounded-with-different-leaves-feathers-black-background_181624-16328.jpg",
},
{
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="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">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Organic Sumac",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tomato-sauce-inside-glass-plate-grey-soup-meal-vegetable-food_140725-36769.jpg",
},
{
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="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">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "retail",
title: "Home Chef Kit",
price: "$49",
period: "/ bundle",
features: [
"5 Starter Spices",
"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="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">
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1411.jpg",
},
{
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">
<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">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How is spice freshness ensured?",
content: "We vacuum-seal all orders immediately after processing.",
},
{
id: "q2",
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">
<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">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Spice Stories & Insights"
description="Articles on Turkish culinary traditions, spice usage, and seasonal recipes."
blogs={[
{
id: "b1",
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>
<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>
);
}
}

View File

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