Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Karte",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über Uns", id: "about" },
|
||||
{ name: "Karte", id: "menu" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Altes Brauhaus"
|
||||
/>
|
||||
@@ -55,42 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Altes Brauhaus Bielefeld"
|
||||
description="Erleben Sie echte westfälische Braukunst und herzhafte Hausmannskost in gemütlichem Ambiente."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg?_wi=1",
|
||||
imageAlt: "Rustikale Einrichtung",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg?_wi=1",
|
||||
imageAlt: "Gemütlicher Gastraum",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-beer-factory_107420-94856.jpg",
|
||||
imageAlt: "Frisch gezapftes Bier",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-concept-with-clipboard_23-2147812102.jpg",
|
||||
imageAlt: "Herzhaftes Essen",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crackers-pattern-with-copy-space-dark-horizontal_176474-4425.jpg",
|
||||
imageAlt: "Gesellige Runde",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-arrangement-with-delicious-glass-beer_23-2149051975.jpg",
|
||||
imageAlt: "Biergenuss",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg", imageAlt: "Rustikale Einrichtung" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg", imageAlt: "Gemütlicher Gastraum" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-beer-factory_107420-94856.jpg", imageAlt: "Frisch gezapftes Bier" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-concept-with-clipboard_23-2147812102.jpg", imageAlt: "Herzhaftes Essen" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crackers-pattern-with-copy-space-dark-horizontal_176474-4425.jpg", imageAlt: "Gesellige Runde" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-arrangement-with-delicious-glass-beer_23-2149051975.jpg", imageAlt: "Biergenuss" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,18 +64,9 @@ export default function LandingPage() {
|
||||
title="Tradition, die man schmeckt"
|
||||
description="Seit Generationen sind wir ein fester Bestandteil der Bielefelder Gastronomie. Wir verbinden traditionelles Brauhandwerk mit regionalen Zutaten zu einem einzigartigen kulinarischen Erlebnis."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Hausgebrautes Bier",
|
||||
description: "Frisch vom Fass nach altem Rezept.",
|
||||
},
|
||||
{
|
||||
title: "Regionale Küche",
|
||||
description: "Saisonale Produkte aus der Umgebung.",
|
||||
},
|
||||
{
|
||||
title: "Gemütliches Ambiente",
|
||||
description: "Der perfekte Ort für gesellige Stunden.",
|
||||
},
|
||||
{ title: "Hausgebrautes Bier", description: "Frisch vom Fass nach altem Rezept." },
|
||||
{ title: "Regionale Küche", description: "Saisonale Produkte aus der Umgebung." },
|
||||
{ title: "Gemütliches Ambiente", description: "Der perfekte Ort für gesellige Stunden." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-building-with-glass-windows-silently-witnessing-life-big-city_181624-6713.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -124,44 +77,15 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Schweinshaxe",
|
||||
price: "18,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pickles-beer_23-2148754958.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brauhaus-Lager",
|
||||
price: "4,20 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-foaming-beer-table_23-2148342194.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hausgemachte Bratwurst",
|
||||
price: "12,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-sausages-sauerkraut-wooden-table-traditional-oktoberfest-menu-flat-lay-top-view_2829-4157.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Laugenbrezel",
|
||||
price: "3,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-breads-eggs-red-white-cloth_1150-28508.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rindergulasch",
|
||||
price: "16,80 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatballs-green-peas-carrot-with-tomato-sauce-wooden-table_123827-30867.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Apfelstrudel",
|
||||
price: "6,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-savoyardi-cookies-espresso-mascarpone-cheese-rum-cinnamon-strawberry-side-view_141793-4167.jpg",
|
||||
},
|
||||
{ id: "1", name: "Schweinshaxe", price: "18,50 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pickles-beer_23-2148754958.jpg" },
|
||||
{ id: "2", name: "Brauhaus-Lager", price: "4,20 €", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-foaming-beer-table_23-2148342194.jpg" },
|
||||
{ id: "3", name: "Hausgemachte Bratwurst", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/plate-sausages-sauerkraut-wooden-table-traditional-oktoberfest-menu-flat-lay-top-view_2829-4157.jpg" },
|
||||
{ id: "4", name: "Laugenbrezel", price: "3,50 €", imageSrc: "http://img.b2bpic.net/free-photo/various-breads-eggs-red-white-cloth_1150-28508.jpg" },
|
||||
{ id: "5", name: "Rindergulasch", price: "16,80 €", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-green-peas-carrot-with-tomato-sauce-wooden-table_123827-30867.jpg" },
|
||||
{ id: "6", name: "Apfelstrudel", price: "6,90 €", imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-savoyardi-cookies-espresso-mascarpone-cheese-rum-cinnamon-strawberry-side-view_141793-4167.jpg" },
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Entdecken Sie unsere deftigen Klassiker aus der Brauhausküche."
|
||||
@@ -175,28 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Handwerk",
|
||||
description: "Echtes Brauhandwerk vor Ort.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-celebration-with-beer-pretzel_23-2152012133.jpg",
|
||||
imageAlt: "handwerkliches bier brauhaus",
|
||||
title: "Handwerk", description: "Echtes Brauhandwerk vor Ort.", bentoComponent: "reveal-icon", icon: Building2
|
||||
},
|
||||
{
|
||||
title: "Frische",
|
||||
description: "Zutaten aus unserer Region.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg?_wi=2",
|
||||
imageAlt: "handwerkliches bier brauhaus",
|
||||
title: "Frische", description: "Zutaten aus unserer Region.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Atmosphäre",
|
||||
description: "Unser idyllischer Biergarten.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg?_wi=2",
|
||||
imageAlt: "handwerkliches bier brauhaus",
|
||||
title: "Atmosphäre", description: "Unser idyllischer Biergarten.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
]}
|
||||
title="Was uns auszeichnet"
|
||||
@@ -211,46 +120,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Markus S.",
|
||||
role: "Stammgast",
|
||||
company: "Bielefeld",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julia M.",
|
||||
role: "Besucherin",
|
||||
company: "Bielefeld",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-enjoying-family-life-with-their-little-daughter-outdoor-cafe_613910-18579.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas K.",
|
||||
role: "Tourist",
|
||||
company: "Berlin",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-woman-sitting-cafe_273609-4485.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sabine L.",
|
||||
role: "Stammgast",
|
||||
company: "Bielefeld",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Peter H.",
|
||||
role: "Gast",
|
||||
company: "Herford",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-still-life-with-pretzel-beer_23-2152011907.jpg",
|
||||
},
|
||||
{ id: "1", name: "Markus S.", role: "Stammgast", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
|
||||
{ id: "2", name: "Julia M.", role: "Besucherin", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-enjoying-family-life-with-their-little-daughter-outdoor-cafe_613910-18579.jpg" },
|
||||
{ id: "3", name: "Thomas K.", role: "Tourist", company: "Berlin", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-woman-sitting-cafe_273609-4485.jpg" },
|
||||
{ id: "4", name: "Sabine L.", role: "Stammgast", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg" },
|
||||
{ id: "5", name: "Peter H.", role: "Gast", company: "Herford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-still-life-with-pretzel-beer_23-2152011907.jpg" },
|
||||
]}
|
||||
title="Was unsere Gäste sagen"
|
||||
description="Erfahrungen unserer zufriedenen Kunden."
|
||||
@@ -264,21 +138,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
description: "Jahre Erfahrung",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
description: "Biersorten",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "500+",
|
||||
description: "Zufriedene Gäste täglich",
|
||||
},
|
||||
{ id: "1", value: "150+", description: "Jahre Erfahrung" },
|
||||
{ id: "2", value: "12", description: "Biersorten" },
|
||||
{ id: "3", value: "500+", description: "Zufriedene Gäste täglich" },
|
||||
]}
|
||||
title="Unsere Brauhaus-Zahlen"
|
||||
description="Tradition in Zahlen."
|
||||
@@ -289,21 +151,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Brauchen wir eine Reservierung?",
|
||||
content: "Ja, besonders am Wochenende empfehlen wir eine Tischreservierung.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gibt es vegetarische Gerichte?",
|
||||
content: "Wir bieten eine Auswahl an vegetarischen und veganen Speisen.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ist das Brauhaus barrierefrei?",
|
||||
content: "Ja, alle Gasträume sind ebenerdig zugänglich.",
|
||||
},
|
||||
{ id: "1", title: "Brauchen wir eine Reservierung?", content: "Ja, besonders am Wochenende empfehlen wir eine Tischreservierung." },
|
||||
{ id: "2", title: "Gibt es vegetarische Gerichte?", content: "Wir bieten eine Auswahl an vegetarischen und veganen Speisen." },
|
||||
{ id: "3", title: "Ist das Brauhaus barrierefrei?", content: "Ja, alle Gasträume sind ebenerdig zugänglich." },
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -316,30 +166,11 @@ export default function LandingPage() {
|
||||
title="Reservieren Sie jetzt"
|
||||
description="Sichern Sie sich Ihren Tisch für einen geselligen Abend."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Wunschdatum",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Wunschdatum", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht oder Personenanzahl",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht oder Personenanzahl", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -349,16 +180,8 @@ export default function LandingPage() {
|
||||
logoText="Altes Brauhaus Bielefeld"
|
||||
copyrightText="© 2025 | Altes Brauhaus Bielefeld"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user