Update src/app/page.tsx
This commit is contained in:
475
src/app/page.tsx
475
src/app/page.tsx
@@ -27,354 +27,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Speisekarte",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reservierung",
|
||||
id: "#reservation",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Stadtcafe Vöcklabruck"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Speisekarte", id: "#menu" },
|
||||
{ name: "Reservierung", id: "#reservation" },
|
||||
{ name: "Über uns", id: "#about" },
|
||||
{ name: "Kontakt", id: "#contact" },
|
||||
]}
|
||||
brandName="Stadtcafe Vöcklabruck"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Genuss am Stadtplatz."
|
||||
description="Frühstück · Mittagsmenü · Abendessen · Kaffee"
|
||||
buttons={[
|
||||
{
|
||||
text: "Tisch reservieren",
|
||||
href: "#reservation",
|
||||
},
|
||||
{
|
||||
text: "Speisekarte ansehen",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-white-ceramic-cup-against-pink-backdrop_23-2148084302.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165589.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-dreaming-cyber-monday-sales_23-2148313194.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 1.000 zufriedene Stammgäste"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Frühstück",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mittagsmenü",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Abendessen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kaffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kuchen",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Genuss am Stadtplatz."
|
||||
description="Frühstück · Mittagsmenü · Abendessen · Kaffee"
|
||||
buttons={[
|
||||
{ text: "Tisch reservieren", href: "#reservation" },
|
||||
{ text: "Speisekarte ansehen", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-white-ceramic-cup-against-pink-backdrop_23-2148084302.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165589.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-dreaming-cyber-monday-sales_23-2148313194.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg", alt: "Portrait 5" },
|
||||
]}
|
||||
avatarText="Über 1.000 zufriedene Stammgäste"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Frühstück" },
|
||||
{ type: "text", text: "Mittagsmenü" },
|
||||
{ type: "text", text: "Abendessen" },
|
||||
{ type: "text", text: "Kaffee" },
|
||||
{ type: "text", text: "Kuchen" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Frühstück",
|
||||
title: "Starten Sie den Tag",
|
||||
items: [
|
||||
"Frisch gebackenes Gebäck",
|
||||
"Hausgemachte Marmeladen",
|
||||
"Bio-Eier vom Bauern",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Mittag",
|
||||
title: "Mittagsmenü",
|
||||
items: [
|
||||
"Täglich wechselnde Gerichte",
|
||||
"Regionale Zutaten",
|
||||
"Leichte & schnelle Küche",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Abend",
|
||||
title: "Abend & Küche",
|
||||
items: [
|
||||
"Gehobene österreichische Küche",
|
||||
"Erlesene Weinauswahl",
|
||||
"Gemütliches Ambiente",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Kulinarische Highlights"
|
||||
description="Erleben Sie unsere tägliche Auswahl an frischen, lokalen Spezialitäten."
|
||||
/>
|
||||
</div>
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Frühstück", title: "Starten Sie den Tag", items: ["Frisch gebackenes Gebäck", "Hausgemachte Marmeladen", "Bio-Eier vom Bauern"] },
|
||||
{ id: "f2", label: "Mittag", title: "Mittagsmenü", items: ["Täglich wechselnde Gerichte", "Regionale Zutaten", "Leichte & schnelle Küche"] },
|
||||
{ id: "f3", label: "Abend", title: "Abend & Küche", items: ["Gehobene österreichische Küche", "Erlesene Weinauswahl", "Gemütliches Ambiente"] },
|
||||
]}
|
||||
title="Kulinarische Highlights"
|
||||
description="Erleben Sie unsere tägliche Auswahl an frischen, lokalen Spezialitäten."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Heusuppe",
|
||||
price: "€12",
|
||||
variant: "Suppe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-with-applesauce-glass-red-wine_140725-2154.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Grießschmarrn",
|
||||
price: "€14",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rehragout",
|
||||
price: "€19",
|
||||
variant: "Hauptspeise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/onion-rings-with-vegetable-salad_140725-5354.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Schokofondue",
|
||||
price: "€16",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2238.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Schokoladenkuchen",
|
||||
price: "€10",
|
||||
variant: "Kuchen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Verlängerter",
|
||||
price: "€5",
|
||||
variant: "Kaffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-zucchini_74190-737.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unsere Signature Dishes"
|
||||
description="Beliebte Klassiker aus unserer Küche."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Heusuppe", price: "€12", variant: "Suppe", imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-with-applesauce-glass-red-wine_140725-2154.jpg" },
|
||||
{ id: "p2", name: "Grießschmarrn", price: "€14", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg" },
|
||||
{ id: "p3", name: "Rehragout", price: "€19", variant: "Hauptspeise", imageSrc: "http://img.b2bpic.net/free-photo/onion-rings-with-vegetable-salad_140725-5354.jpg" },
|
||||
{ id: "p4", name: "Schokofondue", price: "€16", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2238.jpg" },
|
||||
{ id: "p5", name: "Schokoladenkuchen", price: "€10", variant: "Kuchen", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" },
|
||||
{ id: "p6", name: "Verlängerter", price: "€5", variant: "Kaffee", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-zucchini_74190-737.jpg" },
|
||||
]}
|
||||
title="Unsere Signature Dishes"
|
||||
description="Beliebte Klassiker aus unserer Küche."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Stadtcafe Vöcklabruck"
|
||||
description="Direkt am Stadtplatz gelegen, ist unser Café seit Jahren ein Treffpunkt für Genießer. Wir vereinen Tradition mit modernem Lebensgefühl."
|
||||
metrics={[
|
||||
{
|
||||
value: "1890",
|
||||
title: "Tradition seit",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Qualität aus der Region",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-scene-with-tea-fireplace-warm-blanket_23-2151964893.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Stadtcafe Vöcklabruck"
|
||||
description="Direkt am Stadtplatz gelegen, ist unser Café seit Jahren ein Treffpunkt für Genießer. Wir vereinen Tradition mit modernem Lebensgefühl."
|
||||
metrics={[
|
||||
{ value: "1890", title: "Tradition seit" },
|
||||
{ value: "100%", title: "Qualität aus der Region" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-scene-with-tea-fireplace-warm-blanket_23-2151964893.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hours" data-section="hours">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Mo-Fr",
|
||||
title: "08:00 - 22:00",
|
||||
items: [
|
||||
"Warme Küche bis 21:00",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Sa",
|
||||
title: "09:00 - 23:00",
|
||||
items: [
|
||||
"Frühstück bis 14:00",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "So/Fei",
|
||||
title: "Ruhetag",
|
||||
items: [
|
||||
"Wir freuen uns auf Sie",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Öffnungszeiten & Info"
|
||||
description="Stadtplatz 14, 4840 Vöcklabruck | Telefon: 07672 23462"
|
||||
/>
|
||||
</div>
|
||||
<div id="hours" data-section="hours">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "Mo-Fr", title: "08:00 - 22:00", items: ["Warme Küche bis 21:00"] },
|
||||
{ id: "m2", value: "Sa", title: "09:00 - 23:00", items: ["Frühstück bis 14:00"] },
|
||||
{ id: "m3", value: "So/Fei", title: "Ruhetag", items: ["Wir freuen uns auf Sie"] },
|
||||
]}
|
||||
title="Öffnungszeiten & Info"
|
||||
description="Stadtplatz 14, 4840 Vöcklabruck | Telefon: 07672 23462"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria W.",
|
||||
role: "Stammgast",
|
||||
company: "Vöcklabruck",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas K.",
|
||||
role: "Besucher",
|
||||
company: "Linz",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sabine L.",
|
||||
role: "Feinschmecker",
|
||||
company: "Vöcklabruck",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-coffee-couple-who-is-eating-cake-cafe_637285-9100.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Peter M.",
|
||||
role: "Kaffeeliebhaber",
|
||||
company: "Wien",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414125.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia H.",
|
||||
role: "Gourmet",
|
||||
company: "Vöcklabruck",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg",
|
||||
},
|
||||
]}
|
||||
title="Gäste-Stimmen"
|
||||
description="Was unsere Kunden über das Stadtcafe sagen."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Maria W.", role: "Stammgast", company: "Vöcklabruck", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
||||
{ id: "2", name: "Thomas K.", role: "Besucher", company: "Linz", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg" },
|
||||
{ id: "3", name: "Sabine L.", role: "Feinschmecker", company: "Vöcklabruck", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-coffee-couple-who-is-eating-cake-cafe_637285-9100.jpg" },
|
||||
{ id: "4", name: "Peter M.", role: "Kaffeeliebhaber", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414125.jpg" },
|
||||
{ id: "5", name: "Julia H.", role: "Gourmet", company: "Vöcklabruck", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg" },
|
||||
]}
|
||||
title="Gäste-Stimmen"
|
||||
description="Was unsere Kunden über das Stadtcafe sagen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservierung"
|
||||
title="Tisch bei uns anfragen"
|
||||
description="Sichern Sie sich Ihren Platz im Stadtcafe Vöcklabruck. Oder rufen Sie uns direkt an: 07672 23462"
|
||||
buttons={[
|
||||
{
|
||||
text: "Anfrage senden",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservierung"
|
||||
title="Tisch bei uns anfragen"
|
||||
description="Sichern Sie sich Ihren Platz im Stadtcafe Vöcklabruck. Oder rufen Sie uns direkt an: 07672 23462"
|
||||
buttons={[{ text: "Anfrage senden", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Stadtcafe Vöcklabruck"
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Speisekarte",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservierung",
|
||||
href: "#reservation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Stadtcafe Vöcklabruck · Impressum · Datenschutz"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Stadtcafe Vöcklabruck"
|
||||
columns={[
|
||||
{ title: "Service", items: [{ label: "Speisekarte", href: "#menu" }, { label: "Reservierung", href: "#reservation" }] },
|
||||
{ title: "Info", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Stadtcafe Vöcklabruck · Impressum · Datenschutz"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user