271 lines
7.6 KiB
TypeScript
271 lines
7.6 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="largeSmall"
|
||
background="noise"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "/",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "/menu",
|
||
},
|
||
{
|
||
name: "Über uns",
|
||
id: "/about",
|
||
},
|
||
{
|
||
name: "Kontakt",
|
||
id: "/contact",
|
||
},
|
||
]}
|
||
brandName="Konya Grill"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Konya Grill – Frischer Döner in Dortmund"
|
||
description="Authentischer Geschmack, frische Zutaten und erstklassiger Grill-Genuss im Herzen von Dortmund."
|
||
kpis={[
|
||
{
|
||
value: "1000+",
|
||
label: "Bewertungen",
|
||
},
|
||
{
|
||
value: "4.7",
|
||
label: "Sterne-Rating",
|
||
},
|
||
{
|
||
value: "€",
|
||
label: "Preisniveau",
|
||
},
|
||
]}
|
||
enableKpiAnimation={true}
|
||
buttons={[
|
||
{
|
||
text: "Jetzt anrufen",
|
||
href: "tel:0231823770",
|
||
},
|
||
{
|
||
text: "Route starten",
|
||
href: "https://maps.app.goo.gl/",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-cream-sauce-white-plate_141793-3844.jpg?_wi=1"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||
alt: "Kunde 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-cute-cheerful-africanamerican-girl-showing-thumbsup-support-like-agree-with-y_1258-138554.jpg",
|
||
alt: "Kunde 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg",
|
||
alt: "Kunde 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
|
||
alt: "Kunde 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||
alt: "Kunde 5",
|
||
},
|
||
]}
|
||
avatarText="Über 1000 zufriedene Gäste"
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "100% Halal",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Frisch vom Spieß",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Hausgemachte Saucen",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Seit 2005",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Dortmunder Tradition",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={true}
|
||
testimonial="Einfach der beste Döner in Dortmund. Super nettes Personal und immer frisches Fleisch!"
|
||
rating={5}
|
||
author="Max Mustermann"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-cute-cheerful-africanamerican-girl-showing-thumbsup-support-like-agree-with-y_1258-138554.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-cute-cheerful-africanamerican-girl-showing-thumbsup-support-like-agree-with-y_1258-138554.jpg",
|
||
alt: "Customer",
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="product" data-section="product">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
title="Unsere Favoriten"
|
||
description="Beliebte Gerichte bei unseren Gästen."
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
name: "Gemüse Döner",
|
||
price: "5,50 €",
|
||
variant: "Veggie",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plov-ustu-doner-table_140725-9249.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p2",
|
||
name: "Lahmacun",
|
||
price: "4,50 €",
|
||
variant: "Klassiker",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burrito-with-tomato-cucumber-lettuce-jalapeno-served-with-fries-sauces-vertical_141793-1862.jpg?_wi=1",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Was die Presse sagt"
|
||
description="Konya Grill in den Medien."
|
||
names={[
|
||
"Dortmund Gazette",
|
||
"Street Food Guide",
|
||
"Ruhrgebiet News",
|
||
"Stadtmagazin DO",
|
||
"Döner Experten",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metric" data-section="metric">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={false}
|
||
title="Erfolge"
|
||
tag="Auszeichnungen"
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
value: "15",
|
||
description: "Jahre Erfahrung",
|
||
},
|
||
{
|
||
id: "m2",
|
||
value: "500k+",
|
||
description: "Servierte Gerichte",
|
||
},
|
||
{
|
||
id: "m3",
|
||
value: "24/7",
|
||
description: "Leidenschaft",
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Startseite",
|
||
href: "/",
|
||
},
|
||
{
|
||
label: "Menü",
|
||
href: "/menu",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Impressum",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Datenschutz",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Konya Grill"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|