346 lines
11 KiB
TypeScript
346 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import { Award, Heart, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Willkommen",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Küche",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "Geschichte",
|
||
id: "history",
|
||
},
|
||
{
|
||
name: "Gäste",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Info",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Zum Goldenen Hirsch"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Bayerisch-schwäbische Seele auf dem Teller"
|
||
description="Erleben Sie echte Gastlichkeit, traditionelle Rezepte und die Herzlichkeit, für die wir stehen."
|
||
testimonials={[
|
||
{
|
||
name: "Hannes B.",
|
||
handle: "@Stammtisch",
|
||
testimonial: "Hier ist es wie früher – Maultaschen, wie bei der Oma.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Maria K.",
|
||
handle: "@Reisende",
|
||
testimonial: "Danke, dass ihr uns noch spät so herzlich beköstigt habt!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Thomas K.",
|
||
handle: "@Wanderer",
|
||
testimonial: "Authentische Küche und ein wirklich tolles Ambiente.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Sophie B.",
|
||
handle: "@Familie",
|
||
testimonial: "Großartige Stimmung, unsere Kinder haben es geliebt.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Bernd J.",
|
||
handle: "@Lokal",
|
||
testimonial: "Das Krustenbraten ist das Beste in der ganzen Gegend.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-paper-mugs_23-2148284381.jpg?_wi=1",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Speisekarte entdecken",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
text: "Reservierung",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg"
|
||
imageAlt="Luxuriöse Atmosphäre in unserem Restaurant"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-old-man-putting-roasted-chicken-festive-table_23-2147973657.jpg",
|
||
alt: "Kunde 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/mature-man-eating-sushi-restaurant_23-2148465242.jpg",
|
||
alt: "Kunde 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-man-parying-before-dinner-with-family_23-2149117504.jpg",
|
||
alt: "Kunde 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/people-outdoors-garden-celebration-senior-birthday-party_23-2150657126.jpg",
|
||
alt: "Kunde 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/charming-tanned-woman-brown-bra-denim-skirt-smiles-eats-waffle-with-maple-syrup_197531-18185.jpg",
|
||
alt: "Kunde 5",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1",
|
||
title: "Hausgemacht",
|
||
descriptions: [
|
||
"Jedes Gericht bereiten wir frisch und mit Leidenschaft zu.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-gingerbread-heart_23-2148270369.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Regional",
|
||
descriptions: [
|
||
"Produkte beziehen wir direkt von den Bauern aus der Umgebung.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-with-grilled-sausages_23-2148284432.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Service mit Herz",
|
||
descriptions: [
|
||
"Ihre Zufriedenheit ist unsere tägliche Motivation.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/jug-eggs-near-basket-with-food_23-2147930081.jpg",
|
||
},
|
||
]}
|
||
title="Unsere Versprechen"
|
||
description="Was uns auszeichnet"
|
||
/>
|
||
</div>
|
||
|
||
<div id="history" data-section="history">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="Unsere Leidenschaft"
|
||
metrics={[
|
||
{
|
||
icon: Heart,
|
||
label: "Leidenschaft",
|
||
value: "100%",
|
||
},
|
||
{
|
||
icon: Award,
|
||
label: "Bewertungen",
|
||
value: "150+",
|
||
},
|
||
{
|
||
icon: Star,
|
||
label: "Qualität",
|
||
value: "4.8",
|
||
},
|
||
]}
|
||
metricsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
name: "Wiener Schnitzel",
|
||
price: "19,50 €",
|
||
variant: "Vom Kalb",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plate-unmixed-caesar-salad-with-fried-chicken-pieces_140725-8652.jpg",
|
||
},
|
||
{
|
||
id: "p2",
|
||
name: "Hausgemachte Maultaschen",
|
||
price: "14,90 €",
|
||
variant: "Mit Schmelzzwiebeln",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/shah-pilaf-traditional-azerbaijani-rice-dish-with-dried-fruits-crusty-flatbread_140725-1615.jpg",
|
||
},
|
||
{
|
||
id: "p3",
|
||
name: "Käsespätzle",
|
||
price: "13,50 €",
|
||
variant: "Bergkäse",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tasty-dinner-with-cutlet-meal-potatoes-white-plate-dark-table_140725-56801.jpg",
|
||
},
|
||
{
|
||
id: "p4",
|
||
name: "Krustenbraten",
|
||
price: "16,90 €",
|
||
variant: "Mit Biersoße",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-chocolate-thin-topping-fruit_1203-6559.jpg",
|
||
},
|
||
{
|
||
id: "p5",
|
||
name: "Kaiserschmarrn",
|
||
price: "9,50 €",
|
||
variant: "Mit Zwetschgen",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/little-restaurant-bowl-served-with-goldy-fried-potato-slices-thin-sausage-decorated-with-parsley-leaves-looks-very-delicious-nourisihing_7502-5852.jpg",
|
||
},
|
||
{
|
||
id: "p6",
|
||
name: "Bayerische Brotzeit",
|
||
price: "12,90 €",
|
||
variant: "Vom Brett",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mashed-potatoes-with-meat-parsley_141793-795.jpg",
|
||
},
|
||
]}
|
||
title="Unsere Klassiker"
|
||
description="Hausgemachte bayerische Spezialitäten"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
name: "Hans W.",
|
||
role: "Stammgast",
|
||
company: "Lokaler Gast",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t2",
|
||
name: "Lisa M.",
|
||
role: "Besucherin",
|
||
company: "Legoland Tourist",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t3",
|
||
name: "Thomas K.",
|
||
role: "Gast",
|
||
company: "Wanderer",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t4",
|
||
name: "Sophie B.",
|
||
role: "Gast",
|
||
company: "Familie",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t5",
|
||
name: "Bernd J.",
|
||
role: "Stammtisch",
|
||
company: "Lokal",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-paper-mugs_23-2148284381.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t6",
|
||
name: "Anna S.",
|
||
role: "Gast",
|
||
company: "Durchreisend",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-arrangement_52683-92762.jpg",
|
||
},
|
||
]}
|
||
title="Unsere Gäste"
|
||
description="Was unsere Besucher sagen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
text="Besuchen Sie uns: Hauptstraße 1, direkt in der Nähe vom Legoland. Hunde sind bei uns herzlich willkommen! Hinweis: Wir bitten um Barzahlung."
|
||
buttons={[
|
||
{
|
||
text: "Anfahrt planen",
|
||
href: "https://maps.google.com",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Zum Goldenen Hirsch"
|
||
leftLink={{
|
||
text: "Impressum",
|
||
href: "#",
|
||
}}
|
||
rightLink={{
|
||
text: "Datenschutz",
|
||
href: "#",
|
||
}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|