337 lines
11 KiB
TypeScript
337 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="none"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Vorteile",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Funktionen",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "FAQ",
|
||
id: "faq",
|
||
},
|
||
{
|
||
name: "Kontakt",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Lieferteller"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Ihre eigene Bestellwebsite ohne Provisionen"
|
||
description="Verkaufen Sie direkt an Ihre Gäste und behalten Sie 100% Ihrer Gewinne. Mit Lieferteller kontrollieren Sie Ihre Marke, Ihre Daten und Ihre Geschäftsergebnisse – ohne Plattform-Abhängigkeit."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-tablet-food-plate_23-2147835343.jpg?_wi=1",
|
||
imageAlt: "Dashboard",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg?_wi=1",
|
||
imageAlt: "Mobile App",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg?_wi=2",
|
||
imageAlt: "Team",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg?_wi=1",
|
||
imageAlt: "Data",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glassware-cutlery-served-wooden-table_8353-10893.jpg?_wi=1",
|
||
imageAlt: "Branding",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950068.jpg?_wi=1",
|
||
imageAlt: "Order",
|
||
},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950068.jpg?_wi=2",
|
||
imageAlt: "Order",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glassware-cutlery-served-wooden-table_8353-10893.jpg?_wi=2",
|
||
imageAlt: "Branding",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg?_wi=2",
|
||
imageAlt: "Data",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg?_wi=3",
|
||
imageAlt: "Team",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg?_wi=4",
|
||
imageAlt: "Mobile App",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-tablet-food-plate_23-2147835343.jpg?_wi=2",
|
||
imageAlt: "Dashboard",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Kostenlos testen",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/portrait-confident-restaurant-owner-small-business-kitchen_23-2148962635.jpg",
|
||
alt: "User 1",
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/young-chef-uniform-holding-tablet_23-2148766107.jpg",
|
||
alt: "User 2",
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/happy-restaurant-manager-holding-tablet-with-orders_23-2148924035.jpg",
|
||
alt: "User 3",
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/portrait-cheerful-business-woman-restaurant-owner_23-2148962648.jpg",
|
||
alt: "User 4",
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/portrait-successful-restaurant-manager_23-2148924045.jpg",
|
||
alt: "User 5",
|
||
},
|
||
]}
|
||
avatarText="Von über 500 Gastronomen vertraut"
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "Keine Provisionen",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "100% Datenbesitz",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Eigene Marke",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Volle Kontrolle",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Einfache Einrichtung",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "Unabhängigkeit für ",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/group-diverse-people-ordering-coffee-cafe-shop_53876-30111.jpg",
|
||
alt: "Owner",
|
||
},
|
||
{
|
||
type: "text",
|
||
content: " Ihren Erfolg",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Mehr erfahren",
|
||
href: "#features",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNine
|
||
textboxLayout="inline-image"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Direktverkauf",
|
||
description: "100% Gewinnmarge durch eigene Kanäle.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104504.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-ordering-takeaway-food-smartphone_23-2149025816.jpg",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-tablet-food-plate_23-2147835343.jpg?_wi=3",
|
||
imageAlt: "restaurant dashboard interface",
|
||
},
|
||
{
|
||
title: "Loyalitätssystem",
|
||
description: "Kundenbindung durch Punkte und Prämien.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-manager-evaluating-sales-profit-within-infographics_482257-90843.jpg",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg?_wi=5",
|
||
imageAlt: "food ordering mobile app UI",
|
||
},
|
||
{
|
||
title: "Datenkontrolle",
|
||
description: "Eigentum an Ihren wertvollen Kundendaten.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-colored-ui-kit-collection_23-2149206037.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg?_wi=6",
|
||
imageAlt: "restaurant manager using tablet",
|
||
},
|
||
]}
|
||
showStepNumbers={true}
|
||
title="Alles, was Sie für Wachstum brauchen"
|
||
description="Lieferteller bietet ein Komplettpaket, um direkt zu verkaufen und Ihre Kundenbindung zu maximieren."
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Restaurant A",
|
||
"Bistro B",
|
||
"Café C",
|
||
"Pizza D",
|
||
"Burger E",
|
||
"Sushi F",
|
||
"Grill G",
|
||
]}
|
||
title="Von Restaurantinhabern geschätzt"
|
||
description="Erfolgreiche Partner setzen auf unsere Technologie."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "Wie hoch sind die Kosten?",
|
||
content: "Wir bieten faire monatliche Gebühren ohne versteckte Kosten.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Wie lange dauert die Einrichtung?",
|
||
content: "Meistens sind Sie innerhalb von wenigen Tagen voll einsatzbereit.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Ist mein Design anpassbar?",
|
||
content: "Ja, wir bieten eine vollständig individualisierbare White-Label Lösung.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-laptop_53876-20848.jpg"
|
||
title="Häufige Fragen"
|
||
description="Wir haben die Antworten auf Ihre Fragen."
|
||
faqsAnimation="blur-reveal"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Starten Sie jetzt"
|
||
title="Bereit für mehr Unabhängigkeit?"
|
||
description="Kontaktieren Sie uns für eine kostenlose Demo unserer Plattform."
|
||
imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201859.jpg"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Über uns",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Funktionen",
|
||
href: "#features",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Impressum",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Datenschutz",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Lieferteller"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|