347 lines
11 KiB
TypeScript
347 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Start",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Unsere Philosophie",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Unsere Auswahl",
|
||
id: "products",
|
||
},
|
||
{
|
||
name: "Besuch planen",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Deli"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboardSplit
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
logoText="Deli Trinken & Genießen"
|
||
description="Exquisite Delikatessen. Erlesene Getränke. Ein Ort für besondere Momente."
|
||
buttons={[
|
||
{
|
||
text: "Jetzt entdecken",
|
||
href: "#products",
|
||
},
|
||
{
|
||
text: "Tisch reservieren",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
layoutOrder="default"
|
||
imageSrc="http://img.b2bpic.net/free-photo/wine-bottle-filling-wineglass_23-2148214960.jpg"
|
||
imageAlt="Genussvoller Moment mit Wein"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Unsere Philosophie"
|
||
description={[
|
||
"Bei Deli Trinken & Genießen geht es um mehr als Essen und Trinken.",
|
||
"Es geht um Atmosphäre. Um Qualität. Um Augenblicke, die bleiben.",
|
||
"Jeder Besuch ist eine kleine Auszeit vom Alltag – stilvoll, ruhig, besonders.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
brand: "Feinkost",
|
||
name: "Delikatessen",
|
||
price: "ab 12€",
|
||
rating: 5,
|
||
reviewCount: "120",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p2",
|
||
brand: "Weine",
|
||
name: "Erlesene Weine",
|
||
price: "ab 25€",
|
||
rating: 5,
|
||
reviewCount: "85",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-wine-glass_140725-162600.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p3",
|
||
brand: "Bar",
|
||
name: "Signature Drinks",
|
||
price: "14€",
|
||
rating: 5,
|
||
reviewCount: "200",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-iced-cocktail-with-dried-lemons-black-board_181624-57689.jpg",
|
||
},
|
||
{
|
||
id: "p4",
|
||
brand: "Antipasti",
|
||
name: "Hausgemachte Feinkost",
|
||
price: "ab 15€",
|
||
rating: 4,
|
||
reviewCount: "95",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-various-types-cheese-with-honey-grapes-wooden-platter-with-pickled-olives_140725-12228.jpg",
|
||
},
|
||
{
|
||
id: "p5",
|
||
brand: "Süßwaren",
|
||
name: "Artisan Desserts",
|
||
price: "ab 8€",
|
||
rating: 5,
|
||
reviewCount: "60",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "p6",
|
||
brand: "Spirituosen",
|
||
name: "Edle Raritäten",
|
||
price: "ab 45€",
|
||
rating: 5,
|
||
reviewCount: "40",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-wine-glass_140725-162600.jpg?_wi=2",
|
||
},
|
||
]}
|
||
title="Unsere Auswahl"
|
||
description="Entdecken Sie unsere kuratierten Spezialitäten, die mit Liebe zum Detail für echte Genießer ausgewählt wurden."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-why" data-section="about-why">
|
||
<FeatureCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: [
|
||
"Perfekt für besondere Anlässe",
|
||
"Liebe zum Detail",
|
||
"Exklusive Selektion",
|
||
],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Kuratiert statt beliebig",
|
||
"Qualität ohne Kompromisse",
|
||
"Stilvolles Ambiente",
|
||
],
|
||
}}
|
||
title="Warum Deli Trinken & Genießen?"
|
||
description="Qualität ohne Kompromisse in einem Ambiente, das zum Verweilen einlädt."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "g1",
|
||
name: "Bild 1",
|
||
handle: "Ambiente",
|
||
testimonial: "Ein Ort, an dem man die Zeit vergisst.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg",
|
||
},
|
||
{
|
||
id: "g2",
|
||
name: "Bild 2",
|
||
handle: "Kulinarik",
|
||
testimonial: "Unglaubliche Auswahl.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-hamaji-fish-meat-sashimi-white-plate_74190-842.jpg",
|
||
},
|
||
{
|
||
id: "g3",
|
||
name: "Bild 3",
|
||
handle: "Bar",
|
||
testimonial: "Genuss wird hier gelebt.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494225.jpg",
|
||
},
|
||
{
|
||
id: "g4",
|
||
name: "Bild 4",
|
||
handle: "Service",
|
||
testimonial: "Stilvoll und einladend.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157785.jpg",
|
||
},
|
||
{
|
||
id: "g5",
|
||
name: "Bild 5",
|
||
handle: "Details",
|
||
testimonial: "Beste Adresse in der Stadt.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras_74190-7672.jpg",
|
||
},
|
||
]}
|
||
title="Unsere Galerie"
|
||
description="Ein visueller Einblick in unsere Welt des Genusses."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
name: "Sarah M.",
|
||
handle: "Genießerin",
|
||
testimonial: "Ein Ort, an dem man die Zeit vergisst.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg",
|
||
},
|
||
{
|
||
id: "t2",
|
||
name: "Michael B.",
|
||
handle: "Feinschmecker",
|
||
testimonial: "Unglaubliche Auswahl und eine Atmosphäre wie im Urlaub.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "t3",
|
||
name: "Elena R.",
|
||
handle: "Stammgast",
|
||
testimonial: "Hier wird Genuss wirklich gelebt.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t4",
|
||
name: "David K.",
|
||
handle: "Experte",
|
||
testimonial: "Hervorragende Beratung und exzellente Qualität.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||
},
|
||
{
|
||
id: "t5",
|
||
name: "Lisa H.",
|
||
handle: "Kundin",
|
||
testimonial: "Immer wieder ein Erlebnis.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
|
||
},
|
||
]}
|
||
title="Stimmen unserer Gäste"
|
||
description="Erfahren Sie, warum unsere Kunden immer wieder zu uns kommen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Besuchen Sie uns"
|
||
title="Reservierung"
|
||
description="Hauptstraße 123, 10115 Berlin | Öffnungszeiten: Mo-Sa 12:00 - 22:00 Uhr."
|
||
buttons={[
|
||
{
|
||
text: "Jetzt Tisch reservieren",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Deli"
|
||
columns={[
|
||
{
|
||
title: "Navigation",
|
||
items: [
|
||
{
|
||
label: "Start",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Unsere Philosophie",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Auswahl",
|
||
href: "#products",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt",
|
||
items: [
|
||
{
|
||
label: "Besuch planen",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Rechtliches",
|
||
items: [
|
||
{
|
||
label: "Impressum",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Datenschutz",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Deli Trinken & Genießen"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|