Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 18adc71654 | |||
| bb7e1aaa52 | |||
| db02ee9e62 | |||
| 206f79e8a0 |
292
src/app/page.tsx
292
src/app/page.tsx
@@ -9,7 +9,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Clock, Coffee, Flame, Wallet, Wifi } from "lucide-react";
|
||||
import { Clock, Coffee, Flame, Wallet, Wifi, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Wizzmie Palu"
|
||||
/>
|
||||
@@ -56,88 +41,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mie Viral yang Bikin Balik Lagi & Lagi 🔥"
|
||||
description="Enak, murah, cozy — combo sempurna buat nongkrong, belajar, atau sekadar ngisi perut. Dompet tipis? Tenang, perut tetap bahagia di sini!"
|
||||
description="Jl. Chairil Anwar No.6, Palu | Buka sampai 22:00. Mie viral yang bikin balik lagi! Tempat nongkrong cozy dengan harga ramah kantong."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Varian Mie",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Mie Terjual",
|
||||
},
|
||||
{
|
||||
value: "4.9⭐",
|
||||
label: "Rating Google",
|
||||
},
|
||||
{ value: "25k - 50k", label: "Range Harga" },
|
||||
{ value: "0811-4539-155", label: "WhatsApp" },
|
||||
{ value: "22:00", label: "Jam Operasional" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Datang Sekarang",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order WhatsApp",
|
||||
href: "https://wa.me/628123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Datang Sekarang", href: "#contact" }, { text: "Order WhatsApp", href: "https://wa.me/628114539155" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-shot-multiethnic-beautiful-women-cooperate-together_273609-28693.jpg"
|
||||
imageAlt="Suasana Wizzmie Palu yang cozy"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-rocks_23-2149462132.jpg",
|
||||
alt: "Pelanggan 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-7266.jpg",
|
||||
alt: "Pelanggan 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-coffee-night-out_23-2149144024.jpg",
|
||||
alt: "Pelanggan 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22342.jpg",
|
||||
alt: "Pelanggan 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg",
|
||||
alt: "Pelanggan 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Bergabung dengan 10.000+ pelanggan puas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mie Pedas",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Harga Pelajar",
|
||||
icon: Wallet,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tempat Cozy",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "WiFi Kencang",
|
||||
icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Buka Tiap Hari",
|
||||
icon: Clock,
|
||||
},
|
||||
{ type: "text-icon", text: "Jl. Chairil Anwar No.6", icon: MapPin },
|
||||
{ type: "text-icon", text: "0811-4539-155", icon: Phone },
|
||||
{ type: "text-icon", text: "Buka s/d 22:00", icon: Clock },
|
||||
{ type: "text-icon", text: "Rp 25.000 - 50.000", icon: Wallet },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,26 +67,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Nongkrong Asik, ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/girl-playing-guitar-front-view_23-2149835627.jpg",
|
||||
alt: "Cozy Corner",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Kantong Tetap Cantik.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{ type: "text", content: "Lokasi Strategis di Palu, " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/girl-playing-guitar-front-view_23-2149835627.jpg", alt: "Cozy Corner" },
|
||||
{ type: "text", content: " Harga Mahasiswa." },
|
||||
]}
|
||||
buttons={[{ text: "Lihat Menu", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,51 +82,13 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mie Viral Spesial",
|
||||
price: "Rp 15.000",
|
||||
variant: "Spicy Level 1-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-asian-food-soy-sauce_23-2149013680.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mie Keju Lumer",
|
||||
price: "Rp 18.000",
|
||||
variant: "Creamy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-asian-noodles-with-fried-egg-chili-dark-background_84443-72381.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mie Ayam Jamur",
|
||||
price: "Rp 16.000",
|
||||
variant: "Original",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-ramen-concept_23-2148678750.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mie Carbonara",
|
||||
price: "Rp 20.000",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-halves-grapefruit-plate_23-2148306993.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dimsum Mix",
|
||||
price: "Rp 12.000",
|
||||
variant: "Snack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ramen-soup-bowl_23-2148368672.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Es Teh Manis Jumbo",
|
||||
price: "Rp 5.000",
|
||||
variant: "Refresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571733.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mie Viral Spesial", price: "Rp 25.000", variant: "Spicy Level 1-5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-asian-food-soy-sauce_23-2149013680.jpg" },
|
||||
{ id: "2", name: "Mie Keju Lumer", price: "Rp 30.000", variant: "Creamy", imageSrc: "http://img.b2bpic.net/free-photo/spicy-asian-noodles-with-fried-egg-chili-dark-background_84443-72381.jpg" },
|
||||
{ id: "3", name: "Mie Ayam Jamur", price: "Rp 28.000", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-ramen-concept_23-2148678750.jpg" },
|
||||
{ id: "4", name: "Mie Carbonara", price: "Rp 50.000", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-halves-grapefruit-plate_23-2148306993.jpg" }
|
||||
]}
|
||||
title="Menu Viral yang Wajib Dicoba"
|
||||
description="Siap-siap ketagihan dengan racikan bumbu rahasia kami yang super hemat di dompet."
|
||||
description="Daftar harga menu mulai dari Rp 25.000 hingga Rp 50.000 dengan rasa premium."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,77 +98,19 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Mahasiswi",
|
||||
company: "Universitas Tadulako",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-rocks_23-2149462132.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Budi",
|
||||
role: "Freelancer",
|
||||
company: "Warga Palu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-7266.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dinda",
|
||||
role: "Mahasiswi",
|
||||
company: "Sobat Nongkrong",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-coffee-night-out_23-2149144024.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rizky",
|
||||
role: "Young Pro",
|
||||
company: "Kantor Lokal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22342.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya",
|
||||
role: "Mahasiswi",
|
||||
company: "Pecinta Mie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="Apa Kata Mereka?"
|
||||
description="Pengakuan jujur dari teman-teman yang udah jadi langganan setia di Wizzmie Palu."
|
||||
description="Pengakuan jujur dari pelanggan setia di Wizzmie Palu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Yuk Mampir ke Wizzmie Palu!"
|
||||
description="Langsung hubungi kami untuk reservasi tempat atau tanya-tanya menu promo hari ini."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nama Kamu",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "whatsapp",
|
||||
type: "tel",
|
||||
placeholder: "Nomor WhatsApp",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "pesan",
|
||||
placeholder: "Ada yang ingin ditanyakan?",
|
||||
rows: 3,
|
||||
}}
|
||||
title="Hubungi Kami"
|
||||
description="Jl. Chairil Anwar No.6, Palu | Buka sampai 22:00 | Telp: 0811-4539-155"
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Nama Kamu", required: true }, { name: "whatsapp", type: "tel", placeholder: "Nomor WhatsApp", required: true }]}
|
||||
textarea={{ name: "pesan", placeholder: "Reservasi atau tanya menu?", rows: 3 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-girl-white-shirt-with-little-backpack-waiting-boyfriend-outdoor-cafe_197531-4645.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
@@ -310,41 +120,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-girl-white-shirt-with-little-backpack-waiting-boyfriend-outdoor-cafe_197531-4645.jpg?_wi=2"
|
||||
logoText="Wizzmie Palu"
|
||||
columns={[
|
||||
{
|
||||
title: "Lokasi",
|
||||
items: [
|
||||
{
|
||||
label: "Palu, Sulawesi Tengah",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Mie Viral",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Minuman Segar",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sosial",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/628123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Lokasi", items: [{ label: "Jl. Chairil Anwar No.6, Palu", href: "#" }] },
|
||||
{ title: "Kontak", items: [{ label: "0811-4539-155", href: "tel:08114539155" }] },
|
||||
{ title: "Jam", items: [{ label: "Buka s/d 22:00", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | Wizzmie Palu"
|
||||
/>
|
||||
@@ -352,4 +130,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user