bender/fbb6287c-ef40-452e-8733-92dadfb3814d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 15:56:44 +00:00
parent 6d4a8c3132
commit 7f0cbe6c65
1 changed files with 44 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

318
src/app/page.tsx
View File

@@ -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>