Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Reserve", id: "contact"},
|
||||
]}
|
||||
brandName="MOONFACE"
|
||||
/>
|
||||
@@ -54,102 +46,57 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="The moon, the food, the moment."
|
||||
description="All-day café & wood-fired pizza in the heart of Seminyak."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.bali",
|
||||
testimonial: "A true hidden gem. The atmosphere is otherworldly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-bar-counter_23-2148016776.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah.bali", testimonial: "A true hidden gem. The atmosphere is otherworldly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-bar-counter_23-2148016776.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@marktravels",
|
||||
testimonial: "Best wood-fired pizza in Seminyak, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-indoor-urban-cafe-looking-through-window_1139-876.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@marktravels", testimonial: "Best wood-fired pizza in Seminyak, hands down.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-indoor-urban-cafe-looking-through-window_1139-876.jpg"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily.eats",
|
||||
testimonial: "Beautiful design, relaxed vibe, excellent service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg",
|
||||
},
|
||||
name: "Emily R.", handle: "@emily.eats", testimonial: "Beautiful design, relaxed vibe, excellent service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dave.vibe",
|
||||
testimonial: "The moon light decor is absolutely stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-woman-shorts-brown-bra-smiles-holds-board-with-waffle-nuts_197531-18181.jpg",
|
||||
},
|
||||
name: "David K.", handle: "@dave.vibe", testimonial: "The moon light decor is absolutely stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-woman-shorts-brown-bra-smiles-holds-board-with-waffle-nuts_197531-18181.jpg"},
|
||||
{
|
||||
name: "Jane L.",
|
||||
handle: "@jane.bali",
|
||||
testimonial: "Perfect spot to stay longer than planned.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-swing_23-2150166494.jpg",
|
||||
},
|
||||
name: "Jane L.", handle: "@jane.bali", testimonial: "Perfect spot to stay longer than planned.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-swing_23-2150166494.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+62000000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+62000000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890375.jpg"
|
||||
imageAlt="Moon wall interior restaurant"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-bar-counter_23-2148016776.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-bar-counter_23-2148016776.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-indoor-urban-cafe-looking-through-window_1139-876.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-indoor-urban-cafe-looking-through-window_1139-876.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tanned-woman-shorts-brown-bra-smiles-holds-board-with-waffle-nuts_197531-18181.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tanned-woman-shorts-brown-bra-smiles-holds-board-with-waffle-nuts_197531-18181.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-swing_23-2150166494.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-swing_23-2150166494.jpg", alt: "Customer"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Wood-Fired Pizza",
|
||||
},
|
||||
type: "text", text: "Wood-Fired Pizza"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Specialty Coffee",
|
||||
},
|
||||
type: "text", text: "Specialty Coffee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seminyak Nights",
|
||||
},
|
||||
type: "text", text: "Seminyak Nights"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tropical Vibe",
|
||||
},
|
||||
type: "text", text: "Tropical Vibe"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Moonlight Dining",
|
||||
},
|
||||
type: "text", text: "Moonlight Dining"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,19 +108,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Moon,
|
||||
label: "Moon-themed Design",
|
||||
value: "Unique",
|
||||
},
|
||||
label: "Moon-themed Design", value: "Unique"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "All-Day Service",
|
||||
value: "12hrs",
|
||||
},
|
||||
label: "All-Day Service", value: "12hrs"},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Wood-Fired Pizza",
|
||||
value: "Authentic",
|
||||
},
|
||||
label: "Wood-Fired Pizza", value: "Authentic"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,44 +124,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita Pizza",
|
||||
price: "82,000 Rp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Margherita Pizza", price: "82,000 Rp", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "The Big Moon",
|
||||
price: "75,000 Rp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "The Big Moon", price: "75,000 Rp", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pepperoni Pizza",
|
||||
price: "95,000 Rp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", name: "Pepperoni Pizza", price: "95,000 Rp", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Eggs Benedict",
|
||||
price: "70,000 Rp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg?_wi=4",
|
||||
},
|
||||
id: "p4", name: "Eggs Benedict", price: "70,000 Rp", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Espresso Martini",
|
||||
price: "95,000 Rp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg?_wi=5",
|
||||
},
|
||||
id: "p5", name: "Espresso Martini", price: "95,000 Rp", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Moonstone Burger",
|
||||
price: "90,000 Rp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg?_wi=6",
|
||||
},
|
||||
id: "p6", name: "Moonstone Burger", price: "90,000 Rp", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Artisan pizzas and locally sourced ingredients."
|
||||
@@ -236,30 +154,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you take reservations?",
|
||||
content: "Yes, we highly recommend booking in advance, especially for dinner hours.",
|
||||
},
|
||||
id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance, especially for dinner hours."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Absolutely, we have a variety of vegetarian pizzas and salads on our menu.",
|
||||
},
|
||||
id: "q2", title: "Are there vegetarian options?", content: "Absolutely, we have a variety of vegetarian pizzas and salads on our menu."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we provide valet service and bike parking right in front of the venue.",
|
||||
},
|
||||
id: "q3", title: "Is parking available?", content: "Yes, we provide valet service and bike parking right in front of the venue."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open from 8:00 AM to 10:00 PM every day of the week.",
|
||||
},
|
||||
id: "q4", title: "What are your operating hours?", content: "We are open from 8:00 AM to 10:00 PM every day of the week."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I host an event here?",
|
||||
content: "Yes, our space is available for private events and parties. Please contact us for details.",
|
||||
},
|
||||
id: "q5", title: "Can I host an event here?", content: "Yes, our space is available for private events and parties. Please contact us for details."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,18 +171,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Join us under the moonlight. Book your table for an unforgettable dining experience in the heart of Seminyak."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reserve Now", href: "#"},
|
||||
{
|
||||
text: "Call +62 000 0000",
|
||||
href: "tel:+62000000000",
|
||||
},
|
||||
text: "Call +62 000 0000", href: "tel:+62000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,29 +187,19 @@ export default function LandingPage() {
|
||||
logoText="MOONFACE"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reserve", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user