Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "products",
|
||||
},
|
||||
name: "Sortiment", id: "products"},
|
||||
{
|
||||
name: "Catering",
|
||||
id: "features",
|
||||
},
|
||||
name: "Catering", id: "features"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Landfleischerei Broda"
|
||||
/>
|
||||
@@ -58,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Traditionelles Fleischerhandwerk aus der Region"
|
||||
description="Erleben Sie echte handwerkliche Qualität und Frische – von unserer Familie für Ihren Tisch. Landfleischerei Broda steht für ehrliche Produkte direkt aus Ihrer Heimat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt bestellen",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Jetzt bestellen", href: "#products"},
|
||||
{
|
||||
text: "Catering anfragen",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Catering anfragen", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hamon-spanish-market_1398-4217.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hamon-spanish-market_1398-4217.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Regional",
|
||||
},
|
||||
type: "text", text: "Regional"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handgemacht",
|
||||
},
|
||||
type: "text", text: "Handgemacht"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Frisch",
|
||||
},
|
||||
type: "text", text: "Frisch"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditionell",
|
||||
},
|
||||
type: "text", text: "Traditionell"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualität",
|
||||
},
|
||||
type: "text", text: "Qualität"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,20 +92,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition und Leidenschaft",
|
||||
},
|
||||
type: "text", content: "Tradition und Leidenschaft"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-family-with-kid_23-2149001356.jpg",
|
||||
alt: "Familienbetrieb Broda",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-happy-family-with-kid_23-2149001356.jpg", alt: "Familienbetrieb Broda"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,59 +111,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Broda",
|
||||
name: "Hausgemachte Grillwürste",
|
||||
price: "ab 4,50 €",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-dark-blue-background-sandwich-meal-bread-bun-meat-animal-food-color_179666-46231.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "Broda", name: "Hausgemachte Grillwürste", price: "ab 4,50 €", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-dark-blue-background-sandwich-meal-bread-bun-meat-animal-food-color_179666-46231.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Broda",
|
||||
name: "Herzhafte Salami",
|
||||
price: "12,90 € / kg",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-110807.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "Broda", name: "Herzhafte Salami", price: "12,90 € / kg", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-110807.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Broda",
|
||||
name: "Frisches Rindersteak",
|
||||
price: "24,50 € / kg",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-37208.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", brand: "Broda", name: "Frisches Rindersteak", price: "24,50 € / kg", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-37208.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Broda",
|
||||
name: "Bratwurst-Spezialitäten",
|
||||
price: "ab 5,90 €",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-delicious-sausages_658428-258.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", brand: "Broda", name: "Bratwurst-Spezialitäten", price: "ab 5,90 €", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fried-delicious-sausages_658428-258.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Broda",
|
||||
name: "Hausgeräucherter Schinken",
|
||||
price: "18,90 € / kg",
|
||||
rating: 5,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-his-assistant-presenting-fresh-steak-before-cooking-restaurant-kitchen_613910-18971.jpg",
|
||||
},
|
||||
id: "p5", brand: "Broda", name: "Hausgeräucherter Schinken", price: "18,90 € / kg", rating: 5,
|
||||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/chef-his-assistant-presenting-fresh-steak-before-cooking-restaurant-kitchen_613910-18971.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Broda",
|
||||
name: "Saisonale Spezialitäten",
|
||||
price: "ab 3,90 €",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-plate-with-cutlery_23-2148439454.jpg",
|
||||
},
|
||||
id: "p6", brand: "Broda", name: "Saisonale Spezialitäten", price: "ab 3,90 €", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-plate-with-cutlery_23-2148439454.jpg"},
|
||||
]}
|
||||
title="Unser Sortiment"
|
||||
description="Qualität, die man schmeckt: Von regionalem Fleisch über handgemachte Wurstwaren bis zu unseren beliebten Grill-Highlights."
|
||||
@@ -219,28 +141,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Individuelle Buffets",
|
||||
description: "Wir gestalten Ihr Buffet nach Ihren Wünschen und Vorstellungen.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet_74190-3733.jpg",
|
||||
},
|
||||
title: "Individuelle Buffets", description: "Wir gestalten Ihr Buffet nach Ihren Wünschen und Vorstellungen.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet_74190-3733.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "Frische Zutaten",
|
||||
icon: CheckCircle,
|
||||
text: "Frische Zutaten", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
text: "Zuverlässiger Service",
|
||||
icon: CheckCircle,
|
||||
text: "Zuverlässiger Service", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
text: "Sehr lecker",
|
||||
icon: CheckCircle,
|
||||
text: "Sehr lecker", icon: CheckCircle,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamon-spanish-market_1398-4217.jpg?_wi=2",
|
||||
imageAlt: "traditional german butcher counter selection",
|
||||
},
|
||||
]}
|
||||
title="Unser beliebter Partyservice"
|
||||
@@ -254,60 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sabine Müller",
|
||||
date: "12.05.2024",
|
||||
title: "Tolle Qualität!",
|
||||
quote: "Die Fleischqualität ist unschlagbar und die Bedienung immer sehr freundlich.",
|
||||
tag: "Sehr zufrieden",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-family-with-kid_23-2149001356.jpg",
|
||||
imageAlt: "butcher family business tradition",
|
||||
},
|
||||
id: "t1", name: "Sabine Müller", date: "12.05.2024", title: "Tolle Qualität!", quote: "Die Fleischqualität ist unschlagbar und die Bedienung immer sehr freundlich.", tag: "Sehr zufrieden", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-family-with-kid_23-2149001356.jpg", imageAlt: "butcher family business tradition"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jürgen Schmidt",
|
||||
date: "10.05.2024",
|
||||
title: "Super Partyservice",
|
||||
quote: "Wir hatten unser Firmenfest mit Broda und alle waren begeistert vom Buffet.",
|
||||
tag: "Top Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-dark-blue-background-sandwich-meal-bread-bun-meat-animal-food-color_179666-46231.jpg?_wi=2",
|
||||
imageAlt: "fresh handmade sausages rustic tray",
|
||||
},
|
||||
id: "t2", name: "Jürgen Schmidt", date: "10.05.2024", title: "Super Partyservice", quote: "Wir hatten unser Firmenfest mit Broda und alle waren begeistert vom Buffet.", tag: "Top Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-dark-blue-background-sandwich-meal-bread-bun-meat-animal-food-color_179666-46231.jpg", imageAlt: "fresh handmade sausages rustic tray"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Claudia Weber",
|
||||
date: "05.05.2024",
|
||||
title: "Sehr lecker",
|
||||
quote: "Die Grillwürste sind einfach fantastisch. Immer wieder ein Genuss.",
|
||||
tag: "Lieblingsfleischer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-110807.jpg?_wi=2",
|
||||
imageAlt: "cured salami hanging rustic butcher",
|
||||
},
|
||||
id: "t3", name: "Claudia Weber", date: "05.05.2024", title: "Sehr lecker", quote: "Die Grillwürste sind einfach fantastisch. Immer wieder ein Genuss.", tag: "Lieblingsfleischer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-110807.jpg", imageAlt: "cured salami hanging rustic butcher"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Markus Hoffmann",
|
||||
date: "20.04.2024",
|
||||
title: "Tradition, die man schmeckt",
|
||||
quote: "Man merkt, dass hier noch echtes Handwerk am Werk ist. Tolle regionale Produkte.",
|
||||
tag: "Top Qualität",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-37208.jpg?_wi=2",
|
||||
imageAlt: "homemade gourmet meat specialty",
|
||||
},
|
||||
id: "t4", name: "Markus Hoffmann", date: "20.04.2024", title: "Tradition, die man schmeckt", quote: "Man merkt, dass hier noch echtes Handwerk am Werk ist. Tolle regionale Produkte.", tag: "Top Qualität", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-37208.jpg", imageAlt: "homemade gourmet meat specialty"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Petra Lange",
|
||||
date: "15.04.2024",
|
||||
title: "Immer freundlich!",
|
||||
quote: "Auch bei Stress sind die Mitarbeiter hier immer super freundlich. Sehr empfehlenswert.",
|
||||
tag: "Freundlich",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-delicious-sausages_658428-258.jpg?_wi=2",
|
||||
imageAlt: "bbq meat grill products platter",
|
||||
},
|
||||
id: "t5", name: "Petra Lange", date: "15.04.2024", title: "Immer freundlich!", quote: "Auch bei Stress sind die Mitarbeiter hier immer super freundlich. Sehr empfehlenswert.", tag: "Freundlich", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fried-delicious-sausages_658428-258.jpg", imageAlt: "bbq meat grill products platter"},
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Die Zufriedenheit unserer Kunden liegt uns am Herzen. Erfahren Sie, warum unsere Kunden immer wiederkommen."
|
||||
@@ -321,20 +190,12 @@ export default function LandingPage() {
|
||||
description="Haben Sie Fragen oder möchten Sie ein Catering anfragen? Wir sind für Sie da."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "E-Mail"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht oder Catering-Anfrage",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ihre Nachricht oder Catering-Anfrage", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410171.jpg"
|
||||
/>
|
||||
@@ -345,42 +206,27 @@ export default function LandingPage() {
|
||||
logoText="Landfleischerei Broda"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Hauptstraße 1, 12345 Dorf",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hauptstraße 1, 12345 Dorf", href: "#"},
|
||||
{
|
||||
label: "Tel: 0123 456 789",
|
||||
href: "tel:0123456789",
|
||||
},
|
||||
label: "Tel: 0123 456 789", href: "tel:0123456789"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
title: "Öffnungszeiten", items: [
|
||||
{
|
||||
label: "Mo-Fr: 07:00 - 18:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mo-Fr: 07:00 - 18:00", href: "#"},
|
||||
{
|
||||
label: "Sa: 07:00 - 13:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sa: 07:00 - 13:00", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user