Merge version_1 into main #1
280
src/app/page.tsx
280
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user