Merge version_1 into main #2
325
src/app/page.tsx
325
src/app/page.tsx
@@ -26,227 +26,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Info",
|
||||
id: "#info",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sorriso Pizzeria"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Info", id: "#info" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sorriso Pizzeria"
|
||||
button={{ text: "Bestellen", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentische Pizza in Dortmund"
|
||||
description="Sölder Straße 63, 44289 Dortmund. Jetzt online bestellen und liefern lassen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Bestellen",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg?_wi=1",
|
||||
imageAlt: "Authentic Italian Pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg?_wi=2",
|
||||
imageAlt: "Fresh Dough Preparation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg?_wi=3",
|
||||
imageAlt: "Wood Oven Cooking",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg?_wi=4",
|
||||
imageAlt: "Pizza Selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg?_wi=5",
|
||||
imageAlt: "Gourmet Toppings",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentische Pizza in Dortmund"
|
||||
description="Sölder Straße 63, 44289 Dortmund. Jetzt online bestellen und liefern lassen."
|
||||
buttons={[{ text: "Jetzt Bestellen", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg", imageAlt: "Authentic Italian Pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg", imageAlt: "Fresh Dough Preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg", imageAlt: "Wood Oven Cooking" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg", imageAlt: "Pizza Selection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg", imageAlt: "Gourmet Toppings" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="info" data-section="info">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Über Sorriso"
|
||||
description="Ihre Pizzeria in Dortmund-Sölde. Wir bereiten jede Pizza mit Leidenschaft und den frischesten Zutaten zu, um Ihnen den echten Geschmack Italiens direkt nach Hause zu bringen."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Frische Zutaten",
|
||||
},
|
||||
{
|
||||
value: "15min",
|
||||
title: "Schnelle Lieferung",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Pizza Variationen",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg?_wi=1"
|
||||
imageAlt="Pizzeria Interior"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="info" data-section="info">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Über Sorriso"
|
||||
description="Ihre Pizzeria in Dortmund-Sölde. Wir bereiten jede Pizza mit Leidenschaft und den frischesten Zutaten zu, um Ihnen den echten Geschmack Italiens direkt nach Hause zu bringen."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Frische Zutaten" },
|
||||
{ value: "15min", title: "Schnelle Lieferung" },
|
||||
{ value: "50+", title: "Pizza Variationen" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg"
|
||||
imageAlt="Pizzeria Interior"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Frische Zutaten",
|
||||
description: "Wir verwenden nur erstklassige Produkte für ein authentisches Erlebnis.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3302.jpg?_wi=6",
|
||||
imageAlt: "authentic italian pizza fresh dough",
|
||||
},
|
||||
{
|
||||
title: "Traditionelle Rezepturen",
|
||||
description: "Original italienische Pizza, wie sie sein sollte.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg?_wi=2",
|
||||
imageAlt: "warm restaurant interior cozy vibes",
|
||||
},
|
||||
{
|
||||
title: "Schnelle Lieferung",
|
||||
description: "Heiß und frisch direkt an Ihre Tür geliefert.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Timer,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-ingredients_23-2148765315.jpg",
|
||||
imageAlt: "fresh pizza ingredients close up",
|
||||
},
|
||||
]}
|
||||
title="Warum Sorriso?"
|
||||
description="Entdecken Sie, warum unsere Pizzeria Ihre erste Wahl für authentischen italienischen Genuss in Dortmund ist."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Frische Zutaten", description: "Wir verwenden nur erstklassige Produkte für ein authentisches Erlebnis.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Traditionelle Rezepturen", description: "Original italienische Pizza, wie sie sein sollte.", bentoComponent: "reveal-icon", icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Schnelle Lieferung", description: "Heiß und frisch direkt an Ihre Tür geliefert.", bentoComponent: "reveal-icon", icon: Timer,
|
||||
},
|
||||
]}
|
||||
title="Warum Sorriso?"
|
||||
description="Entdecken Sie, warum unsere Pizzeria Ihre erste Wahl für authentischen italienischen Genuss in Dortmund ist."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Müller",
|
||||
role: "Stammkunde",
|
||||
company: "Dortmund",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus Schmidt",
|
||||
role: "Pizza-Fan",
|
||||
company: "Sölde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-653.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia Weber",
|
||||
role: "Feinschmecker",
|
||||
company: "Dortmund",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-friendship-leisure-concept-happy-interracial-couple-having-fun-modern-coffee-shop-talking-their-female-friend-laughing-cheerfully_273609-2053.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Becker",
|
||||
role: "Familie",
|
||||
company: "Dortmund",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419417.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lukas Schneider",
|
||||
role: "Stammgast",
|
||||
company: "Dortmund",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Hier ist, was unsere treuen Kunden über unser Essen und unseren Service denken."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Müller", role: "Stammkunde", company: "Dortmund", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg" },
|
||||
{ id: "2", name: "Markus Schmidt", role: "Pizza-Fan", company: "Sölde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-653.jpg" },
|
||||
{ id: "3", name: "Julia Weber", role: "Feinschmecker", company: "Dortmund", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/people-friendship-leisure-concept-happy-interracial-couple-having-fun-modern-coffee-shop-talking-their-female-friend-laughing-cheerfully_273609-2053.jpg" },
|
||||
{ id: "4", name: "Thomas Becker", role: "Familie", company: "Dortmund", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419417.jpg" },
|
||||
{ id: "5", name: "Lukas Schneider", role: "Stammgast", company: "Dortmund", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg" },
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Hier ist, was unsere treuen Kunden über unser Essen und unseren Service denken."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Besuchen oder Bestellen Sie"
|
||||
description="Sölder Straße 63, 44289 Dortmund. Wir freuen uns auf Sie!"
|
||||
buttonText="Bestellen"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Besuchen oder Bestellen Sie"
|
||||
description="Sölder Straße 63, 44289 Dortmund. Wir freuen uns auf Sie!"
|
||||
buttonText="Bestellen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Speisekarte",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#info",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Sorriso Pizzeria Dortmund"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Service", items: [
|
||||
{ label: "Speisekarte", href: "#menu" },
|
||||
{ label: "Über uns", href: "#info" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Sorriso Pizzeria Dortmund"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user