Merge version_1 into main #2
389
src/app/page.tsx
389
src/app/page.tsx
@@ -17,289 +17,130 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Speisekarte",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DINO"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Speisekarte", id: "menu" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="DINO"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="gradient-bars"
|
||||
title="Ehrlicher Genuss. Riesige Portionen. Dein DINO."
|
||||
description="Erlebe knusprige Pizza, herzhaften Kebap und die familiäre Atmosphäre, die dich immer wieder gerne zu uns kommen lässt. Frisch, preiswert und einfach lecker."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg?_wi=12",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt vorbeikommen",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Speisekarte ansehen",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Gäste"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pizza",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kebap",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Burger",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pasta",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Salate",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ehrlicher Genuss. Riesige Portionen. Dein DINO."
|
||||
description="Erlebe knusprige Pizza, herzhaften Kebap und die familiäre Atmosphäre, die dich immer wieder gerne zu uns kommen lässt. Frisch, preiswert und einfach lecker."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google Maps",
|
||||
"TripAdvisor",
|
||||
"Yelp",
|
||||
"Local Guide",
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"Foodie Community",
|
||||
]}
|
||||
title="Beliebt bei unseren Nachbarn"
|
||||
description="Überzeuge dich selbst, warum wir für unsere riesigen Portionen und den freundlichen Service gefeiert werden."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Google Maps", "TripAdvisor", "Yelp", "Local Guide", "Facebook", "Instagram", "Foodie Community"]}
|
||||
title="Beliebt bei unseren Nachbarn"
|
||||
description="Überzeuge dich selbst, warum wir für unsere riesigen Portionen und den freundlichen Service gefeiert werden."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Eine Familie, ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg",
|
||||
alt: "DINO Ambience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " eine Leidenschaft für echten Geschmack",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Eine Familie, " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg", alt: "DINO Ambience" },
|
||||
{ type: "text", content: " eine Leidenschaft für echten Geschmack" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pizza DINO Spezial",
|
||||
price: "9,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Großer Döner Kebap",
|
||||
price: "7,00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Burger DINO Style",
|
||||
price: "8,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Von knuspriger Pizza bis hin zum saftigen Kebap – wir bereiten alles frisch mit Liebe für dich zu."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Pizza DINO Spezial", price: "9,50 €", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg" },
|
||||
{ id: "p2", name: "Großer Döner Kebap", price: "7,00 €", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg" },
|
||||
{ id: "p3", name: "Burger DINO Style", price: "8,50 €", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg" }
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Von knuspriger Pizza bis hin zum saftigen Kebap – wir bereiten alles frisch mit Liebe für dich zu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="timeline"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Riesige Portionen",
|
||||
description: "Bei uns verlässt niemand den Tisch mit Hunger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Frische Zutaten",
|
||||
description: "Täglich frisch geliefert für maximalen Geschmack.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Herzlicher Service",
|
||||
description: "Wir behandeln unsere Kunden wie Familienmitglieder.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
title="Warum DINO?"
|
||||
description="Wir setzen auf faire Preise und Qualität, die man schmeckt."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="timeline"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Riesige Portionen", description: "Bei uns verlässt niemand den Tisch mit Hunger.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg" },
|
||||
{ id: "f2", title: "Frische Zutaten", description: "Täglich frisch geliefert für maximalen Geschmack.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg" },
|
||||
{ id: "f3", title: "Herzlicher Service", description: "Wir behandeln unsere Kunden wie Familienmitglieder.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-fresh-tomatoes-sliced-mushroom-with-blurred-background_181624-16687.jpg" }
|
||||
]}
|
||||
title="Warum DINO?"
|
||||
description="Wir setzen auf faire Preise und Qualität, die man schmeckt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Besuche uns noch heute"
|
||||
description="Komm vorbei, sag Hallo und probiere unsere frischen Gerichte selbst aus!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Dein Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Deine E-Mail",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Besuche uns noch heute"
|
||||
description="Komm vorbei, sag Hallo und probiere unsere frischen Gerichte selbst aus!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Dein Name" },
|
||||
{ name: "email", type: "email", placeholder: "Deine E-Mail" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
{
|
||||
label: "Mo-So: 11:00 - 22:00",
|
||||
},
|
||||
{
|
||||
label: "Kein Ruhetag",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Standort",
|
||||
items: [
|
||||
{
|
||||
label: "Hauptstraße 123, Stadtmitte",
|
||||
},
|
||||
{
|
||||
label: "Parkplätze in Seitenstraßen verfügbar",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Pizzeria DINO"
|
||||
bottomRightText="Genuss aus Leidenschaft"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Öffnungszeiten", items: [{ label: "Mo-So: 11:00 - 22:00" }, { label: "Kein Ruhetag" }] },
|
||||
{ title: "Standort", items: [{ label: "Hauptstraße 123, Stadtmitte" }, { label: "Parkplätze in Seitenstraßen verfügbar" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Pizzeria DINO"
|
||||
bottomRightText="Genuss aus Leidenschaft"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user