bender/03333b6f-c8e6-41de-b81a-57bfd8389bc0
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-06-02 11:03:46 +00:00
parent c74116dbcf
commit 65610cee8e
1 changed files with 67 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

322
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Beranda",
id: "#home",
},
name: "Beranda", id: "#home"},
{
name: "Tentang Kami",
id: "#tentang-kami",
},
name: "Tentang Kami", id: "#tentang-kami"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Testimoni",
id: "#testimoni",
},
name: "Testimoni", id: "#testimoni"},
{
name: "Kontak",
id: "#kontak",
},
name: "Kontak", id: "#kontak"},
]}
logoSrc="http://img.b2bpic.net/free-vector/chicks-cute-mascot-logo_530521-1493.jpg"
logoAlt="Logo Saraso Fried Chicken Solok"
@@ -64,42 +54,21 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Rasa Tak Terlupakan, Saraso Fried Chicken Solok"
description="Nikmati kelezatan ayam goreng renyah dan juicy dengan bumbu khas racikan Saraso. Pilihan sempurna untuk setiap momen spesial Anda!"
tag="Lezatnya Ayam Goreng Khas Solok"
buttons={[
{
text: "Pesan Sekarang",
href: "#kontak",
},
text: "Pesan Sekarang", href: "#kontak"},
{
text: "Lihat Menu Lengkap",
href: "#menu",
},
text: "Lihat Menu Lengkap", href: "#menu"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454894.jpg?_wi=1",
imageAlt: "Kombo Ayam Goreng Saraso",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454894.jpg", imageAlt: "Kombo Ayam Goreng Saraso"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg?_wi=1",
imageAlt: "Pelanggan bahagia menikmati ayam goreng",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-fried-chicken-wings-long-white-tray_181624-1735.jpg",
imageAlt: "Close shot of fried chicken wings on a long white tray",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/breaded-chicken-legs-served-with-sauces_140725-5736.jpg",
imageAlt: "Breaded chicken legs served with sauces",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ketchup-near-grilled-wings_23-2147717013.jpg",
imageAlt: "Ketchup near grilled wings",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg", imageAlt: "Pelanggan bahagia menikmati ayam goreng"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -114,17 +83,11 @@ export default function LandingPage() {
description="Berawal dari resep keluarga turun-temurun, Saraso Fried Chicken Solok hadir membawa cita rasa autentik dan kehangatan tradisi. Kami berkomitmen menyajikan ayam goreng berkualitas tinggi, renyah di luar, juicy di dalam, dengan bumbu rahasia yang tak tertandingi."
metrics={[
{
value: "20+",
title: "Tahun Berpengalaman",
},
value: "20+", title: "Tahun Berpengalaman"},
{
value: "5 Bintang",
title: "Ulasan Pelanggan",
},
value: "5 Bintang", title: "Ulasan Pelanggan"},
{
value: "100%",
title: "Ayam Segar Lokal",
},
value: "100%", title: "Ayam Segar Lokal"},
]}
tag="Tentang Saraso"
imageSrc="http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg"
@@ -141,79 +104,52 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Ayam Segar Pilihan",
description: "Setiap potong ayam dipilih dari pemasok lokal terpercaya, memastikan kualitas dan kesegaran maksimal.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stuffing-turkey_23-2148652157.jpg",
imageAlt: "Ayam segar",
},
title: "Ayam Segar Pilihan", description: "Setiap potong ayam dipilih dari pemasok lokal terpercaya, memastikan kualitas dan kesegaran maksimal.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stuffing-turkey_23-2148652157.jpg", imageAlt: "Ayam segar"},
items: [
{
icon: CheckCircle,
text: "Kualitas Terjamin",
},
text: "Kualitas Terjamin"},
{
icon: Package,
text: "Diproses Higenis",
},
text: "Diproses Higenis"},
{
icon: Shield,
text: "Standar Tinggi",
},
text: "Standar Tinggi"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-vector/chicks-cute-mascot-logo_530521-1493.jpg",
imageAlt: "fresh raw chicken meat farm",
},
{
title: "Bumbu Rahasia Khas Solok",
description: "Resep bumbu turun-temurun dengan rempah pilihan menciptakan rasa ayam goreng yang unik dan otentik.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/spices-spice-wooden-spoon-herbs-curry-saffron-turmeric_1212-860.jpg",
imageAlt: "Remah-rempah rahasia",
},
title: "Bumbu Rahasia Khas Solok", description: "Resep bumbu turun-temurun dengan rempah pilihan menciptakan rasa ayam goreng yang unik dan otentik.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/spices-spice-wooden-spoon-herbs-curry-saffron-turmeric_1212-860.jpg", imageAlt: "Remah-rempah rahasia"},
items: [
{
icon: Star,
text: "Rasa Autentik",
},
text: "Rasa Autentik"},
{
icon: Award,
text: "Bumbu Premium",
},
text: "Bumbu Premium"},
{
icon: Lightbulb,
text: "Inovasi Rasa",
},
text: "Inovasi Rasa"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454894.jpg?_wi=2",
imageAlt: "fresh raw chicken meat farm",
},
{
title: "Pelayanan Cepat & Ramah",
description: "Tim kami siap melayani Anda dengan senyum dan kecepatan, memastikan pesanan Anda tiba dalam waktu singkat.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/waiter-black-cap-giving-burger-pretty-lady-eyeglasses-which-sitting-table-cafe_574295-3422.jpg",
imageAlt: "Pelayan ramah",
},
title: "Pelayanan Cepat & Ramah", description: "Tim kami siap melayani Anda dengan senyum dan kecepatan, memastikan pesanan Anda tiba dalam waktu singkat.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/waiter-black-cap-giving-burger-pretty-lady-eyeglasses-which-sitting-table-cafe_574295-3422.jpg", imageAlt: "Pelayan ramah"},
items: [
{
icon: Zap,
text: "Respons Cepat",
},
text: "Respons Cepat"},
{
icon: Smile,
text: "Staf Bersahabat",
},
text: "Staf Bersahabat"},
{
icon: Timer,
text: "Pengiriman Efisien",
},
text: "Pengiriman Efisien"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg?_wi=2",
imageAlt: "fresh raw chicken meat farm",
},
]}
title="Mengapa Saraso Selalu Menjadi Pilihan Terbaik?"
@@ -229,65 +165,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Saraso",
name: "Ayam Original",
price: "Rp 15.000",
rating: 5,
reviewCount: "1.234",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-tray-with-sauces-green-onions-lemon_23-2148699079.jpg",
imageAlt: "Ayam Original Saraso",
},
id: "1", brand: "Saraso", name: "Ayam Original", price: "Rp 15.000", rating: 5,
reviewCount: "1.234", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-tray-with-sauces-green-onions-lemon_23-2148699079.jpg", imageAlt: "Ayam Original Saraso"},
{
id: "2",
brand: "Saraso",
name: "Ayam Pedas",
price: "Rp 17.000",
rating: 5,
reviewCount: "987",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-bbq-chicken-wings-with-ketchup-dip_84443-72269.jpg",
imageAlt: "Ayam Pedas Saraso",
},
id: "2", brand: "Saraso", name: "Ayam Pedas", price: "Rp 17.000", rating: 5,
reviewCount: "987", imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-bbq-chicken-wings-with-ketchup-dip_84443-72269.jpg", imageAlt: "Ayam Pedas Saraso"},
{
id: "3",
brand: "Saraso",
name: "Paket Kenyang",
price: "Rp 25.000",
rating: 5,
reviewCount: "876",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-american-food-with-copy-space_23-2148454941.jpg",
imageAlt: "Paket Kenyang Saraso",
},
id: "3", brand: "Saraso", name: "Paket Kenyang", price: "Rp 25.000", rating: 5,
reviewCount: "876", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-american-food-with-copy-space_23-2148454941.jpg", imageAlt: "Paket Kenyang Saraso"},
{
id: "4",
brand: "Saraso",
name: "Nasi Putih",
price: "Rp 5.000",
rating: 5,
reviewCount: "1.500",
imageSrc: "http://img.b2bpic.net/free-photo/rice-bowl_1387-181.jpg",
imageAlt: "Nasi Putih",
},
id: "4", brand: "Saraso", name: "Nasi Putih", price: "Rp 5.000", rating: 5,
reviewCount: "1.500", imageSrc: "http://img.b2bpic.net/free-photo/rice-bowl_1387-181.jpg", imageAlt: "Nasi Putih"},
{
id: "5",
brand: "Saraso",
name: "Kentang Goreng",
price: "Rp 10.000",
rating: 5,
reviewCount: "750",
imageSrc: "http://img.b2bpic.net/free-photo/unprepared-fresh-macaroni-dark-plate_114579-76474.jpg",
imageAlt: "Kentang Goreng",
},
id: "5", brand: "Saraso", name: "Kentang Goreng", price: "Rp 10.000", rating: 5,
reviewCount: "750", imageSrc: "http://img.b2bpic.net/free-photo/unprepared-fresh-macaroni-dark-plate_114579-76474.jpg", imageAlt: "Kentang Goreng"},
{
id: "6",
brand: "Saraso",
name: "Minuman Segar",
price: "Rp 7.000",
rating: 5,
reviewCount: "1.100",
imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-glass-jar-with-popsicle-around_114579-10098.jpg",
imageAlt: "Minuman Segar",
},
id: "6", brand: "Saraso", name: "Minuman Segar", price: "Rp 7.000", rating: 5,
reviewCount: "1.100", imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-glass-jar-with-popsicle-around_114579-10098.jpg", imageAlt: "Minuman Segar"},
]}
title="Menu Andalan Kami"
description="Jelajahi beragam pilihan menu ayam goreng dan hidangan pelengkap yang siap memanjakan lidah Anda."
@@ -301,49 +195,19 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Siti Aminah",
handle: "@siti.foodie",
testimonial: "Ayam goreng Saraso memang juaranya! Renyah di luar, juicy di dalam, bumbunya meresap sempurna. Jadi favorit keluarga!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
imageAlt: "Foto Siti Aminah",
icon: Star,
id: "1", name: "Siti Aminah", handle: "@siti.foodie", testimonial: "Ayam goreng Saraso memang juaranya! Renyah di luar, juicy di dalam, bumbunya meresap sempurna. Jadi favorit keluarga!", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", imageAlt: "Foto Siti Aminah", icon: Star,
},
{
id: "2",
name: "Budi Santoso",
handle: "@budi.kuliner",
testimonial: "Setiap kali ke Solok, pasti mampir ke Saraso. Pelayanannya cepat, rasanya konsisten enak, dan harganya pas di kantong. Rekomen banget!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-paper-food-package-light-pink-wall_140725-45788.jpg",
imageAlt: "Foto Budi Santoso",
icon: ThumbsUp,
id: "2", name: "Budi Santoso", handle: "@budi.kuliner", testimonial: "Setiap kali ke Solok, pasti mampir ke Saraso. Pelayanannya cepat, rasanya konsisten enak, dan harganya pas di kantong. Rekomen banget!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-paper-food-package-light-pink-wall_140725-45788.jpg", imageAlt: "Foto Budi Santoso", icon: ThumbsUp,
},
{
id: "3",
name: "Dewi Lestari",
handle: "@dewi.makan",
testimonial: "Saraso Fried Chicken punya bumbu khas yang beda dari yang lain. Nagih banget! Anak-anak juga suka, selalu minta nambah.",
imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121339.jpg",
imageAlt: "Foto Dewi Lestari",
icon: Heart,
id: "3", name: "Dewi Lestari", handle: "@dewi.makan", testimonial: "Saraso Fried Chicken punya bumbu khas yang beda dari yang lain. Nagih banget! Anak-anak juga suka, selalu minta nambah.", imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121339.jpg", imageAlt: "Foto Dewi Lestari", icon: Heart,
},
{
id: "4",
name: "Keluarga Rahman",
handle: "@rahman.family",
testimonial: "Paket keluarga Saraso selalu jadi penyelamat di kala lapar melanda. Porsinya banyak, rasanya mantap, dan semua happy!",
imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-thanksgiving-day-dinner-table_23-2149082400.jpg",
imageAlt: "Foto Keluarga Rahman",
icon: Smile,
id: "4", name: "Keluarga Rahman", handle: "@rahman.family", testimonial: "Paket keluarga Saraso selalu jadi penyelamat di kala lapar melanda. Porsinya banyak, rasanya mantap, dan semua happy!", imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-thanksgiving-day-dinner-table_23-2149082400.jpg", imageAlt: "Foto Keluarga Rahman", icon: Smile,
},
{
id: "5",
name: "Faisal & Nia",
handle: "@faisal.nia.date",
testimonial: "Kencan seru ditemani Saraso Fried Chicken. Suasana nyaman, makanan enak, jadi momen tak terlupakan bareng pasangan.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-valentines-day-morning_23-2148383132.jpg",
imageAlt: "Foto Faisal dan Nia",
icon: Pizza,
id: "5", name: "Faisal & Nia", handle: "@faisal.nia.date", testimonial: "Kencan seru ditemani Saraso Fried Chicken. Suasana nyaman, makanan enak, jadi momen tak terlupakan bareng pasangan.", imageSrc: "http://img.b2bpic.net/free-photo/couple-valentines-day-morning_23-2148383132.jpg", imageAlt: "Foto Faisal dan Nia", icon: Pizza,
},
]}
title="Apa Kata Pelanggan Kami?"
@@ -356,14 +220,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"GoFood",
"GrabFood",
"ShopeeFood",
"Tokopedia",
"Traveloka Eats",
"OVO",
"LinkAja",
]}
"GoFood", "GrabFood", "ShopeeFood", "Tokopedia", "Traveloka Eats", "OVO", "LinkAja"]}
title="Telah Dipercaya oleh Ribuan Pelanggan"
description="Kami bangga menjadi bagian dari momen kebahagiaan Anda. Saraso Fried Chicken, pilihan keluarga Indonesia."
/>
@@ -375,20 +232,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Di mana lokasi Saraso Fried Chicken Solok?",
content: "Kami berlokasi strategis di pusat kota Solok, mudah dijangkau dari berbagai arah. Silakan lihat peta di bagian bawah halaman untuk detail lengkap.",
},
id: "1", title: "Di mana lokasi Saraso Fried Chicken Solok?", content: "Kami berlokasi strategis di pusat kota Solok, mudah dijangkau dari berbagai arah. Silakan lihat peta di bagian bawah halaman untuk detail lengkap."},
{
id: "2",
title: "Apa saja jam operasional Saraso Fried Chicken Solok?",
content: "Kami buka setiap hari dari pukul 10.00 pagi hingga 10.00 malam, siap melayani Anda untuk makan siang dan makan malam.",
},
id: "2", title: "Apa saja jam operasional Saraso Fried Chicken Solok?", content: "Kami buka setiap hari dari pukul 10.00 pagi hingga 10.00 malam, siap melayani Anda untuk makan siang dan makan malam."},
{
id: "3",
title: "Apakah tersedia layanan pesan antar?",
content: "Ya, kami menyediakan layanan pesan antar melalui aplikasi GoFood, GrabFood, dan ShopeeFood. Anda juga bisa memesan langsung melalui kontak kami.",
},
id: "3", title: "Apakah tersedia layanan pesan antar?", content: "Ya, kami menyediakan layanan pesan antar melalui aplikasi GoFood, GrabFood, dan ShopeeFood. Anda juga bisa memesan langsung melalui kontak kami."},
]}
imageSrc="http://img.b2bpic.net/free-photo/image-asian-woman-office-talks-cellphone-discuss-work-with-client-mobile-phone-sits_1258-167974.jpg"
imageAlt="Staf Saraso Fried Chicken melayani pelanggan"
@@ -407,27 +255,16 @@ export default function LandingPage() {
description="Punya pertanyaan, kritik, atau saran? Jangan ragu untuk menghubungi tim Saraso Fried Chicken Solok. Kami siap melayani Anda."
inputs={[
{
name: "nama",
type: "text",
placeholder: "Nama Lengkap Anda",
required: true,
name: "nama", type: "text", placeholder: "Nama Lengkap Anda", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Anda",
required: true,
name: "email", type: "email", placeholder: "Email Anda", required: true,
},
{
name: "telepon",
type: "tel",
placeholder: "Nomor Telepon Anda",
},
name: "telepon", type: "tel", placeholder: "Nomor Telepon Anda"},
]}
textarea={{
name: "pesan",
placeholder: "Pesan Anda",
rows: 4,
name: "pesan", placeholder: "Pesan Anda", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/top-view-traveling-tools-map_23-2148300665.jpg"
@@ -442,62 +279,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Ayam Original",
href: "#menu",
},
label: "Ayam Original", href: "#menu"},
{
label: "Ayam Pedas",
href: "#menu",
},
label: "Ayam Pedas", href: "#menu"},
{
label: "Paket Kenyang",
href: "#menu",
},
label: "Paket Kenyang", href: "#menu"},
{
label: "Lainnya",
href: "#menu",
},
label: "Lainnya", href: "#menu"},
],
},
{
title: "Layanan",
items: [
title: "Layanan", items: [
{
label: "Pesan Antar",
href: "#kontak",
},
label: "Pesan Antar", href: "#kontak"},
{
label: "Reservasi",
href: "#kontak",
},
label: "Reservasi", href: "#kontak"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Tentang Kami",
href: "#tentang-kami",
},
label: "Tentang Kami", href: "#tentang-kami"},
],
},
{
title: "Ikuti Kami",
items: [
title: "Ikuti Kami", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "TikTok",
href: "#",
},
label: "TikTok", href: "#"},
],
},
]}