177 lines
9.5 KiB
TypeScript
177 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
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="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="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="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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|