Merge version_1 into main #2
449
src/app/page.tsx
449
src/app/page.tsx
@@ -26,350 +26,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Spezialitäten",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Da Claudio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Spezialitäten", id: "products" },
|
||||
{ name: "Bewertungen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Da Claudio"
|
||||
button={{ text: "Reservieren", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Eis Café Da Claudio"
|
||||
description="Das beste Eis in Moosburg. Handgemacht, italienisch, mit Liebe zubereitet."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Bestes Eis im Landkreis – Qualität ist spitze!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765095.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Michael K.",
|
||||
handle: "@michael",
|
||||
testimonial: "Unglaublich cremig und riesige Kugeln!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-some-street-food_23-2149009657.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@julia",
|
||||
testimonial: "Mit Liebe gemacht – absolute Empfehlung!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dark-hair-stares-impressed-camera-holds-cotton-candy-tasty-appetizing-ice-cream-dressed-formally_273609-51387.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@david",
|
||||
testimonial: "Einfach nur traumhaft, immer wieder!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-making-soap-balloons_23-2148672413.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Anna P.",
|
||||
handle: "@anna",
|
||||
testimonial: "Die Sortenauswahl ist phänomenal.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern-with-plastic-shovels-starfish_23-2147809832.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Speisekarte",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Route planen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-s-hand-eating-ice-cream-cone-with-silver-sprinkles-balls_23-2147957510.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765095.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-enjoying-some-street-food_23-2149009657.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-dark-hair-stares-impressed-camera-holds-cotton-candy-tasty-appetizing-ice-cream-dressed-formally_273609-51387.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-making-soap-balloons_23-2148672413.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/summer-pattern-with-plastic-shovels-starfish_23-2147809832.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handgemacht",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Natürliche Zutaten",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Italienisches Flair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Täglich frisch",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regional & Fair",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Eis Café Da Claudio"
|
||||
description="Das beste Eis in Moosburg. Handgemacht, italienisch, mit Liebe zubereitet."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarah", testimonial: "Bestes Eis im Landkreis – Qualität ist spitze!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765095.jpg" },
|
||||
{ name: "Michael K.", handle: "@michael", testimonial: "Unglaublich cremig und riesige Kugeln!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-some-street-food_23-2149009657.jpg" },
|
||||
{ name: "Julia M.", handle: "@julia", testimonial: "Mit Liebe gemacht – absolute Empfehlung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dark-hair-stares-impressed-camera-holds-cotton-candy-tasty-appetizing-ice-cream-dressed-formally_273609-51387.jpg" },
|
||||
{ name: "David L.", handle: "@david", testimonial: "Einfach nur traumhaft, immer wieder!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-making-soap-balloons_23-2148672413.jpg" },
|
||||
{ name: "Anna P.", handle: "@anna", testimonial: "Die Sortenauswahl ist phänomenal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern-with-plastic-shovels-starfish_23-2147809832.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Speisekarte", href: "#products" }, { text: "Route planen", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-s-hand-eating-ice-cream-cone-with-silver-sprinkles-balls_23-2147957510.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765095.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-enjoying-some-street-food_23-2149009657.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-dark-hair-stares-impressed-camera-holds-cotton-candy-tasty-appetizing-ice-cream-dressed-formally_273609-51387.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-making-soap-balloons_23-2148672413.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/summer-pattern-with-plastic-shovels-starfish_23-2147809832.jpg", alt: "Kunde 5" },
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Kunden"
|
||||
marqueeItems={[{ type: "text", text: "Handgemacht" }, { type: "text", text: "Natürliche Zutaten" }, { type: "text", text: "Italienisches Flair" }, { type: "text", text: "Täglich frisch" }, { type: "text", text: "Regional & Fair" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Hausgemacht",
|
||||
value: "Täglich frisch",
|
||||
icon: IceCream,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Italienisch",
|
||||
value: "Echte Qualität",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Familienbetrieb",
|
||||
value: "Mit viel Liebe",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Bewertungen",
|
||||
value: "4.7 Sterne",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Warum Da Claudio?"
|
||||
description="Tradition trifft auf feinste Zutaten."
|
||||
/>
|
||||
</div>
|
||||
<div id="highlights" data-section="highlights">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Hausgemacht", value: "Täglich frisch", icon: IceCream },
|
||||
{ id: "m2", title: "Italienisch", value: "Echte Qualität", icon: Award },
|
||||
{ id: "m3", title: "Familienbetrieb", value: "Mit viel Liebe", icon: Heart },
|
||||
{ id: "m4", title: "Bewertungen", value: "4.7 Sterne", icon: Star },
|
||||
]}
|
||||
title="Warum Da Claudio?"
|
||||
description="Tradition trifft auf feinste Zutaten."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Klassiker",
|
||||
name: "Eisbecher Da Claudio",
|
||||
price: "7,50 €",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-roasted-plums-bowl_53876-95446.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Spezial",
|
||||
name: "Raffaello Becher",
|
||||
price: "8,20 €",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-texture_23-2149450684.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Frucht",
|
||||
name: "Maracuja Traum",
|
||||
price: "6,90 €",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fruit-shake-topped-with-frozen-strawberries-cranberries-coconut-bowl_181624-27868.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Genuss",
|
||||
name: "Frische Waffeln",
|
||||
price: "5,50 €",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cake-with-strawberries-white-surface-cream-tea-biscuit-birthday-cake-sweet_140725-101617.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Kuchen",
|
||||
name: "Hausgemachte Torte",
|
||||
price: "4,20 €",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-piece-cake-star-anise_114579-22268.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Getränke",
|
||||
name: "Italienischer Kaffee",
|
||||
price: "3,20 €",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-ice-cream-sprinkles-chocolate-white-plate-dark-surface_114579-33789.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Einzigartige Eiskreationen, die auf der Zunge zergehen."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Klassiker", name: "Eisbecher Da Claudio", price: "7,50 €", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-roasted-plums-bowl_53876-95446.jpg" },
|
||||
{ id: "p2", brand: "Spezial", name: "Raffaello Becher", price: "8,20 €", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-texture_23-2149450684.jpg" },
|
||||
{ id: "p3", brand: "Frucht", name: "Maracuja Traum", price: "6,90 €", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fruit-shake-topped-with-frozen-strawberries-cranberries-coconut-bowl_181624-27868.jpg" },
|
||||
{ id: "p4", brand: "Genuss", name: "Frische Waffeln", price: "5,50 €", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cake-with-strawberries-white-surface-cream-tea-biscuit-birthday-cake-sweet_140725-101617.jpg" },
|
||||
{ id: "p5", brand: "Kuchen", name: "Hausgemachte Torte", price: "4,20 €", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-piece-cake-star-anise_114579-22268.jpg" },
|
||||
{ id: "p6", brand: "Getränke", name: "Italienischer Kaffee", price: "3,20 €", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-ice-cream-sprinkles-chocolate-white-plate-dark-surface_114579-33789.jpg" },
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Einzigartige Eiskreationen, die auf der Zunge zergehen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Stammgast",
|
||||
company: "Moosburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765095.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "Eis-Liebhaber",
|
||||
company: "Moosburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-some-street-food_23-2149009657.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julia M.",
|
||||
role: "Feinschmecker",
|
||||
company: "Moosburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dark-hair-stares-impressed-camera-holds-cotton-candy-tasty-appetizing-ice-cream-dressed-formally_273609-51387.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Urlauber",
|
||||
company: "Moosburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-making-soap-balloons_23-2148672413.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna P.",
|
||||
role: "Stammgast",
|
||||
company: "Moosburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern-with-plastic-shovels-starfish_23-2147809832.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Das sagen unsere Gäste"
|
||||
description="Qualität, die man schmeckt."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Stammgast", company: "Moosburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765095.jpg" },
|
||||
{ id: "t2", name: "Michael K.", role: "Eis-Liebhaber", company: "Moosburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-some-street-food_23-2149009657.jpg" },
|
||||
{ id: "t3", name: "Julia M.", role: "Feinschmecker", company: "Moosburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dark-hair-stares-impressed-camera-holds-cotton-candy-tasty-appetizing-ice-cream-dressed-formally_273609-51387.jpg" },
|
||||
{ id: "t4", name: "David L.", role: "Urlauber", company: "Moosburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-making-soap-balloons_23-2148672413.jpg" },
|
||||
{ id: "t5", name: "Anna P.", role: "Stammgast", company: "Moosburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern-with-plastic-shovels-starfish_23-2147809832.jpg" },
|
||||
]}
|
||||
title="Das sagen unsere Gäste"
|
||||
description="Qualität, die man schmeckt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Besuche uns"
|
||||
description="Stadtplatz 20, 85368 Moosburg. Wir freuen uns auf dich!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Nachricht oder Tischreservierung",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/provencal-style-house_1147-423.jpg"
|
||||
buttonText="Route planen"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Besuche uns"
|
||||
description="Stadtplatz 20, 85368 Moosburg. Wir freuen uns auf dich!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Nachricht oder Tischreservierung", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/provencal-style-house_1147-423.jpg"
|
||||
buttonText="Route planen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Stadtplatz 20, 85368 Moosburg",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tel: 08761 334789",
|
||||
href: "tel:08761334789",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Da Claudio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Stadtplatz 20, 85368 Moosburg", href: "#" }, { label: "Tel: 08761 334789", href: "tel:08761334789" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Impressum", href: "#" }] },
|
||||
]}
|
||||
logoText="Da Claudio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user