Update src/app/page.tsx
This commit is contained in:
318
src/app/page.tsx
318
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Process", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Romansa Kopi"
|
||||
/>
|
||||
@@ -62,70 +47,20 @@ export default function LandingPage() {
|
||||
title="Seni Menyeduh Kebahagiaan"
|
||||
description="Temukan keajaiban dalam setiap tetes kopi pilihan yang diracik khusus untuk memikat hati dan indera Anda."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmad",
|
||||
handle: "@ahmad_coffee",
|
||||
testimonial: "Kopi terbaik yang pernah saya coba!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Siti",
|
||||
handle: "@siti_brew",
|
||||
testimonial: "Pengalaman ngopi yang sangat otentik.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-hispanic-young-woman-with-ribbon-enjoying-coffee-autumn-day_197531-5732.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Budi",
|
||||
handle: "@budi_brew",
|
||||
testimonial: "Rasanya sangat kaya dan aromatik.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-drinks-coffee-eats-sugar-table-bright-cafe_8353-1380.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Dewi",
|
||||
handle: "@dewi_coffee",
|
||||
testimonial: "Kopi favorit saya untuk pagi hari.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-enjoying-coffee_23-2148317286.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Eko",
|
||||
handle: "@eko_roaster",
|
||||
testimonial: "Konsistensi rasa yang luar biasa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-bearded-male-sitting-near-coffee-shop-with-cup-coffee-using-smartphone_613910-5682.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Ahmad", handle: "@ahmad_coffee", testimonial: "Kopi terbaik yang pernah saya coba!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg" },
|
||||
{ name: "Siti", handle: "@siti_brew", testimonial: "Pengalaman ngopi yang sangat otentik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-hispanic-young-woman-with-ribbon-enjoying-coffee-autumn-day_197531-5732.jpg" },
|
||||
{ name: "Budi", handle: "@budi_brew", testimonial: "Rasanya sangat kaya dan aromatik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-drinks-coffee-eats-sugar-table-bright-cafe_8353-1380.jpg" },
|
||||
{ name: "Dewi", handle: "@dewi_coffee", testimonial: "Kopi favorit saya untuk pagi hari.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-enjoying-coffee_23-2148317286.jpg" },
|
||||
{ name: "Eko", handle: "@eko_roaster", testimonial: "Konsistensi rasa yang luar biasa.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-bearded-male-sitting-near-coffee-shop-with-cup-coffee-using-smartphone_613910-5682.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Koleksi",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=1"
|
||||
buttons={[{ text: "Lihat Koleksi", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
alt: "Happy coffee enthusiast",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
alt: "Smiling coffee drinker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg",
|
||||
alt: "Relaxed coffee lover",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
|
||||
alt: "Coffee shop visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-brunette-asian-woman-stylish-trench-coat-red-dress-beret-smiles-sincerely-holds-eyeglasses-talks-phone-street-cafe_197531-29288.jpg",
|
||||
alt: "Cheerful barista customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", alt: "Happy coffee enthusiast" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", alt: "Smiling coffee drinker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg", alt: "Relaxed coffee lover" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg", alt: "Coffee shop visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-brunette-asian-woman-stylish-trench-coat-red-dress-beret-smiles-sincerely-holds-eyeglasses-talks-phone-street-cafe_197531-29288.jpg", alt: "Cheerful barista customer" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,7 +73,7 @@ export default function LandingPage() {
|
||||
description="Kami memilih biji kopi terbaik langsung dari petani lokal untuk menjaga kesegaran dan rasa yang autentik."
|
||||
subdescription="Seni menyeduh kopi bukan hanya soal rasa, tapi tentang menghargai perjalanan biji dari kebun hingga ke cangkir Anda."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,42 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "House Blend",
|
||||
price: "Rp 95.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ethiopia Yirg",
|
||||
price: "Rp 120.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-close-roasted-burlap-caffeine_1172-318.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sumatra Mandheling",
|
||||
price: "Rp 110.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-bags-with-labels-filled-with-coffee-beans_23-2148441224.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brazil Santos",
|
||||
price: "Rp 105.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-powder-wooden-spoons_114579-20014.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Colombia Supremo",
|
||||
price: "Rp 115.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762372.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Arabica Gold",
|
||||
price: "Rp 125.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-beans-scattered-from-package_169016-18438.jpg",
|
||||
},
|
||||
{ id: "1", name: "House Blend", price: "Rp 95.000", imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg" },
|
||||
{ id: "2", name: "Ethiopia Yirg", price: "Rp 120.000", imageSrc: "http://img.b2bpic.net/free-photo/black-close-roasted-burlap-caffeine_1172-318.jpg" },
|
||||
{ id: "3", name: "Sumatra Mandheling", price: "Rp 110.000", imageSrc: "http://img.b2bpic.net/free-photo/paper-bags-with-labels-filled-with-coffee-beans_23-2148441224.jpg" },
|
||||
{ id: "4", name: "Brazil Santos", price: "Rp 105.000", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-powder-wooden-spoons_114579-20014.jpg" },
|
||||
{ id: "5", name: "Colombia Supremo", price: "Rp 115.000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762372.jpg" },
|
||||
{ id: "6", name: "Arabica Gold", price: "Rp 125.000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-beans-scattered-from-package_169016-18438.jpg" }
|
||||
]}
|
||||
title="Koleksi Signature"
|
||||
description="Pilihan biji kopi terbaik kami yang dipanggang dengan penuh ketelitian."
|
||||
@@ -197,28 +102,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Biji Pilihan",
|
||||
description: "Varietas kopi lokal",
|
||||
icon: Check,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Cangkir Terhidang",
|
||||
description: "Kepuasan pelanggan",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Tahun Pengalaman",
|
||||
description: "Dedikasi sangrai",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Biji Pilihan", description: "Varietas kopi lokal", icon: Check },
|
||||
{ id: "m2", value: "5000+", title: "Cangkir Terhidang", description: "Kepuasan pelanggan", icon: Coffee },
|
||||
{ id: "m3", value: "10+", title: "Tahun Pengalaman", description: "Dedikasi sangrai", icon: Award }
|
||||
]}
|
||||
title="Dedikasi Kami"
|
||||
description="Angka yang mencerminkan kecintaan kami pada kopi."
|
||||
@@ -231,66 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Pemilihan Biji",
|
||||
description: "Hanya biji terbaik yang lolos seleksi.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans-coffee-bean-shaped-cookies_114579-6544.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sortir manual",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Kadar air ideal",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=2",
|
||||
imageAlt: "arabica coffee beans bag premium",
|
||||
},
|
||||
{
|
||||
title: "Sangrai Presisi",
|
||||
description: "Tingkat kematangan yang terjaga.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-that-carry-coffee-beans_1150-5773.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Profil roasting konsisten",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pendinginan cepat",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg?_wi=2",
|
||||
imageAlt: "arabica coffee beans bag premium",
|
||||
},
|
||||
{
|
||||
title: "Kemasan Segar",
|
||||
description: "Menjaga aroma dan rasa.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116661.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Seal anti udara",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Valve satu arah",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg?_wi=2",
|
||||
imageAlt: "arabica coffee beans bag premium",
|
||||
},
|
||||
{ title: "Pemilihan Biji", description: "Hanya biji terbaik yang lolos seleksi.", media: { imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans-coffee-bean-shaped-cookies_114579-6544.jpg" }, items: [{ icon: CheckCircle, text: "Sortir manual" }, { icon: CheckCircle, text: "Kadar air ideal" }], reverse: false },
|
||||
{ title: "Sangrai Presisi", description: "Tingkat kematangan yang terjaga.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hands-that-carry-coffee-beans_1150-5773.jpg" }, items: [{ icon: CheckCircle, text: "Profil roasting konsisten" }, { icon: CheckCircle, text: "Pendinginan cepat" }], reverse: true },
|
||||
{ title: "Kemasan Segar", description: "Menjaga aroma dan rasa.", media: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116661.jpg" }, items: [{ icon: CheckCircle, text: "Seal anti udara" }, { icon: CheckCircle, text: "Valve satu arah" }], reverse: false }
|
||||
]}
|
||||
title="Proses Sangrai Sempurna"
|
||||
description="Rahasia di balik rasa kopi Romansa Kopi yang tiada duanya."
|
||||
@@ -299,49 +130,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Budi",
|
||||
handle: "@budi_brew",
|
||||
testimonial: "Rasanya sangat kaya dan aromatik.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dewi",
|
||||
handle: "@dewi_coffee",
|
||||
testimonial: "Kopi favorit saya untuk pagi hari.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-hispanic-young-woman-with-ribbon-enjoying-coffee-autumn-day_197531-5732.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Eko",
|
||||
handle: "@eko_roaster",
|
||||
testimonial: "Konsistensi rasa yang luar biasa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-drinks-coffee-eats-sugar-table-bright-cafe_8353-1380.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Farah",
|
||||
handle: "@farah_drink",
|
||||
testimonial: "Pengemasan sangat rapi dan eksklusif.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-enjoying-coffee_23-2148317286.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gita",
|
||||
handle: "@gita_caffeine",
|
||||
testimonial: "Terbaik di kotanya!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-bearded-male-sitting-near-coffee-shop-with-cup-coffee-using-smartphone_613910-5682.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Budi", handle: "@budi_brew", testimonial: "Rasanya sangat kaya dan aromatik.", rating: 5 },
|
||||
{ id: "2", name: "Dewi", handle: "@dewi_coffee", testimonial: "Kopi favorit saya untuk pagi hari.", rating: 5 },
|
||||
{ id: "3", name: "Eko", handle: "@eko_roaster", testimonial: "Konsistensi rasa yang luar biasa.", rating: 5 },
|
||||
{ id: "4", name: "Farah", handle: "@farah_drink", testimonial: "Pengemasan sangat rapi dan eksklusif.", rating: 5 },
|
||||
{ id: "5", name: "Gita", handle: "@gita_caffeine", testimonial: "Terbaik di kotanya!", rating: 5 }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Apa Kata Mereka"
|
||||
@@ -353,21 +150,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Berapa lama pengiriman?",
|
||||
content: "Biasanya 2-3 hari kerja tergantung lokasi.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Apakah ada grosir?",
|
||||
content: "Tentu, silakan hubungi kami untuk info grosir.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bagaimana cara menyeduh?",
|
||||
content: "Kami sarankan gunakan suhu 90-95 derajat Celcius.",
|
||||
},
|
||||
{ id: "f1", title: "Berapa lama pengiriman?", content: "Biasanya 2-3 hari kerja tergantung lokasi." },
|
||||
{ id: "f2", title: "Apakah ada grosir?", content: "Tentu, silakan hubungi kami untuk info grosir." },
|
||||
{ id: "f3", title: "Bagaimana cara menyeduh?", content: "Kami sarankan gunakan suhu 90-95 derajat Celcius." }
|
||||
]}
|
||||
sideTitle="Ada Pertanyaan?"
|
||||
sideDescription="Kami siap membantu menjawab seputar kopi."
|
||||
@@ -378,16 +163,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Siap menikmati pengalaman kopi yang sesungguhnya?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Hubungi Kami",
|
||||
href: "mailto:hello@romansakopi.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Hubungi Kami", href: "mailto:hello@romansakopi.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -396,16 +174,8 @@ export default function LandingPage() {
|
||||
logoText="Romansa Kopi"
|
||||
copyrightText="© 2025 Romansa Kopi. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user