Merge version_1 into main #1
315
src/app/page.tsx
315
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Heritage",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "The Selection",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Heritage", id: "about" },
|
||||
{ name: "The Selection", id: "product" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bang Oya"
|
||||
/>
|
||||
@@ -59,70 +44,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="The Art of the Broth. The Soul of the Goat."
|
||||
description="Experience the cleanest, richest, and most authentic Sop Kaki Kambing in the city. Now served in an atmosphere of redefined comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View the Selection",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }, { text: "View the Selection", href: "#product" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tasty-rice-dish_23-2147680629.jpg"
|
||||
imageAlt="Steaming mutton broth being poured"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018827.jpg",
|
||||
alt: "Connoisseur 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg",
|
||||
alt: "Connoisseur 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-eating-tasty-pie_285396-1092.jpg",
|
||||
alt: "Connoisseur 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg",
|
||||
alt: "Connoisseur 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg",
|
||||
alt: "Connoisseur 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018827.jpg", alt: "Connoisseur 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg", alt: "Connoisseur 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-eating-tasty-pie_285396-1092.jpg", alt: "Connoisseur 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg", alt: "Connoisseur 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg", alt: "Connoisseur 5" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied gourmets"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Minyak Samin",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/plate-fish-chips-potatoes-wooden-surface_839833-19792.jpg",
|
||||
alt: "Iconic broth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Slow-Simmered Excellence",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg",
|
||||
alt: "Premium cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Gastronomy",
|
||||
},
|
||||
{ type: "text", text: "Authentic Minyak Samin" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/plate-fish-chips-potatoes-wooden-surface_839833-19792.jpg", alt: "Iconic broth" },
|
||||
{ type: "text", text: "Slow-Simmered Excellence" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg", alt: "Premium cuts" },
|
||||
{ type: "text", text: "Luxury Gastronomy" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,18 +76,9 @@ export default function LandingPage() {
|
||||
title="Where Hygiene Meets Heritage."
|
||||
description="We believe the most humble ingredients deserve a luxurious stage. Bang Oya combines the raw soul of traditional street food with a pristine, exclusive culinary environment, elevating your dining experience to the level it truly deserves."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Pristine Environment",
|
||||
description: "A high-end, clean, and comfortable space built for the discerning palate.",
|
||||
},
|
||||
{
|
||||
title: "Samin Excellence",
|
||||
description: "Infused with authentic Minyak Samin and a secret, meticulously curated spice blend.",
|
||||
},
|
||||
{
|
||||
title: "Premium Cuts",
|
||||
description: "Only the highest quality mutton, slow-simmered for hours for ultimate tenderness.",
|
||||
},
|
||||
{ title: "Pristine Environment", description: "A high-end, clean, and comfortable space built for the discerning palate." },
|
||||
{ title: "Samin Excellence", description: "Infused with authentic Minyak Samin and a secret, meticulously curated spice blend." },
|
||||
{ title: "Premium Cuts", description: "Only the highest quality mutton, slow-simmered for hours for ultimate tenderness." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821306.jpg"
|
||||
imageAlt="Clean modern kitchen preparation"
|
||||
@@ -158,20 +91,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lack of Hygiene Standards",
|
||||
"Standard, Unrefined Ingredients",
|
||||
"Crowded, Uncomfortable Street Setting",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Pristine Kitchen Standards",
|
||||
"Exclusive Premium Mutton Cuts",
|
||||
"Refined Atmosphere",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Lack of Hygiene Standards", "Standard, Unrefined Ingredients", "Crowded, Uncomfortable Street Setting"] }}
|
||||
positiveCard={{ items: ["Pristine Kitchen Standards", "Exclusive Premium Mutton Cuts", "Refined Atmosphere"] }}
|
||||
title="The Elite Difference"
|
||||
description="Why Bang Oya stands apart from the rest of the street-side crowd."
|
||||
/>
|
||||
@@ -184,48 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Legendary Kaki",
|
||||
price: "9k/pc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewish-meal-pan-arrangement_23-2148814506.jpg",
|
||||
imageAlt: "Slow-simmered mutton leg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Velvet Brain",
|
||||
price: "12k/pc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-kebab-with-rice-garnish-pomegranate-seeds_114579-1157.jpg",
|
||||
imageAlt: "Delicate brain dish",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Golden Broth",
|
||||
price: "15k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-soup-with-herbs_140725-3984.jpg",
|
||||
imageAlt: "Rich herbal golden broth",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Premium Tongue",
|
||||
price: "10k/pc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-hummus_23-2149447780.jpg",
|
||||
imageAlt: "Tender tongue cut",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Spiced Marrow",
|
||||
price: "14k/pc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-broth-with-herbs-soup-disposable-cup-bowl-served-with-green-vegetables_114579-766.jpg",
|
||||
imageAlt: "Rich marrow bone",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Signature Meat",
|
||||
price: "11k/pc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-onion-soup-wooden-table_123827-19710.jpg",
|
||||
imageAlt: "Succulent meat portion",
|
||||
},
|
||||
{ id: "1", name: "Legendary Kaki", price: "9k/pc", imageSrc: "http://img.b2bpic.net/free-photo/jewish-meal-pan-arrangement_23-2148814506.jpg", imageAlt: "Slow-simmered mutton leg" },
|
||||
{ id: "2", name: "Velvet Brain", price: "12k/pc", imageSrc: "http://img.b2bpic.net/free-photo/beef-kebab-with-rice-garnish-pomegranate-seeds_114579-1157.jpg", imageAlt: "Delicate brain dish" },
|
||||
{ id: "3", name: "Golden Broth", price: "15k", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-soup-with-herbs_140725-3984.jpg", imageAlt: "Rich herbal golden broth" },
|
||||
{ id: "4", name: "Premium Tongue", price: "10k/pc", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-hummus_23-2149447780.jpg", imageAlt: "Tender tongue cut" },
|
||||
{ id: "5", name: "Spiced Marrow", price: "14k/pc", imageSrc: "http://img.b2bpic.net/free-photo/chicken-broth-with-herbs-soup-disposable-cup-bowl-served-with-green-vegetables_114579-766.jpg", imageAlt: "Rich marrow bone" },
|
||||
{ id: "6", name: "Signature Meat", price: "11k/pc", imageSrc: "http://img.b2bpic.net/free-photo/french-onion-soup-wooden-table_123827-19710.jpg", imageAlt: "Succulent meat portion" },
|
||||
]}
|
||||
title="Signature Selection"
|
||||
description="Minimum 3 pieces. Maximum satisfaction. Discover the refined delicacies of Bang Oya."
|
||||
@@ -236,29 +121,12 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
title: "Secret Spices",
|
||||
description: "A complex blend of herbs and spices in every bowl.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24h",
|
||||
title: "Slow-Simmered",
|
||||
description: "Crafted with patience for hours of deep flavor.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Authentic Taste",
|
||||
description: "True traditional flavor, elevated to luxury standard.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "1", value: "100+", title: "Secret Spices", description: "A complex blend of herbs and spices in every bowl.", icon: Sparkles },
|
||||
{ id: "2", value: "24h", title: "Slow-Simmered", description: "Crafted with patience for hours of deep flavor.", icon: Clock },
|
||||
{ id: "3", value: "100%", title: "Authentic Taste", description: "True traditional flavor, elevated to luxury standard.", icon: Award },
|
||||
]}
|
||||
title="A Legacy of Quality"
|
||||
description="Our numbers speak to the passion and care put into every serving."
|
||||
@@ -271,41 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@foodie_sarah",
|
||||
testimonial: "Definitely better than Kedungdoro. The place is bright, clean, and the flavor is consistently incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-salami-slice-served-breakfast_140725-7142.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@connoisseur_mike",
|
||||
testimonial: "A true elevation of street favorites. The broth is liquid gold.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_eats",
|
||||
testimonial: "Cleanliness and taste perfectly balanced. Unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-using-digital-tablet-restaurant_23-2147974692.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@david_gastronomy",
|
||||
testimonial: "Finally, a Sop Kaki that respects the palate and the comfort of the diner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lydia M.",
|
||||
handle: "@lydia_reviews",
|
||||
testimonial: "The golden broth is simply intoxicating. I'll be back weekly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-gloves-while-serving-guest-cafe_637285-6610.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@foodie_sarah", testimonial: "Definitely better than Kedungdoro. The place is bright, clean, and the flavor is consistently incredible.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-salami-slice-served-breakfast_140725-7142.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@connoisseur_mike", testimonial: "A true elevation of street favorites. The broth is liquid gold.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emily_eats", testimonial: "Cleanliness and taste perfectly balanced. Unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-using-digital-tablet-restaurant_23-2147974692.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@david_gastronomy", testimonial: "Finally, a Sop Kaki that respects the palate and the comfort of the diner.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg" },
|
||||
{ id: "5", name: "Lydia M.", handle: "@lydia_reviews", testimonial: "The golden broth is simply intoxicating. I'll be back weekly.", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-gloves-while-serving-guest-cafe_637285-6610.jpg" },
|
||||
]}
|
||||
title="Wall of Fame"
|
||||
description="Hear what our refined patrons have to say about the Bang Oya experience."
|
||||
@@ -317,26 +155,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We focus on the dining atmosphere, but limited takeaway is available for pre-orders via WhatsApp.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "We are centrally located on the main road, accessible for those seeking the ultimate mutton soup experience.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there parking?",
|
||||
content: "Limited parking is available; we recommend arriving early to secure your seat and parking.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What about Waru?",
|
||||
content: "We hear your requests! Something special is simmering for the Waru area.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer delivery?", content: "We focus on the dining atmosphere, but limited takeaway is available for pre-orders via WhatsApp." },
|
||||
{ id: "2", title: "Where are you located?", content: "We are centrally located on the main road, accessible for those seeking the ultimate mutton soup experience." },
|
||||
{ id: "3", title: "Is there parking?", content: "Limited parking is available; we recommend arriving early to secure your seat and parking." },
|
||||
{ id: "4", title: "What about Waru?", content: "We hear your requests! Something special is simmering for the Waru area." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about our culinary process, locations, and future plans."
|
||||
@@ -347,22 +169,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Secure Your Seat"
|
||||
description="Arrive early, indulge in the broth, and experience the pinnacle of mutton soup."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Order",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp Order", href: "#" }, { text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -371,41 +182,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pasta-soup-tomato-sauce_114579-15377.jpg"
|
||||
logoText="Bang Oya"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Signature Selection",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Golden Broth",
|
||||
href: "#product",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bookings",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Signature Selection", href: "#product" }, { label: "Golden Broth", href: "#product" }] },
|
||||
{ title: "Visit", items: [{ label: "Directions", href: "#" }, { label: "Bookings", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Bang Oya | Redefining Heritage"
|
||||
/>
|
||||
@@ -413,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user