Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
]}
|
||||
brandName="Rheinfelder Bierhalle"
|
||||
/>
|
||||
@@ -55,87 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Zurich's Most Lively Swiss Dining Experience"
|
||||
description="Legendary cordon bleu, golden rösti, ice-cold draft beer — all in the heart of Zurich."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.3★",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.3★", label: "Rating"},
|
||||
{
|
||||
value: "4,000+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "4,000+", label: "Reviews"},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Favorite",
|
||||
},
|
||||
value: "Local", label: "Favorite"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Your Table", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg"
|
||||
imageAlt="Authentic Swiss Dining"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Authentic Swiss",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Legendary Cordon Bleu",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Heart of Zurich",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Favorite",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Traditional Tavern",
|
||||
icon: Star,
|
||||
},
|
||||
{ type: "text-icon", text: "Authentic Swiss", icon: Utensils },
|
||||
{ type: "text-icon", text: "Legendary Cordon Bleu", icon: Award },
|
||||
{ type: "text-icon", text: "Heart of Zurich", icon: MapPin },
|
||||
{ type: "text-icon", text: "Local Favorite", icon: Star },
|
||||
{ type: "text-icon", text: "Traditional Tavern", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,20 +93,11 @@ export default function LandingPage() {
|
||||
title="A Zurich Institution"
|
||||
description="For generations, we have been serving the heart of Zurich with warmth, tradition, and the boldest flavors in the city. Experience Swiss hospitality at full volume."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Classics",
|
||||
description: "Time-honored recipes passed down through generations.",
|
||||
},
|
||||
{
|
||||
title: "Generous Portions",
|
||||
description: "Hearty plates designed to satisfy the hungriest appetites.",
|
||||
},
|
||||
{
|
||||
title: "Buzzing Social Hub",
|
||||
description: "A lively atmosphere where stories are shared over cold beer.",
|
||||
},
|
||||
{ title: "Authentic Classics", description: "Time-honored recipes passed down through generations." },
|
||||
{ title: "Generous Portions", description: "Hearty plates designed to satisfy the hungriest appetites." },
|
||||
{ title: "Buzzing Social Hub", description: "A lively atmosphere where stories are shared over cold beer." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg"
|
||||
imageAlt="Our traditional tavern atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -173,48 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cordon Bleu",
|
||||
price: "CHF 32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=1",
|
||||
imageAlt: "Cordon Bleu",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wiener Schnitzel",
|
||||
price: "CHF 34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=2",
|
||||
imageAlt: "Schnitzel",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Rösti",
|
||||
price: "CHF 24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=3",
|
||||
imageAlt: "Rösti",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Handmade Spätzle",
|
||||
price: "CHF 26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=4",
|
||||
imageAlt: "Spätzle",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Swiss Pork Dish",
|
||||
price: "CHF 29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=5",
|
||||
imageAlt: "Pork Dish",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Traditional Sausage",
|
||||
price: "CHF 22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=6",
|
||||
imageAlt: "Sausage",
|
||||
},
|
||||
{ id: "1", name: "Cordon Bleu", price: "CHF 32", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "Cordon Bleu" },
|
||||
{ id: "2", name: "Wiener Schnitzel", price: "CHF 34", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "Schnitzel" },
|
||||
{ id: "3", name: "Classic Rösti", price: "CHF 24", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "Rösti" },
|
||||
{ id: "4", name: "Handmade Spätzle", price: "CHF 26", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "Spätzle" },
|
||||
{ id: "5", name: "Swiss Pork Dish", price: "CHF 29", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "Pork Dish" },
|
||||
{ id: "6", name: "Traditional Sausage", price: "CHF 22", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "Sausage" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Crispy, golden, cheese-filled perfection. Our menu defines the taste of Swiss comfort."
|
||||
@@ -224,27 +125,13 @@ export default function LandingPage() {
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardThree
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bustling Environment",
|
||||
description: "The energy of true Zurich life, where laughter and conversation never stop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg?_wi=1",
|
||||
imageAlt: "Tavern Energy",
|
||||
},
|
||||
{
|
||||
title: "Cold Draft Beer",
|
||||
description: "Served at the perfect temperature to complement every meal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg?_wi=2",
|
||||
imageAlt: "Beer",
|
||||
},
|
||||
{
|
||||
title: "Social Sharing",
|
||||
description: "Shared tables designed for making new friends over classic meals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg?_wi=3",
|
||||
imageAlt: "Social Dining",
|
||||
},
|
||||
{ title: "Bustling Environment", description: "The energy of true Zurich life, where laughter and conversation never stop.", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg", imageAlt: "Tavern Energy" },
|
||||
{ title: "Cold Draft Beer", description: "Served at the perfect temperature to complement every meal.", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg", imageAlt: "Beer" },
|
||||
{ title: "Social Sharing", description: "Shared tables designed for making new friends over classic meals.", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg", imageAlt: "Social Dining" },
|
||||
]}
|
||||
title="Lively Atmosphere"
|
||||
description="Not quiet. Not formal. Just real Swiss hospitality at full volume."
|
||||
@@ -256,51 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Authentic Choice",
|
||||
quote: "Probably the best choice for authentic Swiss food in central Zurich.",
|
||||
name: "Sarah K.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg?_wi=2",
|
||||
imageAlt: "cinematic restaurant table setting",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Amazing Value",
|
||||
quote: "Amazing price-to-quality ratio. The cordon bleu is insane!",
|
||||
name: "Mark L.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg?_wi=2",
|
||||
imageAlt: "rustic wooden interior tavern",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Buzzing Vibe",
|
||||
quote: "Lively, energetic atmosphere that feels genuinely Swiss.",
|
||||
name: "Elena R.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg?_wi=7",
|
||||
imageAlt: "crispy golden cordon bleu",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Must-Visit",
|
||||
quote: "A must for schnitzel and cordon bleu lovers.",
|
||||
name: "David W.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg?_wi=4",
|
||||
imageAlt: "lively tavern beer drinking",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Staff",
|
||||
quote: "Friendly, welcoming staff that makes the evening special.",
|
||||
name: "Sophie P.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754914.jpg",
|
||||
imageAlt: "luxury tavern interior background",
|
||||
},
|
||||
{ id: "1", title: "Authentic Choice", quote: "Probably the best choice for authentic Swiss food in central Zurich.", name: "Sarah K.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg", imageAlt: "cinematic restaurant table setting" },
|
||||
{ id: "2", title: "Amazing Value", quote: "Amazing price-to-quality ratio. The cordon bleu is insane!", name: "Mark L.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg", imageAlt: "rustic wooden interior tavern" },
|
||||
{ id: "3", title: "Buzzing Vibe", quote: "Lively, energetic atmosphere that feels genuinely Swiss.", name: "Elena R.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-nuggets-served-with-herbs-yogurt-sauce_140725-8290.jpg", imageAlt: "crispy golden cordon bleu" },
|
||||
{ id: "4", title: "Must-Visit", quote: "A must for schnitzel and cordon bleu lovers.", name: "David W.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-pouring-with-copy-space_23-2148356714.jpg", imageAlt: "lively tavern beer drinking" },
|
||||
{ id: "5", title: "Great Staff", quote: "Friendly, welcoming staff that makes the evening special.", name: "Sophie P.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754914.jpg", imageAlt: "luxury tavern interior background" },
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="Join our community of satisfied diners who keep coming back for more."
|
||||
@@ -313,21 +160,9 @@ export default function LandingPage() {
|
||||
title="Find Us in Zurich"
|
||||
tag="Central Location"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Central",
|
||||
description: "Heart of Zurich",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Open",
|
||||
description: "Daily from 11 AM",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Iconic",
|
||||
description: "Historic Location",
|
||||
},
|
||||
{ id: "m1", value: "Central", description: "Heart of Zurich" },
|
||||
{ id: "m2", value: "Open", description: "Daily from 11 AM" },
|
||||
{ id: "m3", value: "Iconic", description: "Historic Location" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,21 +170,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Reservations"
|
||||
title="Tables Fill Fast — Reserve Now"
|
||||
description="Secure your spot at Zurich's favorite tavern. Especially during peak hours, we recommend booking in advance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+41440000000",
|
||||
},
|
||||
{ text: "Book a Table", href: "#" },
|
||||
{ text: "Call Now", href: "tel:+41440000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,14 +184,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Rheinfelder Bierhalle"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user