Merge version_1 into main #2
350
src/app/page.tsx
350
src/app/page.tsx
@@ -26,255 +26,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menü",
|
||||
id: "#produkte",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "#bewertungen",
|
||||
},
|
||||
{
|
||||
name: "Standort",
|
||||
id: "#standort",
|
||||
},
|
||||
{
|
||||
name: "Öffnungszeiten",
|
||||
id: "#kontakt",
|
||||
},
|
||||
]}
|
||||
brandName="Kaffeeküche"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Menü", id: "#produkte" },
|
||||
{ name: "Bewertungen", id: "#bewertungen" },
|
||||
{ name: "Standort", id: "#standort" },
|
||||
{ name: "Öffnungszeiten", id: "#kontakt" },
|
||||
]}
|
||||
brandName="Kaffeeküche"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Der beste Kaffee in Wien."
|
||||
description="Handgefertigt. Jeden Morgen. Für Sie."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12308.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-eating-german-sausage_23-2148270312.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-girl-drinking-cappuccino-eating-cheesecake_158595-1576.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Speisekarte entdecken",
|
||||
href: "#produkte",
|
||||
},
|
||||
{
|
||||
text: "Route planen",
|
||||
href: "#standort",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditionell geröstet",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wiener Handwerk",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lokale Zutaten",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Bio Qualität",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Schottentor Standort",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Der beste Kaffee in Wien."
|
||||
description="Handgefertigt. Jeden Morgen. Für Sie."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12308.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-eating-german-sausage_23-2148270312.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-girl-drinking-cappuccino-eating-cheesecake_158595-1576.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg", alt: "Kunde 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Speisekarte entdecken", href: "#produkte" },
|
||||
{ text: "Route planen", href: "#standort" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Traditionell geröstet" },
|
||||
{ type: "text-icon", text: "Wiener Handwerk", icon: Coffee },
|
||||
{ type: "text", text: "Lokale Zutaten" },
|
||||
{ type: "text-icon", text: "Bio Qualität", icon: Leaf },
|
||||
{ type: "text", text: "Schottentor Standort" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kaffeeküche: Wiener Tradition neu gedacht."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kaffeeküche: Wiener Tradition neu gedacht."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="produkte" data-section="produkte">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wiener Melange",
|
||||
price: "4.80€",
|
||||
variant: "Klassisch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Espresso Doppio",
|
||||
price: "3.50€",
|
||||
variant: "Intensiv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cappuccino",
|
||||
price: "4.20€",
|
||||
variant: "Cremig",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Franziskaner",
|
||||
price: "4.90€",
|
||||
variant: "Mit Sahne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Einspänner",
|
||||
price: "4.50€",
|
||||
variant: "Klassisch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ristretto",
|
||||
price: "3.20€",
|
||||
variant: "Stark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Erlesene Bohnen, lokale Rösterei."
|
||||
/>
|
||||
</div>
|
||||
<div id="produkte" data-section="produkte">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Wiener Melange", price: "4.80€", variant: "Klassisch", imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg" },
|
||||
{ id: "2", name: "Espresso Doppio", price: "3.50€", variant: "Intensiv", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg" },
|
||||
{ id: "3", name: "Cappuccino", price: "4.20€", variant: "Cremig", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg" },
|
||||
{ id: "4", name: "Franziskaner", price: "4.90€", variant: "Mit Sahne", imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg" },
|
||||
{ id: "5", name: "Einspänner", price: "4.50€", variant: "Klassisch", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg" },
|
||||
{ id: "6", name: "Ristretto", price: "3.20€", variant: "Stark", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg" },
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Erlesene Bohnen, lokale Rösterei."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bewertungen" data-section="bewertungen">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Huber",
|
||||
handle: "@sarah.huber",
|
||||
testimonial: "Der beste Kaffee im Schottentor. Ein echtes Wiener Juwel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus Weber",
|
||||
handle: "@m.weber",
|
||||
testimonial: "Minimalistisch, edel und einfach fantastischer Kaffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12308.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Schmidt",
|
||||
handle: "@elena.coffee",
|
||||
testimonial: "Wundervolles Ambiente, perfekt für kurze Pausen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-german-sausage_23-2148270312.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Wagner",
|
||||
handle: "@wagner.t",
|
||||
testimonial: "Tradition trifft Moderne. Sehr zu empfehlen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-drinking-cappuccino-eating-cheesecake_158595-1576.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Berger",
|
||||
handle: "@j.berger",
|
||||
testimonial: "Jedes Mal ein Erlebnis. Immer wieder gerne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Was unsere Gäste sagen"
|
||||
description="4,7 Sterne · 215 Google-Bewertungen"
|
||||
/>
|
||||
</div>
|
||||
<div id="bewertungen" data-section="bewertungen">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Huber", handle: "@sarah.huber", testimonial: "Der beste Kaffee im Schottentor. Ein echtes Wiener Juwel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg" },
|
||||
{ id: "2", name: "Markus Weber", handle: "@m.weber", testimonial: "Minimalistisch, edel und einfach fantastischer Kaffee.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12308.jpg" },
|
||||
{ id: "3", name: "Elena Schmidt", handle: "@elena.coffee", testimonial: "Wundervolles Ambiente, perfekt für kurze Pausen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-german-sausage_23-2148270312.jpg" },
|
||||
{ id: "4", name: "Thomas Wagner", handle: "@wagner.t", testimonial: "Tradition trifft Moderne. Sehr zu empfehlen.", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-drinking-cappuccino-eating-cheesecake_158595-1576.jpg" },
|
||||
{ id: "5", name: "Julia Berger", handle: "@j.berger", testimonial: "Jedes Mal ein Erlebnis. Immer wieder gerne.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg" },
|
||||
]}
|
||||
title="Was unsere Gäste sagen"
|
||||
description="4,7 Sterne · 215 Google-Bewertungen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Besuchen Sie uns"
|
||||
title="Ihr Moment im Schottentor"
|
||||
description="Mo–Fr 07:00–18:00 | Sa 08:00–17:00 | So 09:00–16:00"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030740.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Besuchen Sie uns"
|
||||
title="Ihr Moment im Schottentor"
|
||||
description="Mo–Fr 07:00–18:00 | Sa 08:00–17:00 | So 09:00–16:00"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030740.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kaffeeküche"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menü",
|
||||
href: "#produkte",
|
||||
},
|
||||
{
|
||||
label: "Bewertungen",
|
||||
href: "#bewertungen",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kaffeeküche"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menü", href: "#produkte" },
|
||||
{ label: "Bewertungen", href: "#bewertungen" },
|
||||
{ label: "Kontakt", href: "#kontakt" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user