207 lines
10 KiB
TypeScript
207 lines
10 KiB
TypeScript
"use client";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import { Mail } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="ORNO Café"
|
||
navItems={[
|
||
{ name: "Startseite", id: "home" },
|
||
{ name: "Über uns", id: "about" },
|
||
{ name: "Menü", id: "menu" },
|
||
{ name: "Standort", id: "location" },
|
||
{ name: "Kontakt", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Besuchen Sie uns", href: "#contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="ORNO"
|
||
description="Premium minimalist café in the heart of Munich. Specializing in exceptional espresso, matcha, and a welcoming atmosphere for work and conversation."
|
||
buttons={[
|
||
{ text: "Besuchen Sie uns", href: "#contact" },
|
||
{ text: "Mehr erfahren", href: "#about" }
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg", imageAlt: "ORNO Café minimalist interior"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg", imageAlt: "Specialty coffee preparations"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-matcha-tea_23-2150163555.jpg", imageAlt: "Premium matcha service"
|
||
}
|
||
]}
|
||
autoplayDelay={5000}
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
tag="Über ORNO"
|
||
title="Modernes Café für Kaffee-Enthusiasten"
|
||
description="ORNO ist ein modernes, minimalistisches Café mit Fokus auf Qualität und Atmosphäre. Wir sind bekannt für unseren hochwertigen Kaffee, vielfältige Milchalternativen und eine einladende Umgebung für Arbeit und Entspannung."
|
||
bulletPoints={[
|
||
{
|
||
title: "Hochwertiger Kaffee", description: "Sorgfältig ausgewählte Bohnen, professionelle Zubereitung und Expertise in jedem Getränk."
|
||
},
|
||
{
|
||
title: "Entspannte Atmosphäre", description: "Modernes Design trifft gemütliche Eleganz – perfekt zum Arbeiten, Lernen oder Entspannen."
|
||
},
|
||
{
|
||
title: "Große Auswahl", description: "Von klassischem Cappuccino über Matcha bis zu Hafermilch und anderen Alternativen."
|
||
},
|
||
{
|
||
title: "Beliebter Arbeitsort", description: "Perfekt für Studenten, Freelancer und alle, die einen inspirierenden Arbeitsplatz suchen."
|
||
}
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/smiling-bearded-man-by-table-with-laptop_171337-18113.jpg"
|
||
imageAlt="ORNO Café Arbeitsatmosphäre"
|
||
imagePosition="right"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
mediaAnimation="none"
|
||
buttons={[
|
||
{ text: "Standort entdecken", href: "#location" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
title="Unser Menü"
|
||
description="Entdecken Sie unsere sorgfältig ausgewählte Auswahl an Getränken und Speisen."
|
||
tag="Menü"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
products={[
|
||
{
|
||
id: "1", name: "Kaffee-Spezialitäten", price: "ab €4,50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg", imageAlt: "Espresso, Cappuccino, Flat White und mehr"
|
||
},
|
||
{
|
||
id: "2", name: "Matcha & Tee", price: "ab €5,00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-matcha-tea_23-2150163555.jpg", imageAlt: "Premium Matcha und Teeauswahl"
|
||
},
|
||
{
|
||
id: "3", name: "Frühstück & Süßes", price: "ab €6,00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-arrangement_23-2149333806.jpg", imageAlt: "Frische Pastries, Croissants und Gebäck"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
title="Warum ORNO?"
|
||
description="Alles, was ORNO auszeichnet – von Atmosphäre bis zur Qualität."
|
||
tag="Besonderheiten"
|
||
features={[
|
||
{
|
||
id: "01", title: "Sitzplätze im Freien", description: "Genießen Sie Ihren Kaffee an der frischen Luft in angenehmer Umgebung.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-by-table-with-laptop_171337-18113.jpg"
|
||
},
|
||
{
|
||
id: "02", title: "Speisen vor Ort", description: "Komfortable Sitzplätze zum Verweilen und Arbeiten im modernen Ambiente.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-by-table-with-laptop_171337-18113.jpg"
|
||
},
|
||
{
|
||
id: "03", title: "Zum Mitnehmen", description: "Schneller Service für unterwegs – Ihre Lieblings-Getränke und Snacks verpackt.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg"
|
||
},
|
||
{
|
||
id: "04", title: "Große Teeauswahl", description: "Premium-Teesorten für jeden Geschmack und jede Tageszeit.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-matcha-tea_23-2150163555.jpg"
|
||
},
|
||
{
|
||
id: "05", title: "Milchalternativen", description: "Hafermilch, Mandelmilch, Kokos und mehr – alle Ihre favorisierten Optionen.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg"
|
||
},
|
||
{
|
||
id: "06", title: "Laptop-freundlich", description: "Hervorragende Internetverbindung und Stromanschlüsse zum ungestört Arbeiten.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-by-table-with-laptop_171337-18113.jpg"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
/>
|
||
</div>
|
||
|
||
<div id="location" data-section="location">
|
||
<SplitAbout
|
||
tag="Besuchen Sie uns"
|
||
title="Standort & Öffnungszeiten"
|
||
description="ORNO Café ist zentral in München gelegen und täglich für Sie geöffnet. Finden Sie uns unter der folgenden Adresse und besuchen Sie uns zu Ihrem nächsten Lieblings-Kaffee."
|
||
bulletPoints={[
|
||
{
|
||
title: "Adresse", description: "Fraunhoferstraße 11, 80469 München, Deutschland"
|
||
},
|
||
{
|
||
title: "Öffnungszeiten", description: "Täglich von 8:00 bis 20:00 Uhr für Sie geöffnet"
|
||
},
|
||
{
|
||
title: "Anfahrt", description: "Zentrale Lage in München, gute öffentliche Verkehrsanbindung"
|
||
},
|
||
{
|
||
title: "Parkmöglichkeiten", description: "Nahegelegene Parkplätze und Fahrradständer verfügbar"
|
||
}
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3166.jpg"
|
||
imageAlt="München Fraunhoferstraße Standort"
|
||
imagePosition="left"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
mediaAnimation="none"
|
||
buttons={[
|
||
{ text: "Google Maps öffnen", href: "https://maps.google.com/?q=Fraunhoferstra%C3%9Fe+11+80469+M%C3%BCnchen" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Newsletter"
|
||
title="Bleiben Sie informiert"
|
||
description="Abonnieren Sie unseren Newsletter und erfahren Sie von neuen Menü-Highlights, besonderen Angeboten und Events im ORNO Café."
|
||
tagIcon={Mail}
|
||
background={{ variant: "rotated-rays-animated-grid" }}
|
||
useInvertedBackground={false}
|
||
inputPlaceholder="Ihre E-Mail-Adresse"
|
||
buttonText="Anmelden"
|
||
termsText="Wir respektieren Ihre Privatsphäre. Sie können sich jederzeit abmelden."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="ORNO"
|
||
leftLink={{ text: "Datenschutzerklärung", href: "#" }}
|
||
rightLink={{ text: "Impressum", href: "#" }}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|