Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
205
src/app/page.tsx
205
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kopi Juwara"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Kopi Juwara: Cita Rasa Juara dalam Setiap Tetes"
|
||||
description="Menghadirkan kehangatan kopi pilihan terbaik untuk menyemangati hari-hari Anda dengan kualitas biji kopi autentik."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pesan Sekarang",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Pesan Sekarang", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg?_wi=1",
|
||||
imageAlt: "Kopi 1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg?_wi=1", imageAlt: "Kopi 1"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg?_wi=1",
|
||||
imageAlt: "Kopi 2",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg?_wi=1", imageAlt: "Kopi 2"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699658.jpg",
|
||||
imageAlt: "Kopi 3",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699658.jpg", imageAlt: "Kopi 3"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg",
|
||||
imageAlt: "Kopi 4",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg", imageAlt: "Kopi 4"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg",
|
||||
imageAlt: "Kopi 5",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg", imageAlt: "Kopi 5"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-coffee-filter_23-2148349626.jpg",
|
||||
imageAlt: "Kopi 6",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-coffee-filter_23-2148349626.jpg", imageAlt: "Kopi 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "House Blend",
|
||||
price: "Rp 75.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-with-macarons_140725-27789.jpg",
|
||||
},
|
||||
id: "1", name: "House Blend", price: "Rp 75.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-with-macarons_140725-27789.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arabica Gayo",
|
||||
price: "Rp 95.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg",
|
||||
},
|
||||
id: "2", name: "Arabica Gayo", price: "Rp 95.000", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robusta Temanggung",
|
||||
price: "Rp 65.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black_114579-16631.jpg",
|
||||
},
|
||||
id: "3", name: "Robusta Temanggung", price: "Rp 65.000", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black_114579-16631.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Espresso Roast",
|
||||
price: "Rp 85.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg",
|
||||
},
|
||||
id: "4", name: "Espresso Roast", price: "Rp 85.000", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Single Origin Java",
|
||||
price: "Rp 90.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sugar-bowl-near-cinnamon-sticks-spoon-coffee-beans_23-2148180203.jpg",
|
||||
},
|
||||
id: "5", name: "Single Origin Java", price: "Rp 90.000", imageSrc: "http://img.b2bpic.net/free-photo/sugar-bowl-near-cinnamon-sticks-spoon-coffee-beans_23-2148180203.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cold Brew Kit",
|
||||
price: "Rp 120.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sugar-bowl-coffee-beans-near-cinnamon-sticks-spoon_23-2148180200.jpg",
|
||||
},
|
||||
id: "6", name: "Cold Brew Kit", price: "Rp 120.000", imageSrc: "http://img.b2bpic.net/free-photo/sugar-bowl-coffee-beans-near-cinnamon-sticks-spoon_23-2148180200.jpg"},
|
||||
]}
|
||||
title="Koleksi Kopi Juwara"
|
||||
description="Pilih biji kopi favorit Anda dari berbagai asal dan tingkat sangrai khas kami."
|
||||
@@ -166,32 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Biji Lokal Pilihan",
|
||||
descriptions: [
|
||||
"Dipilih dari petani lokal terbaik dengan standar kualitas tinggi.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
|
||||
imageAlt: "Cocktail on wooden table in the restaurant",
|
||||
},
|
||||
id: "f1", title: "Biji Lokal Pilihan", descriptions: [
|
||||
"Dipilih dari petani lokal terbaik dengan standar kualitas tinggi."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", imageAlt: "Cocktail on wooden table in the restaurant"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Roasting Fresh",
|
||||
descriptions: [
|
||||
"Kami memanggang biji setiap hari untuk kesegaran maksimal.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg?_wi=2",
|
||||
imageAlt: "Cocktail on wooden table in the restaurant",
|
||||
},
|
||||
id: "f2", title: "Roasting Fresh", descriptions: [
|
||||
"Kami memanggang biji setiap hari untuk kesegaran maksimal."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg?_wi=2", imageAlt: "Cocktail on wooden table in the restaurant"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Pengiriman Cepat",
|
||||
descriptions: [
|
||||
"Pesanan Anda dikirim dalam 24 jam dengan kemasan aman.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg?_wi=2",
|
||||
imageAlt: "Cocktail on wooden table in the restaurant",
|
||||
},
|
||||
id: "f3", title: "Pengiriman Cepat", descriptions: [
|
||||
"Pesanan Anda dikirim dalam 24 jam dengan kemasan aman."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg?_wi=2", imageAlt: "Cocktail on wooden table in the restaurant"},
|
||||
]}
|
||||
title="Kenapa Kopi Juwara?"
|
||||
description="Keunggulan kami dalam menghadirkan pengalaman kopi terbaik."
|
||||
@@ -206,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.000+",
|
||||
description: "Pelanggan Setia",
|
||||
},
|
||||
id: "m1", value: "5.000+", description: "Pelanggan Setia"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
description: "Wilayah Sebaran",
|
||||
},
|
||||
id: "m2", value: "15", description: "Wilayah Sebaran"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Proses Cepat",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Proses Cepat"},
|
||||
]}
|
||||
title="Prestasi Kami"
|
||||
description="Capaian kami dalam menyajikan kopi untuk pecinta kopi di Indonesia."
|
||||
@@ -233,40 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Budi Santoso",
|
||||
role: "Barista",
|
||||
testimonial: "Kopi Juwara punya rasa yang unik, sangat segar dan aromatik.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-serving-coffee-cardboard-cups_1303-31762.jpg",
|
||||
},
|
||||
id: "1", name: "Budi Santoso", role: "Barista", testimonial: "Kopi Juwara punya rasa yang unik, sangat segar dan aromatik.", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-serving-coffee-cardboard-cups_1303-31762.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Siti Aminah",
|
||||
role: "Pecinta Kopi",
|
||||
testimonial: "Pengiriman sangat cepat dan kualitas bijinya luar biasa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-attractive-young-woman-with-short-curly-dark-hair-red-lips_291650-524.jpg",
|
||||
},
|
||||
id: "2", name: "Siti Aminah", role: "Pecinta Kopi", testimonial: "Pengiriman sangat cepat dan kualitas bijinya luar biasa.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-attractive-young-woman-with-short-curly-dark-hair-red-lips_291650-524.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Andi Wijaya",
|
||||
role: "Pengusaha",
|
||||
testimonial: "Pilihan kopi yang sangat variatif, cocok untuk teman bekerja.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61148.jpg",
|
||||
},
|
||||
id: "3", name: "Andi Wijaya", role: "Pengusaha", testimonial: "Pilihan kopi yang sangat variatif, cocok untuk teman bekerja.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61148.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dewi Putri",
|
||||
role: "Mahasiswa",
|
||||
testimonial: "Harganya sangat terjangkau dengan kualitas premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg",
|
||||
},
|
||||
id: "4", name: "Dewi Putri", role: "Mahasiswa", testimonial: "Harganya sangat terjangkau dengan kualitas premium.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rudi Hartono",
|
||||
role: "Penikmat",
|
||||
testimonial: "Tidak ada kopi lain yang bisa menandingi aroma Juwara.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-drinking-coffee-while-talking-cell_74855-1553.jpg",
|
||||
},
|
||||
id: "5", name: "Rudi Hartono", role: "Penikmat", testimonial: "Tidak ada kopi lain yang bisa menandingi aroma Juwara.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-drinking-coffee-while-talking-cell_74855-1553.jpg"},
|
||||
]}
|
||||
title="Apa Kata Penikmat Kopi?"
|
||||
description="Pengalaman nyata dari pelanggan setia kami."
|
||||
@@ -274,28 +172,20 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Bagaimana cara memesan?",
|
||||
content: "Anda bisa memesan langsung melalui situs ini atau WhatsApp.",
|
||||
},
|
||||
id: "faq1", title: "Bagaimana cara memesan?", content: "Pemesanan dapat dilakukan melalui website, WhatsApp, atau mengunjungi kedai kopi fisik kami di jam operasional 08.00 - 22.00."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Berapa lama pengiriman?",
|
||||
content: "Kami memproses pesanan setiap hari kerja dengan estimasi 1-3 hari.",
|
||||
},
|
||||
id: "faq2", title: "Apakah tersedia opsi langganan?", content: "Ya, kami menyediakan paket langganan bulanan dengan diskon khusus dan pengiriman terjadwal untuk rumah atau kantor Anda."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Apakah ada garansi biji kopi?",
|
||||
content: "Kami menjamin kualitas biji kopi segar yang kami kirimkan.",
|
||||
},
|
||||
id: "faq3", title: "Bagaimana kebijakan pengembalian?", content: "Jika produk yang diterima rusak atau tidak sesuai, silakan hubungi tim kami dalam 2x24 jam untuk klaim penggantian produk baru."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg"
|
||||
title="Pertanyaan Umum"
|
||||
description="Temukan jawaban atas pertanyaan yang sering diajukan."
|
||||
description="Segala informasi yang perlu Anda ketahui mengenai layanan dan produk Kopi Juwara."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -304,14 +194,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Siap menikmati Kopi Juwara hari ini? Hubungi kami untuk pesanan besar atau konsultasi kopi."
|
||||
variant: "gradient-bars"}}
|
||||
text="Kopi Juwara siap menjadi mitra kopi Anda. Hubungi tim kami untuk kemitraan bisnis, pesanan katering kantor, atau sekadar bertanya tentang kopi pilihan Anda."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Sekarang",
|
||||
href: "#",
|
||||
},
|
||||
text: "WhatsApp Hubungi Kami", href: "#"},
|
||||
{
|
||||
text: "Kirim Email", href: "mailto:info@kopijuwara.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user