Files
6995cd2e-d960-4342-9e6c-a63…/src/app/page.tsx
2026-03-09 14:29:18 +00:00

207 lines
10 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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>
);
}