bender/2380f725-6c0a-4c3b-a017-4f5ea5452a0b
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-12 00:27:57 +00:00
parent 4ec7fee3b2
commit 46817773ef
1 changed files with 27 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Tentang",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Lokasi",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Tentang", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Lokasi", id: "contact" },
]}
brandName="Ropang Plus"
/>
@@ -56,14 +44,8 @@ export default function LandingPage() {
logoText="Ropang Plus Pemalang"
description="Tempat Nongkrong Nyaman dengan Roti Panggang, Kopi, dan Menu Favorit"
buttons={[
{
text: "Lihat Menu",
href: "#menu",
},
{
text: "Kunjungi Kami",
href: "#contact",
},
{ text: "Lihat Menu", href: "#menu" },
{ text: "Kunjungi Kami", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081452.jpg"
imageAlt="Suasana Cafe Ropang Plus"
@@ -76,14 +58,8 @@ export default function LandingPage() {
title="Tentang Kami"
description="Ropang Plus Pemalang hadir sebagai tempat nongkrong paling cozy di jantung Pemalang. Kami menyajikan roti panggang, kopi premium, dan beragam menu favorit dalam suasana yang hangat dan ramah."
metrics={[
{
value: "2",
title: "Pilihan Layanan",
},
{
value: "100%",
title: "Kenyamanan",
},
{ value: "2", title: "Pilihan Layanan" },
{ value: "100%", title: "Kenyamanan" },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-close-view-fresh-delicious-pancakes-white-plate-cup-black-tea-dark-background_140725-140048.jpg"
mediaAnimation="slide-up"
@@ -97,46 +73,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Kopi terbaik!",
quote: "Tempatnya sangat nyaman, roti panggangnya juara.",
name: "Andi S.",
role: "Pelanggan Setia",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
},
{
id: "2",
title: "Sangat cozy",
quote: "Cocok sekali buat ngerjain tugas atau sekadar nongkrong.",
name: "Siti M.",
role: "Pelajar",
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
},
{
id: "3",
title: "Menu lengkap",
quote: "Varian makanannya banyak, harganya terjangkau banget.",
name: "Budi R.",
role: "Karyawan",
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg",
},
{
id: "4",
title: "Suasana mantap",
quote: "Tempat nongkrong wajib di Pemalang.",
name: "Dewi L.",
role: "Mahasiswa",
imageSrc: "http://img.b2bpic.net/free-photo/millennial-girl-showing-funny-mobile-video-friends-cafe_1163-5148.jpg",
},
{
id: "5",
title: "Fast service",
quote: "Pelayanan cepat dan staffnya ramah sekali.",
name: "Fajar P.",
role: "Traveler",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-restaurant_8353-7821.jpg",
},
{ id: "1", title: "Kopi terbaik!", quote: "Tempatnya sangat nyaman, roti panggangnya juara.", name: "Andi S.", role: "Pelanggan Setia", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg" },
{ id: "2", title: "Sangat cozy", quote: "Cocok sekali buat ngerjain tugas atau sekadar nongkrong.", name: "Siti M.", role: "Pelajar", imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" },
{ id: "3", title: "Menu lengkap", quote: "Varian makanannya banyak, harganya terjangkau banget.", name: "Budi R.", role: "Karyawan", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg" },
{ id: "4", title: "Suasana mantap", quote: "Tempat nongkrong wajib di Pemalang.", name: "Dewi L.", role: "Mahasiswa", imageSrc: "http://img.b2bpic.net/free-photo/millennial-girl-showing-funny-mobile-video-friends-cafe_1163-5148.jpg" },
{ id: "5", title: "Fast service", quote: "Pelayanan cepat dan staffnya ramah sekali.", name: "Fajar P.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-restaurant_8353-7821.jpg" },
]}
title="Apa Kata Pelanggan"
description="Dengan rating 4.6/5 dari 329 ulasan, kami berkomitmen memberikan yang terbaik."
@@ -150,48 +91,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Roti Panggang Coklat Keju",
price: "Rp 25.000",
variant: "Roti Panggang",
imageSrc: "http://img.b2bpic.net/free-photo/carbonara_1203-3620.jpg",
},
{
id: "p2",
name: "Kopi Susu Gula Aren",
price: "Rp 28.000",
variant: "Kopi",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-arrangement_23-2149514292.jpg",
},
{
id: "p3",
name: "Indomie Telur Kornet",
price: "Rp 30.000",
variant: "Indomie",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3961.jpg",
},
{
id: "p4",
name: "Signature Toast",
price: "Rp 35.000",
variant: "Toast",
imageSrc: "http://img.b2bpic.net/free-photo/high-view-delicious-toast-slice-with-cherry-tomatoes_23-2148698637.jpg",
},
{
id: "p5",
name: "Crispy French Fries",
price: "Rp 25.000",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-wooden-trace-with-cheese-assortment-green-olives-chocolate-bars_181624-25472.jpg",
},
{
id: "p6",
name: "Signature Iced Tea",
price: "Rp 27.000",
variant: "Signature Drinks",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg",
},
{ id: "p1", name: "Roti Panggang Coklat Keju", price: "Rp 25.000", variant: "Roti Panggang", imageSrc: "http://img.b2bpic.net/free-photo/carbonara_1203-3620.jpg" },
{ id: "p2", name: "Kopi Susu Gula Aren", price: "Rp 28.000", variant: "Kopi", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-arrangement_23-2149514292.jpg" },
{ id: "p3", name: "Indomie Telur Kornet", price: "Rp 30.000", variant: "Indomie", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3961.jpg" },
{ id: "p4", name: "Signature Toast", price: "Rp 35.000", variant: "Toast", imageSrc: "http://img.b2bpic.net/free-photo/high-view-delicious-toast-slice-with-cherry-tomatoes_23-2148698637.jpg" },
{ id: "p5", name: "Crispy French Fries", price: "Rp 25.000", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/closeup-wooden-trace-with-cheese-assortment-green-olives-chocolate-bars_181624-25472.jpg" },
{ id: "p6", name: "Signature Iced Tea", price: "Rp 27.000", variant: "Signature Drinks", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg" },
]}
title="Menu Favorit"
description="Cicipi kelezatan sajian signature kami setiap hari."
@@ -200,39 +105,13 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "g1",
label: "Area Indoor",
title: "Interior Minimalis",
items: [
"Nyaman",
"AC Dingin",
"Free WiFi",
],
},
{
id: "g2",
label: "Produksi",
title: "Barista Handal",
items: [
"Kopi Berkualitas",
"Manual Brew",
"Signature Recipes",
],
},
{
id: "g3",
label: "Vibe",
title: "Tempat Nongkrong",
items: [
"Musik Santai",
"Ramah Komunitas",
"Selfie Spot",
],
},
{ id: "g1", label: "Area Indoor", title: "Interior Minimalis", items: ["Nyaman", "AC Dingin", "Free WiFi"] },
{ id: "g2", label: "Produksi", title: "Barista Handal", items: ["Kopi Berkualitas", "Manual Brew", "Signature Recipes"] },
{ id: "g3", label: "Vibe", title: "Tempat Nongkrong", items: ["Musik Santai", "Ramah Komunitas", "Selfie Spot"] },
]}
title="Galeri Cafe"
description="Intip suasana hangat dan kenyamanan di Ropang Plus Pemalang."
@@ -245,48 +124,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "address",
title: "Alamat",
price: "Jl. Jend. Sudirman",
period: "No.267, Mulyoharjo",
features: [
"Kec. Pemalang",
"Jawa Tengah",
],
button: {
text: "Lihat Lokasi",
},
imageSrc: "http://img.b2bpic.net/free-photo/three-paneled-window-with-beautiful-view-sunset-outside_181624-20122.jpg",
},
{
id: "range",
title: "Harga",
price: "Rp 25.000",
period: "– Rp 50.000",
features: [
"Per Orang",
"Harga Bersahabat",
],
button: {
text: "Lihat Menu",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cafe-wooden-table-with-jar-decorative-flowers-against-blurred-background_181624-59999.jpg",
},
{
id: "contact",
title: "Kontak",
price: "0813-1396-1766",
period: "WhatsApp",
features: [
"Buka Setiap Hari",
"Respon Cepat",
],
button: {
text: "Hubungi Kami",
},
imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg",
},
{ id: "address", title: "Alamat", price: "Jl. Jend. Sudirman", period: "No.267, Mulyoharjo", features: ["Kec. Pemalang", "Jawa Tengah"], button: { text: "Lihat Lokasi" }, imageSrc: "http://img.b2bpic.net/free-photo/three-paneled-window-with-beautiful-view-sunset-outside_181624-20122.jpg" },
{ id: "range", title: "Harga", price: "Rp 25.000", period: "– Rp 50.000", features: ["Per Orang", "Harga Bersahabat"], button: { text: "Lihat Menu" }, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cafe-wooden-table-with-jar-decorative-flowers-against-blurred-background_181624-59999.jpg" },
{ id: "contact", title: "Kontak", price: "0813-1396-1766", period: "WhatsApp", features: ["Buka Setiap Hari", "Respon Cepat"], button: { text: "Hubungi Kami" }, imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg" },
]}
title="Informasi Cafe"
description="Lokasi kami yang strategis di Pemalang."
@@ -296,9 +136,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Reservasi & Hubungi Kami"
description="Tertarik reservasi meja atau punya pertanyaan? Hubungi kami sekarang."
tag="Kontak"