Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -30,53 +30,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Values",
|
||||
id: "#values",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Values", id: "values" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Kelsterbite"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Now", href: "#menu"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="KELSTERBITE"
|
||||
description="Frankfurt's definitive luxury smash burger. Crafted with fire, passion, and forest-inspired quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Order Now", href: "#menu" },
|
||||
{ text: "Get Directions", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg"
|
||||
imageAlt="Kelsterbite Premium Smash Burger"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -89,44 +64,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
title: "Fresh Ingredients",
|
||||
description: "Sourced daily for peak flavor.",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg?_wi=2",
|
||||
imageAlt: "luxury smash burger dark moody lighting",
|
||||
bentoComponent: "reveal-icon", title: "Fresh Ingredients", description: "Sourced daily for peak flavor.", icon: Leaf
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
title: "Smashed to Order",
|
||||
description: "Precision crust in every bite.",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-cucumber-tomato-basil-mint-lettuce-spinach-with-black-pepper-salt-wood_141793-12891.jpg?_wi=1",
|
||||
imageAlt: "fresh organic ingredients rustic wooden table",
|
||||
bentoComponent: "reveal-icon", title: "Smashed to Order", description: "Precision crust in every bite.", icon: Flame
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
title: "Personal Service",
|
||||
description: "Treating regulars like family.",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cooking-soup-tasting-it-dark-background_613910-10080.jpg?_wi=1",
|
||||
imageAlt: "chef preparing gourmet burger warm lighting",
|
||||
bentoComponent: "reveal-icon", title: "Personal Service", description: "Treating regulars like family.", icon: Users
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
title: "Forest-Inspired",
|
||||
description: "Moody, organic, and locally-sourced.",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-6101.jpg?_wi=1",
|
||||
imageAlt: "smash burger plate gourmet",
|
||||
bentoComponent: "reveal-icon", title: "Forest-Inspired", description: "Moody, organic, and locally-sourced.", icon: Flame
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
title: "Artisanal Buns",
|
||||
description: "Baked fresh every single morning.",
|
||||
icon: Wheat,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340438.jpg?_wi=1",
|
||||
imageAlt: "gourmet burger cheese melting",
|
||||
bentoComponent: "reveal-icon", title: "Artisanal Buns", description: "Baked fresh every single morning.", icon: Wheat
|
||||
},
|
||||
]}
|
||||
title="The Kelsterbite Philosophy"
|
||||
@@ -139,60 +89,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Wild Roots, Refined Flavor"
|
||||
description={[
|
||||
"Founded on a love for authentic craft, Kelsterbite brings the wild heart of the forest to Frankfurt.",
|
||||
"Our owner-led approach ensures that every guest is welcomed, every burger is perfect, and every memory made at our table lasts.",
|
||||
]}
|
||||
"Founded on a love for authentic craft, Kelsterbite brings the wild heart of the forest to Frankfurt.", "Our owner-led approach ensures that every guest is welcomed, every burger is perfect, and every memory made at our table lasts."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Classic Smash",
|
||||
price: "€12",
|
||||
variant: "Single Patty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-6101.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "The Classic Smash", price: "€12", variant: "Single Patty", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-6101.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Forest Truffle Burger",
|
||||
price: "€18",
|
||||
variant: "Double Patty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340438.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Forest Truffle Burger", price: "€18", variant: "Double Patty", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340438.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Signature Crab Bites",
|
||||
price: "€10",
|
||||
variant: "6 Pieces",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-with-tea-net-tea-leaves_23-2148320794.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Signature Crab Bites", price: "€10", variant: "6 Pieces", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-with-tea-net-tea-leaves_23-2148320794.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "The Kelsterbite Gold",
|
||||
price: "€20",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-6101.jpg?_wi=3",
|
||||
},
|
||||
id: "4", name: "The Kelsterbite Gold", price: "€20", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-6101.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vegan Forest Patty",
|
||||
price: "€14",
|
||||
variant: "Plant-based",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340438.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Vegan Forest Patty", price: "€14", variant: "Plant-based", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340438.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Spicy Forest Jalapeño",
|
||||
price: "€15",
|
||||
variant: "Double Patty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-with-tea-net-tea-leaves_23-2148320794.jpg?_wi=2",
|
||||
},
|
||||
id: "6", name: "Spicy Forest Jalapeño", price: "€15", variant: "Double Patty", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-with-tea-net-tea-leaves_23-2148320794.jpg"},
|
||||
]}
|
||||
title="The Menu"
|
||||
description="Premium smash burgers and crab-infused delights."
|
||||
@@ -205,50 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Müller",
|
||||
quote: "The best burger I've had in Europe.",
|
||||
role: "Foodie",
|
||||
title: "5 Stars",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-with-tea-net-tea-leaves_23-2148320794.jpg?_wi=3",
|
||||
imageAlt: "crab snack gourmet appetizer",
|
||||
},
|
||||
id: "1", name: "Sarah Müller", quote: "The best burger I've had in Europe.", role: "Foodie", title: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-with-tea-net-tea-leaves_23-2148320794.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas Weber",
|
||||
quote: "The crab bites are absolutely addictive.",
|
||||
role: "Local",
|
||||
title: "5 Stars",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-door-texture_1194-5961.jpg?_wi=1",
|
||||
imageAlt: "dark forest texture wallpaper",
|
||||
},
|
||||
id: "2", name: "Thomas Weber", quote: "The crab bites are absolutely addictive.", role: "Local", title: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/wood-door-texture_1194-5961.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lena Schmidt",
|
||||
quote: "Owner greets me by name. Incredible.",
|
||||
role: "Regular",
|
||||
title: "5 Stars",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg?_wi=3",
|
||||
imageAlt: "luxury smash burger dark moody lighting",
|
||||
},
|
||||
id: "3", name: "Lena Schmidt", quote: "Owner greets me by name. Incredible.", role: "Regular", title: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Markus Hoffmann",
|
||||
quote: "Perfect smash technique. Crisp and juicy.",
|
||||
role: "Food Critic",
|
||||
title: "5 Stars",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-cucumber-tomato-basil-mint-lettuce-spinach-with-black-pepper-salt-wood_141793-12891.jpg?_wi=2",
|
||||
imageAlt: "fresh organic ingredients rustic wooden table",
|
||||
},
|
||||
id: "4", name: "Markus Hoffmann", quote: "Perfect smash technique. Crisp and juicy.", role: "Food Critic", title: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-cucumber-tomato-basil-mint-lettuce-spinach-with-black-pepper-salt-wood_141793-12891.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Klein",
|
||||
quote: "Moody atmosphere, incredible food.",
|
||||
role: "Guest",
|
||||
title: "5 Stars",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cooking-soup-tasting-it-dark-background_613910-10080.jpg?_wi=2",
|
||||
imageAlt: "chef preparing gourmet burger warm lighting",
|
||||
},
|
||||
id: "5", name: "Julia Klein", quote: "Moody atmosphere, incredible food.", role: "Guest", title: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/man-cooking-soup-tasting-it-dark-background_613910-10080.jpg"},
|
||||
]}
|
||||
title="What Frankfurt Says"
|
||||
description="Best burger in Europe, hands down."
|
||||
@@ -260,75 +144,34 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we encourage bookings via phone.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there outdoor seating?",
|
||||
content: "We offer a cozy outdoor forest-themed terrace.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you cater events?",
|
||||
content: "Yes, contact us to discuss private smash burger parties.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are there vegan options?",
|
||||
content: "Our Forest Patty is entirely plant-based and house-made.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We partner with local couriers for high-end delivery.",
|
||||
},
|
||||
{ id: "1", title: "Do you accept reservations?", content: "Yes, we encourage bookings via phone." },
|
||||
{ id: "2", title: "Is there outdoor seating?", content: "We offer a cozy outdoor forest-themed terrace." },
|
||||
{ id: "3", title: "Do you cater events?", content: "Yes, contact us to discuss private smash burger parties." },
|
||||
{ id: "4", title: "Are there vegan options?", content: "Our Forest Patty is entirely plant-based and house-made." },
|
||||
{ id: "5", title: "Do you offer delivery?", content: "We partner with local couriers for high-end delivery." },
|
||||
]}
|
||||
ctaTitle="Visit Us"
|
||||
ctaDescription="Located in the heart of Frankfurt. Open daily from 12:00 to 22:00."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
ctaButton={{ text: "Get Directions", href: "#" }}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wood-door-texture_1194-5961.jpg?_wi=2"
|
||||
imageAlt="Kelsterbite footer"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wood-door-texture_1194-5961.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Impressum", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user