230 lines
16 KiB
TypeScript
230 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { Sparkles } from "lucide-react";
|
||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Secrets Gelato"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Über uns", id: "about" },
|
||
{ name: "Sorten", id: "gallery" },
|
||
{ name: "Kontakt", id: "contact" },
|
||
]}
|
||
button={{
|
||
text: "Google Maps", href: "https://www.google.com/maps/search/Secrets+Gelato+Naturale+Heilbronn+Kirchbrunnenstra%C3%9Fe+29"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
title="Dein Geheimnis für perfektes Gelato in Heilbronn"
|
||
description="Hausgemacht • 100% natürlich • Ohne Konservierungsstoffe • 4,9 Sterne"
|
||
background={{ variant: "aurora" }}
|
||
tag="Lieblingseisdiele"
|
||
tagIcon={Sparkles}
|
||
imageSrc="http://img.b2bpic.net/free-photo/ice-cream-cone_169016-3419.jpg"
|
||
imageAlt="Frisch geschöpfte Gelato-Kugeln in der Vitrine"
|
||
buttons={[
|
||
{
|
||
text: "Jetzt vorbeikommen", href: "https://www.google.com/maps/search/Secrets+Gelato+Naturale+Heilbronn+Kirchbrunnenstra%C3%9Fe+29"},
|
||
{ text: "Unsere Sorten entdecken", href: "#gallery" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{
|
||
type: "text", content:
|
||
"Bei Secrets Gelato Naturale dreht sich alles um echten Genuss. Wir verwenden nur frische, natürliche Zutaten – Milch von regionalen Höfen, echte Früchte, hochwertige Nüsse, selbst gebackene Kuchen für unsere Kreationen. Keine künstlichen Aromen, keine Farbstoffe, keine Konservierungsstoffe. Das schmeckt man sofort."},
|
||
]}
|
||
buttons={[{ text: "Mehr erfahren", href: "#contact" }]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
title="Warum zu Secrets Gelato?"
|
||
description="Entdecke, was uns zur besten Eisdiele in Heilbronn macht"
|
||
tag="Unsere Stärken"
|
||
features={[
|
||
{
|
||
id: "01", title: "100% Natürlich & Hausgemacht", description:
|
||
"Jede Kugel wird mit Liebe aus reinen, natürlichen Zutaten hergestellt – ohne Kompromisse.", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618927.jpg?_wi=1", imageAlt: "Hausgemachtes Pistazie-Gelato"},
|
||
{
|
||
id: "02", title: "Cremig ohne Eiskristalle", description:
|
||
"Perfekte Textur durch traditionelle Herstellung und hochwertige Rohstoffe. Schmelzend zart auf der Zunge.", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/front-view-pistachio-icecream-with-nuts_23-2148431192.jpg?_wi=1", imageAlt: "Cremiges Stracciatella-Gelato"},
|
||
{
|
||
id: "03", title: "Regional & Saisonal", description:
|
||
"Wir nutzen saisonale Früchte und Zutaten von lokalen Lieferanten aus der Region Heilbronn.", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/top-view-fresh-cocktail-yummy-cooling-drink-inside-little-glass-near-wooden-cream-desk-along-with-yellow-lemons-dark_140725-16949.jpg?_wi=1", imageAlt: "Frisches Zitrone-Sorbet"},
|
||
{
|
||
id: "04", title: "Wohlfühl-Ambiente", description:
|
||
"Freundliches Team in modernem, hellem Ambiente – zum Genießen und Verweilen einladend.", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618941.jpg", imageAlt: "Modernes, einladendes Gelato-Café"},
|
||
{
|
||
id: "05", title: "Top Google-Bewertung", description:
|
||
"4,9 Sterne bei hunderten Bewertungen – Vertrauen, das Sie schmecken und sehen können.", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/top-view-different-types-ice-cream_23-2148507902.jpg", imageAlt: "Bunte Gelato-Vitrine im Schaufenster"},
|
||
{
|
||
id: "06", title: "Glutenfrei Verfügbar", description:
|
||
"Viele unserer Sorten sind glutenfrei – Genuss für alle mit bewusster Ernährung.", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/side-view-strawberry-cheesecake-with-chocolate-chip-cookies-blackberry-raspberry-marmalade-plate_141793-14253.jpg?_wi=1", imageAlt: "Himbeer-Cheesecake-Gelato"},
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardFour
|
||
title="Unsere Aktuellen Sorten"
|
||
description="Jede Sorte ein kleines Kunstwerk – cremig, intensiv im Geschmack, 100% natürlich"
|
||
tag="Handgemacht"
|
||
products={[
|
||
{
|
||
id: "pistazie", name: "Pistazie", price: "ab 2,00 €", variant: "Mit gerösteten Pistazien", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618927.jpg?_wi=2", imageAlt: "Pistazie-Gelato Premium"},
|
||
{
|
||
id: "tiramisu", name: "Tiramisu", price: "ab 2,50 €", variant: "Mit selbst gebackenem Kuchen", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/front-view-dough-meal-salted-delicious-wooden-desk-meal-food-taste_140725-26083.jpg", imageAlt: "Tiramisu-Gelato Gourmet"},
|
||
{
|
||
id: "stracciatella", name: "Stracciatella", price: "ab 2,00 €", variant: "Klassisches italienisches Rezept", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/front-view-pistachio-icecream-with-nuts_23-2148431192.jpg?_wi=2", imageAlt: "Stracciatella-Gelato Klassik"},
|
||
{
|
||
id: "haselnuss", name: "Haselnuss", price: "ab 2,00 €", variant: "Mit hochwertigen Nüssen", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/delicious-ice-cream-chocolate-bar_23-2148177306.jpg", imageAlt: "Haselnuss-Gelato Premium"},
|
||
{
|
||
id: "zitrone-sorbet", name: "Zitrone-Sorbet", price: "ab 1,80 €", variant: "Glutenfrei • Fruchtig & erfrischend", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/top-view-fresh-cocktail-yummy-cooling-drink-inside-little-glass-near-wooden-cream-desk-along-with-yellow-lemons-dark_140725-16949.jpg?_wi=2", imageAlt: "Zitrone-Sorbet Frisch"},
|
||
{
|
||
id: "himbeer-cheesecake", name: "Himbeer-Cheesecake", price: "ab 2,30 €", variant: "Glutenfrei • Saisonale Kreation", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/side-view-strawberry-cheesecake-with-chocolate-chip-cookies-blackberry-raspberry-marmalade-plate_141793-14253.jpg?_wi=2", imageAlt: "Himbeer-Cheesecake-Gelato"},
|
||
{
|
||
id: "dunkelschokolade", name: "Dunkle Schokolade", price: "ab 2,00 €", variant: "Glutenfrei • Intensives Aroma", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/top-view-chocolate-ice-cream-with-copy-space_23-2148425446.jpg", imageAlt: "Dunkle-Schokolade-Gelato Premium"},
|
||
{
|
||
id: "user-gelato-logo", name: "Secrets Gelato Spezialkreation", price: "ab 2,50 €", variant: "Wechselnde Kreationen • Geheim!", imageSrc:
|
||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiJESGByUdvXWAORnqgdokN9vR/uploaded-1773069466249-i42mmz9y.png", imageAlt: "Secrets Gelato Spezialkreation"},
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="Von Gästen geliebt"
|
||
description="Hunderte zufriedene Bewertungen – unsere Gäste sprechen für uns"
|
||
tag="4,9 Sterne Bewertung"
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Das beste Gelato in ganz Heilbronn!", quote:
|
||
"Endlich echtes, cremiges Gelato ohne Zusatzstoffe! Man schmeckt sofort, dass alles frisch und natürlich ist. Das Team ist super freundlich und hilft gerne bei der Auswahl. Absolute Empfehlung für alle Genussmenschen!", name: "Anna Müller", role: "Gästin, Heilbronn", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/from-women-eating-ice-cream-steps_23-2147784614.jpg?_wi=1", imageAlt: "Glückliche Gästin mit Gelato"},
|
||
{
|
||
id: "2", title: "Instagram-würdig und lecker!", quote:
|
||
"Die Farben sind so verführerisch schön, und der Geschmack hält, was die Optik verspricht! Ich komme regelmäßig vorbei und probiere neue Kreationen. Jedes Mal ein kleines Highlight in meinem Tag.", name: "Marco Rossi", role: "Food-Blogger", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/close-up-empty-waffle-cone-glass-ice-cream-tasty-sweet-forms-ice-cream-cafe-bar-perfect-summer-heat-concept-food-desert_132075-13101.jpg?_wi=1", imageAlt: "Kunstvolles Gelato in Waffel"},
|
||
{
|
||
id: "3", title: "Endlich glutenfreie Qualität!", quote:
|
||
"Ich bin begeistert, dass viele Sorten glutenfrei sind – und nicht nur das, sondern auch wirklich lecker! Kein typischer Glutenfrei-Geschmack, sondern echte Genussqualität. Danke Secrets Gelato!", name: "Julia Schmidt", role: "Ernährungsbewusste Kundin", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/from-women-eating-ice-cream-steps_23-2147784614.jpg?_wi=2", imageAlt: "Zufriedene Kundin mit Gelato"},
|
||
{
|
||
id: "4", title: "Perfekt für die ganze Familie!", quote:
|
||
"Meine Kinder lieben das Gelato, meine Frau genießt die Ruhe im schönen Café, und ich freue mich über die ehrlichen Zutaten. So stelle ich mir gehobenes Eiscafé vor – herzlich und authentisch.", name: "Thomas Weber", role: "Familienvater", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/from-women-eating-ice-cream-steps_23-2147784614.jpg?_wi=3", imageAlt: "Familie genießt Gelato zusammen"},
|
||
{
|
||
id: "5", title: "Leidenschaft in jedem Löffel!", quote:
|
||
"Man merkt, dass die Inhaberin Daniela und ihr Team Leidenschaft in jede Kreation stecken. Das Pistazie-Gelato ist ein Traum – so cremig und intensiv! Seit Eröffnung im Juli 2024 mein Lieblingscafé.", name: "Sabine Hoffmann", role: "StammkundIn", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/close-up-empty-waffle-cone-glass-ice-cream-tasty-sweet-forms-ice-cream-cafe-bar-perfect-summer-heat-concept-food-desert_132075-13101.jpg?_wi=2", imageAlt: "Premium-Gelato Close-up"},
|
||
{
|
||
id: "6", title: "Besser als in Italien!", quote:
|
||
"Ich war viele Male in Italien zum Gelato essen – dieses hier ist genauso gut! Vielleicht sogar besser, weil es so nah bei mir zu Hause ist. Herzlichen Glückwunsch zum 4,9-Stern-Erfolg!", name: "Klaus Bauer", role: "Italien-Fan", imageSrc:
|
||
"http://img.b2bpic.net/free-photo/from-women-eating-ice-cream-steps_23-2147784614.jpg?_wi=4", imageAlt: "Glücklicher Gast mit Eis"},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Besuch uns"
|
||
title="Komm vorbei und genieße dein perfektes Gelato"
|
||
description="Kirchbrunnenstraße 29, 74072 Heilbronn • Tel: 0172 8447021\nÖffnungszeiten: Mo–So 12–20 Uhr (Sommer bis 21 Uhr)\nGerne auch für Private Events und Lieferungen – Kontaktiere uns!"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
useInvertedBackground={false}
|
||
inputPlaceholder="Deine E-Mail"
|
||
buttonText="Newsletter abonnieren"
|
||
termsText="Folge uns für tägliche Sorten-Updates und exklusive News! 📸"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Über uns", items: [
|
||
{ label: "Über Secrets Gelato", href: "#about" },
|
||
{ label: "Unsere Sorten", href: "#gallery" },
|
||
{ label: "Kontakt", href: "#contact" },
|
||
],
|
||
},
|
||
{
|
||
title: "Folge uns", items: [
|
||
{
|
||
label: "Instagram @secretsgelatonaturale", href: "https://www.instagram.com/secretsgelatonaturale"},
|
||
{ label: "Facebook", href: "https://www.facebook.com/secretsgelatonaturale" },
|
||
{ label: "TikTok", href: "https://www.tiktok.com/@secretsgelatonaturale" },
|
||
],
|
||
},
|
||
{
|
||
title: "Besuch uns", items: [
|
||
{
|
||
label: "Kirchbrunnenstraße 29", href: "https://www.google.com/maps/search/Secrets+Gelato+Naturale+Heilbronn+Kirchbrunnenstra%C3%9Fe+29"},
|
||
{ label: "Tel: 0172 8447021", href: "tel:+491728447021" },
|
||
{
|
||
label: "Google Maps", href: "https://www.google.com/maps/search/Secrets+Gelato+Naturale+Heilbronn"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Secrets Gelato Naturale • Made with Liebe in Heilbronn ❤️"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|