Merge version_1 into main #4
207
src/app/page.tsx
207
src/app/page.tsx
@@ -1,175 +1,48 @@
|
||||
"use client";
|
||||
|
||||
'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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [{ "name": "Home", "id": "/" }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", 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>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} 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 textboxLayout="default" gridVariant="two-columns-alternating-heights" useInvertedBackground={true} animationType="slide-up" title="Unsere Signature Dishes" description="Beliebte Klassiker aus unserer Küche." 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" }]} />
|
||||
</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="reservation" data-section="reservation">
|
||||
<ContactCTA 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: "#" }]} background={{ variant: "plain" }} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={true} title="Gäste-Stimmen" description="Was unsere Kunden über das Stadtcafe sagen." 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" }]} />
|
||||
</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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user