Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-30 06:30:21 +00:00

View File

@@ -28,311 +28,148 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Cilembu Original"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Cilembu Original"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Cilembu Original"
description="Authentic, naturally honey-sweetened Ubi Cilembu harvested directly from the volcanic highlands of Sumedang. Experience the tradition in every bite."
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg",
imageAlt: "Harvested Ubi Cilembu",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-potatoes-basket-with-copy-space_23-2148599938.jpg",
imageAlt: "Ubi Cilembu Harvest",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/half-basket-with-radishes_23-2148332224.jpg",
imageAlt: "Fresh Produce",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sweet-potatoes-wooden-box_53876-96848.jpg",
imageAlt: "Organic Soil",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-root-vegetable-beetroots-bucket-with-radishes-glass-bowl-green-surface_141793-81143.jpg",
imageAlt: "Traditional Farm",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-potatoes-sale-market-stall_23-2147916259.jpg",
imageAlt: "Sweet Potato",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Cilembu Original"
description="Authentic, naturally honey-sweetened Ubi Cilembu harvested directly from the volcanic highlands of Sumedang. Experience the tradition in every bite."
buttons={[{ text: "Shop Now", href: "#products" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg", imageAlt: "Harvested Ubi Cilembu" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-potatoes-basket-with-copy-space_23-2148599938.jpg", imageAlt: "Ubi Cilembu Harvest" },
{ imageSrc: "http://img.b2bpic.net/free-photo/half-basket-with-radishes_23-2148332224.jpg", imageAlt: "Fresh Produce" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sweet-potatoes-wooden-box_53876-96848.jpg", imageAlt: "Organic Soil" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-root-vegetable-beetroots-bucket-with-radishes-glass-bowl-green-surface_141793-81143.jpg", imageAlt: "Traditional Farm" },
{ imageSrc: "http://img.b2bpic.net/free-photo/red-potatoes-sale-market-stall_23-2147916259.jpg", imageAlt: "Sweet Potato" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Heritage & Quality"
metrics={[
{
icon: Leaf,
label: "Certified Organic",
value: "100%",
},
{
icon: Award,
label: "Years Heritage",
value: "25+",
},
{
icon: Users,
label: "Happy Families",
value: "10K+",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Heritage & Quality"
metrics={[
{ icon: Leaf, label: "Certified Organic", value: "100%" },
{ icon: Award, label: "Years Heritage", value: "25+" },
{ icon: Users, label: "Happy Families", value: "10K+" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Honey Sweetness",
description: "Natural caramelization during roasting.",
imageSrc: "http://img.b2bpic.net/free-photo/potatoes-meal-top-view-composition_23-2148619107.jpg",
},
{
title: "Volcanic Soil",
description: "Grown in nutrient-rich highlands.",
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-farm_23-2149232300.jpg",
},
{
title: "Fresh Picked",
description: "Delivered straight from the fields.",
imageSrc: "http://img.b2bpic.net/free-photo/raw-potatoes-wooden-basket_23-2148501622.jpg",
},
]}
title="Why Our Ubi Cilembu?"
description="We ensure the highest quality through traditional farming techniques."
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ title: "Honey Sweetness", description: "Natural caramelization during roasting.", imageSrc: "http://img.b2bpic.net/free-photo/potatoes-meal-top-view-composition_23-2148619107.jpg" },
{ title: "Volcanic Soil", description: "Grown in nutrient-rich highlands.", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-farm_23-2149232300.jpg" },
{ title: "Fresh Picked", description: "Delivered straight from the fields.", imageSrc: "http://img.b2bpic.net/free-photo/raw-potatoes-wooden-basket_23-2148501622.jpg" }
]}
title="Why Our Ubi Cilembu?"
description="We ensure the highest quality through traditional farming techniques."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Cilembu Box (1kg)",
price: "Rp 35.000",
imageSrc: "http://img.b2bpic.net/free-photo/organic-beetroots-isolated-wooden-platter-concrete-surface_114579-71532.jpg",
},
{
id: "2",
name: "Cilembu Box (3kg)",
price: "Rp 90.000",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-assortment_23-2149043090.jpg",
},
{
id: "3",
name: "Ready-to-Eat Roast",
price: "Rp 45.000",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-cakes-with-peanuts-wooden-surface_140725-75216.jpg",
},
{
id: "4",
name: "Organic Selection",
price: "Rp 55.000",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-milk-pot-honey-pot-biscuits-bee-pollens-black-backdrop_23-2147918937.jpg",
},
{
id: "5",
name: "Gift Package",
price: "Rp 120.000",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-half-peeled-potato_23-2148599927.jpg",
},
{
id: "6",
name: "Farm Sampler",
price: "Rp 65.000",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-composition-with-kitchen-tools_23-2147992845.jpg",
},
]}
title="Our Harvest"
description="Hand-selected potatoes for the best experience."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Cilembu Box (1kg)", price: "Rp 35.000", imageSrc: "http://img.b2bpic.net/free-photo/organic-beetroots-isolated-wooden-platter-concrete-surface_114579-71532.jpg" },
{ id: "2", name: "Cilembu Box (3kg)", price: "Rp 90.000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-assortment_23-2149043090.jpg" },
{ id: "3", name: "Ready-to-Eat Roast", price: "Rp 45.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-cakes-with-peanuts-wooden-surface_140725-75216.jpg" },
{ id: "4", name: "Organic Selection", price: "Rp 55.000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-milk-pot-honey-pot-biscuits-bee-pollens-black-backdrop_23-2147918937.jpg" },
{ id: "5", name: "Gift Package", price: "Rp 120.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-half-peeled-potato_23-2148599927.jpg" },
{ id: "6", name: "Farm Sampler", price: "Rp 65.000", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-composition-with-kitchen-tools_23-2147992845.jpg" }
]}
title="Our Harvest"
description="Hand-selected potatoes for the best experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Siti Aminah",
role: "Foodie",
company: "Jakarta",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylush-successful-ambitious-attractive-young-female-marketing-specialist-sit-restaurant-modern-cafe-eat-healthy-salad-drink-coffee-smiling-delighted-business-meeting-lunch-discuss-work_197531-22203.jpg",
},
{
id: "2",
name: "Budi Santoso",
role: "Chef",
company: "Surabaya",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
},
{
id: "3",
name: "Dewi Lestari",
role: "Mom",
company: "Bandung",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/impressed-elderly-female-gardener-wearing-gardening-hat-gesturing-ok-sign-with-two-hands_141793-103718.jpg",
},
{
id: "4",
name: "Rizky Firmansyah",
role: "Blogger",
company: "Medan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cornflakes-bowl-near-spilled-granola-rice-crackers-wooden-surface_23-2147956804.jpg",
},
{
id: "5",
name: "Maya Putri",
role: "Customer",
company: "Bali",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-wooden-board_23-2148230457.jpg",
},
]}
kpiItems={[
{
value: "4.9",
label: "Rating",
},
{
value: "1M+",
label: "Served",
},
{
value: "98%",
label: "Happy",
},
]}
title="What Our Customers Say"
description="Authentic taste loved by thousands."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Siti Aminah", role: "Foodie", company: "Jakarta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylush-successful-ambitious-attractive-young-female-marketing-specialist-sit-restaurant-modern-cafe-eat-healthy-salad-drink-coffee-smiling-delighted-business-meeting-lunch-discuss-work_197531-22203.jpg" },
{ id: "2", name: "Budi Santoso", role: "Chef", company: "Surabaya", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg" },
{ id: "3", name: "Dewi Lestari", role: "Mom", company: "Bandung", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-elderly-female-gardener-wearing-gardening-hat-gesturing-ok-sign-with-two-hands_141793-103718.jpg" },
{ id: "4", name: "Rizky Firmansyah", role: "Blogger", company: "Medan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cornflakes-bowl-near-spilled-granola-rice-crackers-wooden-surface_23-2147956804.jpg" },
{ id: "5", name: "Maya Putri", role: "Customer", company: "Bali", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-wooden-board_23-2148230457.jpg" }
]}
kpiItems={[
{ value: "4.9", label: "Rating" },
{ value: "1M+", label: "Served" },
{ value: "98%", label: "Happy" }
]}
title="What Our Customers Say"
description="Authentic taste loved by thousands."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How to eat?",
content: "Best enjoyed roasted or steamed.",
},
{
id: "2",
title: "Shipping area?",
content: "Nationwide shipping available.",
},
{
id: "3",
title: "Shelf life?",
content: "Store in a cool dry place.",
},
]}
sideTitle="Questions?"
sideDescription="Everything you need to know about our Cilembu products."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "1", title: "How to eat?", content: "Best enjoyed roasted or steamed." },
{ id: "2", title: "Shipping area?", content: "Nationwide shipping available." },
{ id: "3", title: "Shelf life?", content: "Store in a cool dry place." }
]}
sideTitle="Questions?"
sideDescription="Everything you need to know about our Cilembu products."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to taste the honey sweetness? Place your order today."
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/628123456789",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Ready to taste the honey sweetness? Place your order today."
buttons={[{ text: "WhatsApp Us", href: "https://wa.me/628123456789" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop",
href: "#products",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Cilembu Original"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "Shop", href: "#products" },
{ label: "About", href: "#about" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Contact", href: "#contact" }
]
}
]}
logoText="Cilembu Original"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}