Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 72f1fb3deb | |||
| 7fd158131e | |||
| f3ba527bf2 | |||
| d1bd4b9270 | |||
| 70255df4fc |
286
src/app/page.tsx
286
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Sortiment", id: "products" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Bäckerei Rüdiger Pfaff"
|
||||
/>
|
||||
@@ -58,38 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Frische Backwaren aus traditionellem Handwerk"
|
||||
description="Ihr Bäcker in Mömbris-Niedersteinbach. Täglich frisch, traditionell hergestellt und mit Liebe gebacken für Sie und Ihre Familie."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt vorbeikommen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt vorbeikommen", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379531.jpg?_wi=1",
|
||||
imageAlt: "Frisches Brot aus der Backstube",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-picture-croissants-with-powdered-sugar-grey-table_176420-6880.jpg?_wi=1",
|
||||
imageAlt: "Frische Brötchen am Morgen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaves-book-near-desserts-drink_23-2147885996.jpg?_wi=1",
|
||||
imageAlt: "Feine Torten aus der Konditorei",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-bagels-covered-sesame-seeds_181624-58886.jpg",
|
||||
imageAlt: "Closeup shot of a bunch of bagels covered in sesame seeds",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-pita-bread-sale_181624-58514.jpg",
|
||||
imageAlt: "Closeup of fresh Pita bread for sale",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379531.jpg?_wi=1", imageAlt: "Frisches Brot aus der Backstube" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/macro-picture-croissants-with-powdered-sugar-grey-table_176420-6880.jpg?_wi=1", imageAlt: "Frische Brötchen am Morgen" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/leaves-book-near-desserts-drink_23-2147885996.jpg?_wi=1", imageAlt: "Feine Torten aus der Konditorei" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,21 +61,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Tradition & Handwerk seit Generationen"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Tradition",
|
||||
value: "99+ Jahre",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Handwerk",
|
||||
value: "Frisch ",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Lokal",
|
||||
value: "Ihr Bäcker vor Ort",
|
||||
},
|
||||
{ icon: Award, label: "Tradition", value: "99+ Jahre" },
|
||||
{ icon: Utensils, label: "Handwerk", value: "Frisch" },
|
||||
{ icon: MapPin, label: "Lokal", value: "Ihr Bäcker vor Ort" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,48 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rustikales Vollkornbrot",
|
||||
price: "4,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-delicious-bread-table_169016-3152.jpg?_wi=1",
|
||||
imageAlt: "Vollkornbrot",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Knusprige Brötchen",
|
||||
price: "0,60 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-29993.jpg?_wi=1",
|
||||
imageAlt: "Brötchen",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Feine Sahnetorte",
|
||||
price: "24,00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-cake-slice-wooden-board-rustic_114579-51159.jpg",
|
||||
imageAlt: "Torte",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dänisches Plundergebäck",
|
||||
price: "1,80 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cookies-with-sesame-seeds-tablecloth-high-quality-photo_114579-68814.jpg",
|
||||
imageAlt: "Plunder",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Belegtes Baguette",
|
||||
price: "3,20 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-delicious-biscuits-with-present-light-background_140725-131783.jpg",
|
||||
imageAlt: "Baguette",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Große Festtagstorte",
|
||||
price: "35,00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sweet-pie-with-orange-slices-dark-surface-pie-cake-dessert-tea-sweet-biscuit_140725-118372.jpg",
|
||||
imageAlt: "Festtagstorte",
|
||||
},
|
||||
{ id: "p1", name: "Rustikales Vollkornbrot", price: "4,50 €", imageSrc: "http://img.b2bpic.net/free-photo/fresh-delicious-bread-table_169016-3152.jpg?_wi=1", imageAlt: "Vollkornbrot" },
|
||||
{ id: "p2", name: "Knusprige Brötchen", price: "0,60 €", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-29993.jpg?_wi=1", imageAlt: "Brötchen" },
|
||||
{ id: "p3", name: "Feine Sahnetorte", price: "24,00 €", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-cake-slice-wooden-board-rustic_114579-51159.jpg", imageAlt: "Torte" }
|
||||
]}
|
||||
title="Unser Sortiment"
|
||||
description="Entdecken Sie unsere Vielfalt an handgefertigten Backwaren – von rustikalem Vollkornbrot bis hin zur feinen Torte."
|
||||
@@ -180,53 +90,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Stehcafé",
|
||||
description: "Genießen Sie frischen Kaffee und Backwaren direkt vor Ort in unserer gemütlichen Atmosphäre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9896.jpg",
|
||||
imageAlt: "Stehcafé",
|
||||
},
|
||||
{
|
||||
title: "Tortenservice",
|
||||
description: "Individuelle Torten für Geburtstage, Hochzeiten und besondere Feiern nach Ihren Wünschen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-macaroons-slate-plate-glass-cabinet_23-2148028042.jpg",
|
||||
imageAlt: "Torten",
|
||||
},
|
||||
{
|
||||
title: "DHL-Paketshop",
|
||||
description: "Erledigen Sie Ihre Paketversendungen direkt bei Ihrem Einkauf in der Bäckerei.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-bar-counter-inside-modern-drink-establishment-generated-by-ai_188544-22453.jpg",
|
||||
imageAlt: "Paketshop",
|
||||
},
|
||||
{ title: "Stehcafé", description: "Genießen Sie frischen Kaffee und Backwaren direkt vor Ort.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9896.jpg" },
|
||||
{ title: "Tortenservice", description: "Individuelle Torten für besondere Anlässe nach Ihren Wünschen.", imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-macaroons-slate-plate-glass-cabinet_23-2148028042.jpg" }
|
||||
]}
|
||||
title="Unser Service für Sie"
|
||||
description="Wir sind mehr als nur eine Bäckerei. Besuchen Sie uns im Stehcafé oder nutzen Sie unseren Tortenservice für besondere Anlässe."
|
||||
description="Wir sind mehr als nur eine Bäckerei."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieten Sie auch vegane Backwaren an?",
|
||||
content: "Ja, wir führen eine Auswahl an veganen Backwaren und Gebäckstücken. Sprechen Sie uns gerne im Laden an.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie kann ich Torten bestellen?",
|
||||
content: "Torten können Sie telefonisch oder persönlich bei uns im Geschäft bis zu 3 Tage im Voraus bestellen.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Haben Sie an Sonntagen geöffnet?",
|
||||
content: "Ja, wir sind auch sonntags mit frischen Brötchen für Sie da!",
|
||||
},
|
||||
{ id: "f1", title: "Bieten Sie auch vegane Backwaren an?", content: "Ja, wir führen eine Auswahl an veganen Backwaren." },
|
||||
{ id: "f2", title: "Wie kann ich Torten bestellen?", content: "Torten können Sie bis zu 3 Tage im Voraus bestellen." }
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
sideDescription="Hier finden Sie Antworten auf die wichtigsten Fragen rund um unser Angebot und unseren Service."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,139 +115,31 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sabine M.",
|
||||
date: "12.05.2024",
|
||||
title: "Tolle Qualität",
|
||||
quote: "Die Brötchen sind jeden Morgen wunderbar frisch und knusprig.",
|
||||
tag: "Stammkundin",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/parisian-woman-stylish-yellow-shirt-holding-appetizing-croissant-lady-beret-with-smile-red-wall_197531-14344.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379531.jpg?_wi=2",
|
||||
imageAlt: "friendly local customer portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Herbert K.",
|
||||
date: "10.05.2024",
|
||||
title: "Echter Bäcker",
|
||||
quote: "Man schmeckt noch die Handarbeit bei jedem Brot. Einfach klasse!",
|
||||
tag: "Stammkunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-person-cooking_23-2150980292.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-picture-croissants-with-powdered-sugar-grey-table_176420-6880.jpg?_wi=2",
|
||||
imageAlt: "friendly local customer portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Familie Wagner",
|
||||
date: "05.05.2024",
|
||||
title: "Super Torten",
|
||||
quote: "Unsere Geburtstagstorte war wunderschön und sehr lecker.",
|
||||
tag: "Familie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-daughter-senior-woman-eating-baked-croissant-holding-glass-juice_23-2148041587.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaves-book-near-desserts-drink_23-2147885996.jpg?_wi=2",
|
||||
imageAlt: "friendly local customer portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Markus S.",
|
||||
date: "01.05.2024",
|
||||
title: "Perfekt",
|
||||
quote: "Schnell, freundlich und sehr leckere Auswahl. Ideal für Pendler.",
|
||||
tag: "Pendler",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-holding-gift-box-against-pink-background_23-2147890344.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-delicious-bread-table_169016-3152.jpg?_wi=2",
|
||||
imageAlt: "friendly local customer portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Gisela R.",
|
||||
date: "28.04.2024",
|
||||
title: "Tradition pur",
|
||||
quote: "Die beste Bäckerei im ganzen Umkreis. Wir kommen immer wieder gerne.",
|
||||
tag: "Stammkundin",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515853.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-29993.jpg?_wi=2",
|
||||
imageAlt: "friendly local customer portrait smiling",
|
||||
},
|
||||
{ id: "t1", name: "Sabine M.", date: "12.05.2024", title: "Tolle Qualität", quote: "Die Brötchen sind jeden Morgen wunderbar frisch.", tag: "Stammkundin", avatarSrc: "http://img.b2bpic.net/free-photo/parisian-woman-stylish-yellow-shirt-holding-appetizing-croissant-lady-beret-with-smile-red-wall_197531-14344.jpg" }
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was unsere Kunden über uns sagen."
|
||||
description="Was unsere Kunden sagen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Besuchen Sie uns"
|
||||
title="Kontakt & Öffnungszeiten"
|
||||
description="Bäckerei Rüdiger Pfaff, Niedersteinbach, Mömbris. Kommen Sie vorbei und genießen Sie frische Backwaren."
|
||||
description="Bäckerei Rüdiger Pfaff, Niedersteinbach, Mömbris."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-women-arranging-their-cake-shop_23-2149210448.jpg"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Ihre Nachricht oder Bestellung"
|
||||
buttonText="Kontaktanfrage"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sortiment",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Tortenservice",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Stehcafé",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Paketshop",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
logoText="Bäckerei Rüdiger Pfaff"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user