Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0a262923e8 | |||
| 7358d91103 |
334
src/app/page.tsx
334
src/app/page.tsx
@@ -32,143 +32,35 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Über uns", id: "about" },
|
||||||
id: "hero",
|
{ name: "Speisekarte", id: "menu" },
|
||||||
},
|
{ name: "Kontakt", id: "contact" },
|
||||||
{
|
|
||||||
name: "Über uns",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Speisekarte",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Kontakt",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Seeblick"
|
brandName="Gasthof zur Reuse"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
title="Gasthof zur Reuse"
|
||||||
}}
|
description="Traditionelle deutsche Küche, direkt am See gelegen. Genießen Sie fangfrischen Fisch und hausgemachte Spezialitäten in familiärer Atmosphäre."
|
||||||
title="Genuss direkt am See"
|
testimonials={[]}
|
||||||
description="Erleben Sie gehobene deutsche Küche in atemberaubender Kulisse. Regionale Zutaten, herzliche Gastfreundschaft und ein unvergleichlicher Seeblick warten auf Sie."
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
name: "Hans Müller",
|
|
||||||
handle: "@hansm",
|
|
||||||
testimonial: "Ein wunderbares Erlebnis, das Essen war fantastisch!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Maria Schmidt",
|
|
||||||
handle: "@marias",
|
|
||||||
testimonial: "Die Lage am See ist unschlagbar.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490774.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Stefan Bauer",
|
|
||||||
handle: "@stefb",
|
|
||||||
testimonial: "Der beste Ort für einen entspannten Abend.",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Lena K.",
|
|
||||||
handle: "@lenak",
|
|
||||||
testimonial: "Hervorragende Küche und exzellenter Service.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-cheerful-girl-friends-business-partners-having-fun-lunch-seafood-restaurant_496169-2077.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Thomas W.",
|
|
||||||
handle: "@tomw",
|
|
||||||
testimonial: "Wunderschönes Ambiente direkt am Wasser.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-3447.jpg"
|
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-rooftop-restaurant_23-2147891180.jpg",
|
|
||||||
alt: "Customer profile",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-man-pouring-drink-glass_23-2147891176.jpg",
|
|
||||||
alt: "Customer profile",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands-rest-relaxation-concept_169016-10477.jpg",
|
|
||||||
alt: "Customer profile",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-people-with-fresh-watermelon_23-2151579221.jpg",
|
|
||||||
alt: "Customer profile",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg",
|
|
||||||
alt: "Customer profile",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Regional",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Frisch",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Seeblick",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Traditionell",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Gourmet",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Unsere Philosophie"
|
title="Tradition mit Seeblick"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Award, label: "Tradition seit", value: "1920" },
|
||||||
icon: Award,
|
{ icon: Leaf, label: "Regionale Zutaten", value: "100%" },
|
||||||
label: "Jahre Erfahrung",
|
{ icon: Coffee, label: "Glückliche Gäste", value: "10k+" },
|
||||||
value: "15+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Leaf,
|
|
||||||
label: "Regionale Lieferanten",
|
|
||||||
value: "20+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Coffee,
|
|
||||||
label: "Zufriedene Gäste",
|
|
||||||
value: "5000+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -178,113 +70,37 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ icon: Leaf, title: "Saisonal", description: "Wir verarbeiten ausschließlich regionale Produkte der Saison." },
|
||||||
icon: Leaf,
|
{ icon: Waves, title: "Seelage", description: "Direkt am Wasser speisen und den Sonnenuntergang genießen." },
|
||||||
title: "Regional & Frisch",
|
{ icon: Wine, title: "Weinkeller", description: "Ausgesuchte Weine aus den besten deutschen Anbaugebieten." },
|
||||||
description: "Wir beziehen unsere Zutaten direkt von Bauern aus der Umgebung.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Waves,
|
|
||||||
title: "Beste Seelage",
|
|
||||||
description: "Genießen Sie Ihr Abendessen mit direktem Blick auf das Wasser.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Wine,
|
|
||||||
title: "Hausgebrautes",
|
|
||||||
description: "Erleben Sie unsere Auswahl an handwerklichen regionalen Bieren.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Was uns auszeichnet"
|
title="Was uns ausmacht"
|
||||||
description="Qualität steht bei uns an oberster Stelle."
|
description="Gastfreundschaft aus Überzeugung."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
|
animationType="blur-reveal"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Gebratene Seeforelle", price: "26,50 €", variant: "Fischspezialität", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-2765.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Hausgemachte Rinderroulade", price: "22,90 €", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg" },
|
||||||
name: "Wiener Schnitzel",
|
{ id: "3", name: "Vegetarische Maultaschen", price: "18,50 €", variant: "Vegetarisch", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-vegetables-plate-with-buns-table_141793-12571.jpg" },
|
||||||
price: "24,50 €",
|
|
||||||
variant: "Klassiker",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-breaded-chicken-fillet-served-with-french-fries-fried-egg-cherry-tomatoes-plate_140725-12299.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Seeforelle gebraten",
|
|
||||||
price: "28,00 €",
|
|
||||||
variant: "Fisch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-2765.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Bayerischer Wurstsalat",
|
|
||||||
price: "14,50 €",
|
|
||||||
variant: "Vorspeise",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-vegetables-plate-with-buns-table_141793-12571.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Apfelstrudel",
|
|
||||||
price: "8,50 €",
|
|
||||||
variant: "Dessert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-epiphany-day-food-with-tableware_23-2148730487.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Frischer Gartensalat",
|
|
||||||
price: "12,00 €",
|
|
||||||
variant: "Vegan",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-fish-fillet-with-herbs-vegetables-sauce-plate_141793-2974.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Rinderlende vom Grill",
|
|
||||||
price: "32,00 €",
|
|
||||||
variant: "Hauptspeise",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Unsere Speisekarte"
|
title="Unsere Karte"
|
||||||
description="Klassiker modern interpretiert."
|
description="Traditionell und lecker."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
cardTitle="Gäste sagen"
|
||||||
id: "1",
|
cardTag="Feedback"
|
||||||
name: "Julia",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006711.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Markus",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Petra",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Thomas",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-wine_23-2149152917.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Lena",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-african-caucasian-lesbians-enjoying-nice-time-together-lunch-cozy-cafe_273609-9091.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="Gästestimmen"
|
|
||||||
cardTag="Bewertungen"
|
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -293,17 +109,9 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["Lokale Fischer", "Bio-Bauernhof", "Winzergenossenschaft", "Regionale Brauerei"]}
|
||||||
"Seefischerei Huber",
|
title="Unsere Erzeuger"
|
||||||
"Biohof Leitner",
|
description="Wir setzen auf kurze Wege und volle Transparenz."
|
||||||
"Brauerei am See",
|
|
||||||
"Obstgarten Mitter",
|
|
||||||
"Winzerhof Kaiser",
|
|
||||||
"Bäckerei Krumm",
|
|
||||||
"Landmetzgerei Weber",
|
|
||||||
]}
|
|
||||||
title="Unsere Partner"
|
|
||||||
description="Wir arbeiten stolz mit lokalen Produzenten zusammen."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -311,23 +119,11 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Hunde erlaubt?", content: "Ja, im Außenbereich sind Hunde herzlich willkommen." },
|
||||||
id: "f1",
|
{ id: "f2", title: "Parkplätze?", content: "Kostenlose Parkplätze direkt am Haus."
|
||||||
title: "Brauche ich eine Reservierung?",
|
|
||||||
content: "Für das Abendessen empfehlen wir eine Reservierung, besonders am Wochenende.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Gibt es Parkplätze?",
|
|
||||||
content: "Direkt vor dem Restaurant stehen Gästeparkplätze zur Verfügung.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Ist das Restaurant barrierefrei?",
|
|
||||||
content: "Ja, unser gesamter Gastraum ist barrierefrei zugänglich.",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
sideTitle="Fragen & Antworten"
|
sideTitle="Häufige Fragen"
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -335,71 +131,27 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Reservieren Sie Ihren Tisch"
|
title="Tisch buchen"
|
||||||
description="Schreiben Sie uns gerne für Reservierungsanfragen oder bei Fragen."
|
description="Reservieren Sie Ihren Platz am See."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Name" },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "E-Mail" },
|
||||||
type: "text",
|
|
||||||
placeholder: "Ihr Name",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Ihre E-Mail",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "Nachricht / Anzahl Personen" }}
|
||||||
name: "message",
|
|
||||||
placeholder: "Ihre Nachricht (Personenanzahl, Datum, Uhrzeit)",
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/cook-cutting-roasted-meat-wooden-board_23-2148040262.jpg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Kontakt", items: [{ label: "Seeweg 5, 82345 Seeheim" }, { label: "Tel: 0800-123456" }] },
|
||||||
title: "Kontakt",
|
{ title: "Rechtliches", items: [{ label: "Impressum" }, { label: "Datenschutz" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Seeuferstraße 1",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "82345 Seenähe",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "info@seeblick-restaurant.de",
|
|
||||||
href: "mailto:info@seeblick-restaurant.de",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Service",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Über uns",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Speisekarte",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Reservierung",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Seeblick Restaurant"
|
bottomLeftText="© 2024 Gasthof zur Reuse"
|
||||||
bottomRightText="Impressum | Datenschutz"
|
bottomRightText=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user