Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -4,14 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
|
import { Zap, ShieldCheck, Truck, BarChart3 } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,14 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Beranda", id: "hero" },
|
||||||
name: "Beranda", id: "hero"},
|
{ name: "Tentang", id: "about" },
|
||||||
{
|
{ name: "Fitur", id: "features" },
|
||||||
name: "Tentang", id: "about"},
|
{ name: "Produk", id: "products" },
|
||||||
{
|
{ name: "Kontak", id: "contact" },
|
||||||
name: "Produk", id: "products"},
|
|
||||||
{
|
|
||||||
name: "Kontak", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="BawangEksport"
|
brandName="BawangEksport"
|
||||||
button={{ text: "Hubungi Kami", href: "#contact" }}
|
button={{ text: "Hubungi Kami", href: "#contact" }}
|
||||||
@@ -46,197 +44,122 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
title="Bawang Goreng Premium untuk Pasar Global"
|
||||||
title="Bawang Goreng Premium untuk Pasar Internasional"
|
description="Menghadirkan kelezatan autentik bawang goreng Indonesia dengan kualitas ekspor terbaik, renyah tanpa campuran."
|
||||||
description="Menghadirkan kelezatan autentik bawang goreng Indonesia berkualitas ekspor ke seluruh dunia dengan standar higienis dan cita rasa terbaik."
|
buttons={[{ text: "Jelajahi Produk", href: "#products" }]}
|
||||||
buttons={[
|
carouselItems={[
|
||||||
{
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/bunches-fresh-onions_23-2147828823.jpg" },
|
||||||
text: "Lihat Produk", href: "#products"},
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/shallots-placed-black_1150-25542.jpg" },
|
||||||
{
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-peeled-garlic-cloves-garlic-bulbs-sackcloth-background_141793-5949.jpg" },
|
||||||
text: "Hubungi Kami", href: "#contact"},
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/chopped-purple-onion-cabbage-salad-platter-concrete-table_114579-56748.jpg" },
|
||||||
]}
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg" },
|
||||||
mediaItems={[
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg" },
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-dough-with-rice-dark-surface-dish-dough-pasta-meal_140725-82588.jpg?_wi=1", imageAlt: "Bawang Goreng Premium"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-grilled-shrimps-plate_181624-22460.jpg", imageAlt: "Bawang Goreng Premium"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-portuguese-empadao-dish_23-2149862952.jpg", imageAlt: "Bawang Goreng Premium"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-green-beans-lemon-garlic-bottle-oil-plate-green-beans-with-tomatoes-black-table_140725-120161.jpg", imageAlt: "Bawang Goreng Premium"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/food-waste-concept_23-2148688614.jpg", imageAlt: "Bawang Goreng Premium"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grated-carrot-salad-inside-brown-plate-dark-blue-rustic-desk-health-salad-color-ripe-diet-vegetable_140725-121181.jpg", imageAlt: "Bawang Goreng Premium"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Warisan Kualitas dari Jantung Indonesia"
|
title="Warisan Kualitas dari Jantung Indonesia"
|
||||||
description="Kami berdedikasi menjaga tradisi pengolahan bawang goreng dengan sentuhan teknologi modern. Setiap batch dipilih dari bawang merah pilihan terbaik yang tumbuh di tanah subur Indonesia, diproses dengan ketelitian tinggi untuk hasil yang renyah dan gurih alami."
|
tag="Profil Perusahaan"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/bunches-fresh-onions_23-2147828823.jpg?_wi=1"
|
useInvertedBackground={false}
|
||||||
imageAlt="Proses Produksi Bawang Goreng"
|
description="Kami berkomitmen mempromosikan kualitas bawang merah asli Indonesia ke panggung internasional. Dengan kontrol mutu yang ketat, produk kami menjamin kebersihan dan kesegaran di setiap kemasan."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardNineteen
|
<FeatureCardTwentySix
|
||||||
textboxLayout="default"
|
title="Keunggulan Kami"
|
||||||
|
description="Fokus kami adalah memberikan yang terbaik bagi setiap mitra bisnis global."
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
textboxLayout="default"
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "100% Alami", description: "Tanpa pengawet dan campuran tepung.", buttonIcon: Zap },
|
||||||
tag: "Kualitas", title: "Bahan Pilihan", subtitle: "Tanpa campuran tepung", description: "100% bawang merah asli dengan kualitas premium.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tomato-slices-topped-with-red-onion-rings-sauce-topped-with-parsley_140725-8708.jpg", imageAlt: "Close up of tomato slices topped with red onion rings in sauce topped with parsley"},
|
{ title: "Standar Higienis", description: "Proses produksi tersertifikasi GMP.", buttonIcon: ShieldCheck },
|
||||||
{
|
{ title: "Logistik Cepat", description: "Sistem pengiriman efisien untuk ekspor.", buttonIcon: Truck },
|
||||||
tag: "Produksi", title: "Teknologi Higienis", subtitle: "Standar GMP", description: "Proses produksi modern dengan pengawasan kualitas ketat.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-dough-with-rice-dark-surface-dish-dough-pasta-meal_140725-82588.jpg?_wi=2", imageAlt: "Close up of tomato slices topped with red onion rings in sauce topped with parsley"},
|
{ title: "Skala Global", description: "Kapasitas produksi besar untuk pasar internasional.", buttonIcon: BarChart3 },
|
||||||
{
|
|
||||||
tag: "Logistik", title: "Ekspor Global", subtitle: "Pengiriman efisien", description: "Siap melayani pesanan dalam jumlah besar ke seluruh dunia.", imageSrc: "http://img.b2bpic.net/free-photo/bunches-fresh-onions_23-2147828823.jpg?_wi=2", imageAlt: "Close up of tomato slices topped with red onion rings in sauce topped with parsley"},
|
|
||||||
]}
|
]}
|
||||||
title="Keunggulan Produk Kami"
|
|
||||||
description="Standar internasional adalah janji kami bagi para mitra global."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardFour
|
||||||
|
title="Katalog Produk"
|
||||||
|
description="Solusi kemasan bawang goreng premium untuk kebutuhan bisnis ritel maupun industri."
|
||||||
|
useInvertedBackground={false}
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Reguler Pack", price: "Kontak", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg" },
|
||||||
id: "p1", brand: "BawangEksport", name: "Bawang Goreng Reguler", price: "Contact for pricing", rating: 5,
|
{ id: "2", name: "Premium Crispy", price: "Kontak", variant: "1kg", imageSrc: "http://img.b2bpic.net/free-photo/pickled-tomatoes-glass-jar-bowl-with-garlic-blue_114579-15507.jpg" },
|
||||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg"},
|
{ id: "3", name: "Bulk Industry", price: "Kontak", variant: "5kg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg" },
|
||||||
{
|
|
||||||
id: "p2", brand: "BawangEksport", name: "Bawang Goreng Premium", price: "Contact for pricing", rating: 5,
|
|
||||||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/pickled-tomatoes-glass-jar-bowl-with-garlic-blue_114579-15507.jpg"},
|
|
||||||
{
|
|
||||||
id: "p3", brand: "BawangEksport", name: "Bawang Goreng Organik", price: "Contact for pricing", rating: 5,
|
|
||||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg"},
|
|
||||||
{
|
|
||||||
id: "p4", brand: "BawangEksport", name: "Bulk Pack 5kg", price: "Contact for pricing", rating: 4,
|
|
||||||
reviewCount: "20+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dried-pineapple-inside-can-white-surface_140725-103216.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", brand: "BawangEksport", name: "Custom Label Pack", price: "Contact for pricing", rating: 5,
|
|
||||||
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-red-onions-wicker-tray-yellow-onions-bowl-grey-wooden-background_141793-84564.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", brand: "BawangEksport", name: "Retail Sachet", price: "Contact for pricing", rating: 5,
|
|
||||||
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/shallots-placed-black_1150-25542.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Katalog Produk Ekspor"
|
|
||||||
description="Pilihan ukuran dan kemasan yang fleksibel untuk kebutuhan bisnis Anda."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardEleven
|
<MetricCardTwo
|
||||||
|
title="Pencapaian Kami"
|
||||||
|
gridVariant="bento-grid"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "15+", description: "Negara Terlayani" },
|
||||||
id: "m1", value: "15+", title: "Negara Tujuan", description: "Melayani pasar internasional di 3 benua.", imageSrc: "http://img.b2bpic.net/free-photo/chopped-purple-onion-cabbage-salad-platter-concrete-table_114579-56748.jpg"},
|
{ id: "2", value: "500T+", description: "Produksi Tahunan" },
|
||||||
{
|
{ id: "3", value: "99%", description: "Loyalitas Mitra" },
|
||||||
id: "m2", value: "500T", title: "Kapasitas Tahunan", description: "Produksi skala besar dengan kualitas konsisten.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-peeled-garlic-cloves-garlic-bulbs-sackcloth-background_141793-5949.jpg"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "99%", title: "Tingkat Kepuasan", description: "Mitra yang loyal dan puas dengan kualitas kami.", imageSrc: "http://img.b2bpic.net/free-photo/noodle-rolls-with-ingredients-wooden-black-board_114579-17588.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Pencapaian Ekspor"
|
|
||||||
description="Dedikasi kami diakui oleh mitra di berbagai negara."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardTen
|
||||||
|
title="Testimoni Mitra"
|
||||||
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonial="Kualitas bawang goreng yang luar biasa. Renyah, aroma alami, dan sangat konsisten. Mitra bisnis terbaik untuk kebutuhan ekspor kami."
|
testimonials={[
|
||||||
rating={5}
|
{ id: "1", title: "Kualitas Luar Biasa", quote: "Produk bawang goreng terbaik yang pernah kami beli untuk ekspor.", name: "Marcus T.", role: "Buyer Internasional" },
|
||||||
author="Marcus Thorne, International Food Buyer"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/crazy-chef-angry-expression_1194-1424.jpg", alt: "Marcus Thorne"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/one-cheerful-man-cooking-domestic-kitchen-generated-by-ai_188544-25325.jpg", alt: "Maria Santos"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-is-warehouse-cheese-shop-production-butter-cheese-quality-control-dairy-plant-racks-with-cheese_645730-510.jpg", alt: "John Doe"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-happy-woman_171337-11646.jpg", alt: "Yuki Tanaka"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-receiving-groceries_23-2149722263.jpg", alt: "Sarah Smith"},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
|
title="Pertanyaan Umum"
|
||||||
|
faqs={[
|
||||||
|
{ id: "1", title: "Bagaimana cara memesan?", content: "Hubungi tim sales kami melalui WhatsApp atau email untuk detail spesifikasi." },
|
||||||
|
{ id: "2", title: "Apa standar ekspor?", content: "Produk kami telah melalui uji standar kebersihan internasional." },
|
||||||
|
]}
|
||||||
|
faqsAnimation="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "q1", title: "Bagaimana prosedur ekspornya?", content: "Kami melayani pengiriman internasional dengan persyaratan dokumen ekspor yang lengkap."},
|
|
||||||
{
|
|
||||||
id: "q2", title: "Berapa lama masa simpan?", content: "Produk kami memiliki masa simpan 12 bulan dalam kondisi penyimpanan yang disarankan."},
|
|
||||||
{
|
|
||||||
id: "q3", title: "Apakah ada minimal order?", content: "Minimal order disesuaikan dengan skema pengiriman (FCL atau LCL)."},
|
|
||||||
]}
|
|
||||||
title="Pertanyaan Umum"
|
|
||||||
description="Kami siap menjawab pertanyaan Anda mengenai layanan ekspor."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/jar-pickled-vegetables-marble-surface_114579-57600.jpg"
|
|
||||||
imageAlt="FAQ Background"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
text="Siap Bermitra? Hubungi Tim Kami"
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
text="Siap Bermitra untuk Kebutuhan Bawang Goreng Dunia?"
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "WhatsApp", href: "https://wa.me/628123456789" },
|
||||||
text: "Kirim Pesan WhatsApp", href: "https://wa.me/628123456789"},
|
{ text: "Email", href: "mailto:info@bawangeksport.com" }
|
||||||
{
|
|
||||||
text: "Email Kami", href: "mailto:info@bawangeksport.com"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterBase
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Tentang Kami", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Produk", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "Kontak", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Kebijakan Privasi", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Syarat & Ketentuan", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Dokumentasi Ekspor", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="BawangEksport"
|
logoText="BawangEksport"
|
||||||
|
columns={[
|
||||||
|
{ title: "Navigasi", items: [{ label: "Home", href: "#hero" }, { label: "Tentang", href: "#about" }] },
|
||||||
|
{ title: "Kontak", items: [{ label: "WhatsApp", href: "#contact" }] },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user