Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 05862c386f |
242
src/app/page.tsx
242
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
|||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import { Award, Coffee, Users } from "lucide-react";
|
import { Award, Coffee, Users, Star, Sparkles } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Über uns", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menü", id: "products" },
|
||||||
},
|
{ name: "Feedback", id: "testimonials" },
|
||||||
{
|
{ name: "Kontakt", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Milis Cafe"
|
brandName="Milis Cafe"
|
||||||
/>
|
/>
|
||||||
@@ -59,20 +44,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
logoText="Milis Cafe"
|
logoText="Milis Cafe"
|
||||||
description="Erlebe die Kunst des Kaffees in einer Atmosphäre, die zum Verweilen einlädt."
|
description="Erlebe die Kunst des Kaffees in einer Atmosphäre, die zum Verweilen einlädt."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Zur Speisekarte", href: "#products" },
|
||||||
text: "Zur Speisekarte",
|
{ text: "Über uns", href: "#about" },
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Über uns",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg"
|
||||||
imageAlt="Kaffeetisch bei Milis Cafe"
|
imageAlt="Kaffeetisch bei Milis Cafe"
|
||||||
@@ -85,9 +62,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Unsere Philosophie"
|
title="Unsere Philosophie"
|
||||||
description={[
|
description={[
|
||||||
"Bei Milis Cafe verbinden wir Leidenschaft mit Handwerk. Wir beziehen nur die besten Bohnen aus nachhaltigem Anbau und rösten diese vor Ort.",
|
"Bei Milis Cafe verbinden wir Leidenschaft mit Handwerk. Wir beziehen nur die besten Bohnen aus nachhaltigem Anbau und rösten diese vor Ort.", "Unser Ziel ist es, jedem Gast einen Moment der Ruhe und einen perfekten Kaffeegenuss in entspannter Umgebung zu bieten."]}
|
||||||
"Unser Ziel ist es, jedem Gast einen Moment der Ruhe und einen perfekten Kaffeegenuss in entspannter Umgebung zu bieten.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -97,24 +72,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Hausgeröstet", description: "Frische Röstungen direkt vor Ort für bestes Aroma.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-marble-surface_23-2148255068.jpg", imageAlt: "Röstung" },
|
||||||
title: "Hausgeröstet",
|
{ title: "Barista-Kunst", description: "Unsere Baristas zaubern das perfekte Latte-Art-Erlebnis.", imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798064.jpg", imageAlt: "Barista" },
|
||||||
description: "Frische Röstungen direkt vor Ort für bestes Aroma.",
|
{ title: "Wohlfühloase", description: "Ein stilvolles Ambiente für Deine Auszeit.", imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg", imageAlt: "Ambiente" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-marble-surface_23-2148255068.jpg",
|
|
||||||
imageAlt: "Röstung",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Barista-Kunst",
|
|
||||||
description: "Unsere Baristas zaubern das perfekte Latte-Art-Erlebnis.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798064.jpg",
|
|
||||||
imageAlt: "Barista",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Wohlfühloase",
|
|
||||||
description: "Ein stilvolles Ambiente für Deine Auszeit.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg",
|
|
||||||
imageAlt: "Ambiente",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Was uns auszeichnet"
|
title="Was uns auszeichnet"
|
||||||
description="Das macht Milis Cafe besonders."
|
description="Das macht Milis Cafe besonders."
|
||||||
@@ -128,51 +88,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Cappuccino", price: "3,80 €", variant: "Klassisch", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-espresso-coffee-cup-white-wooden-table_23-2148209300.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Espresso", price: "2,50 €", variant: "Doppelt", imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6111.jpg" },
|
||||||
name: "Cappuccino",
|
{ id: "3", name: "Iced Latte", price: "4,20 €", variant: "Sommer", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_1339-2844.jpg" },
|
||||||
price: "3,80 €",
|
|
||||||
variant: "Klassisch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-espresso-coffee-cup-white-wooden-table_23-2148209300.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Espresso",
|
|
||||||
price: "2,50 €",
|
|
||||||
variant: "Doppelt",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6111.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Iced Latte",
|
|
||||||
price: "4,20 €",
|
|
||||||
variant: "Sommer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_1339-2844.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Flat White",
|
|
||||||
price: "3,90 €",
|
|
||||||
variant: "Samtig",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-2971.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Banana Bread",
|
|
||||||
price: "3,50 €",
|
|
||||||
variant: "Gebäck",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-yummy-cookies-with-cup-coffee-pastry-sweet-bangles-grey-table-cookie-sugar-sweet-coffee_140725-31006.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Croissant",
|
|
||||||
price: "2,80 €",
|
|
||||||
variant: "Frisch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-croissant-jam-wooden-table-french-breakfast-cafe-vertical-shot-selective-focus-croissant_166373-2615.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Unsere Kaffeespezialitäten"
|
title="Unsere Kaffeespezialitäten"
|
||||||
description="Genieße unser vielfältiges Angebot."
|
description="Frisch zubereitet für deinen perfekten Kaffeemoment."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -182,27 +103,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", icon: Coffee, title: "Kaffeebohnen vermahlen", value: "500kg+" },
|
||||||
id: "m1",
|
{ id: "m2", icon: Award, title: "Jahre Leidenschaft", value: "8" },
|
||||||
icon: Coffee,
|
{ id: "m3", icon: Users, title: "Glückliche Gäste", value: "25.000+" },
|
||||||
title: "Kaffeetassen serviert",
|
|
||||||
value: "15.000+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
icon: Award,
|
|
||||||
title: "Auszeichnungen",
|
|
||||||
value: "5",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
icon: Users,
|
|
||||||
title: "Zufriedene Gäste",
|
|
||||||
value: "10.000+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Milis Cafe in Zahlen"
|
title="Milis Cafe Fakten"
|
||||||
description="Unsere Leidenschaft für Kaffee im Überblick."
|
description="Qualität durch Erfahrung."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -212,50 +118,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah M.", handle: "@milis_fan", testimonial: "Die Instagram-Ästhetik im Laden ist genauso gut wie der Kaffee!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-art-cafe_53876-130456.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Marc L.", handle: "@berlin_cafes", testimonial: "Definitiv der beste Flat White der Stadt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee_53876-14022.jpg" },
|
||||||
name: "Sarah M.",
|
|
||||||
handle: "@sarah_coffee",
|
|
||||||
testimonial: "Der beste Flat White, den ich seit langem hatte!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-brunette-woman-model-casual-summer-pink-clothes-with-no-makeup-isolated-gray-drinking-coffee_158538-14906.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Julian B.",
|
|
||||||
handle: "@julianb",
|
|
||||||
testimonial: "Toller Service und sehr gemütlich hier.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Laura F.",
|
|
||||||
handle: "@lauraf",
|
|
||||||
testimonial: "Ein echtes Highlight in der Stadt.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-colleagues-looking-away-through-window_23-2148422304.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Markus K.",
|
|
||||||
handle: "@mk_coffee",
|
|
||||||
testimonial: "Immer wieder gerne für eine Auszeit.",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Julia H.",
|
|
||||||
handle: "@juliah",
|
|
||||||
testimonial: "Qualität schmeckt man hier einfach.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="Was unsere Gäste sagen"
|
title="Stimmen von Milis-Fans"
|
||||||
description="Erfahrungen unserer Kaffeeliebhaber."
|
description="Was die Community über uns postet."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -264,24 +132,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Darf ich für Instagram fotografieren?", content: "Absolut! Wir lieben es, wenn unsere Gäste ihre Milis-Momente teilen. Markiert uns gerne!" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Sind Hunde erlaubt?", content: "Ja, vierbeinige Begleiter sind bei uns herzlich willkommen." },
|
||||||
title: "Woher stammen Ihre Kaffeebohnen?",
|
|
||||||
content: "Wir beziehen unsere Bohnen direkt von kleinen, nachhaltig arbeitenden Farmen.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Bieten Sie auch vegane Milchalternativen an?",
|
|
||||||
content: "Ja, wir bieten Hafer-, Mandel- und Sojamilch an.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Kann man bei Ihnen Plätze reservieren?",
|
|
||||||
content: "Wir sind ein Café zum spontanen Genießen und arbeiten daher ohne Reservierungen.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Häufige Fragen"
|
title="Fragen & Infos"
|
||||||
description="Alles, was du über Milis Cafe wissen musst."
|
description="Alles, was du für deinen Besuch wissen musst."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -289,15 +144,10 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
text="Folge uns auf Instagram für tägliche Updates und exklusive Specials!"
|
||||||
}}
|
|
||||||
text="Hast du Fragen oder Anregungen? Wir freuen uns, von dir zu hören!"
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Folge Milis auf Instagram", href: "https://instagram.com" },
|
||||||
text: "Kontakt aufnehmen",
|
|
||||||
href: "mailto:hallo@milis-cafe.de",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -305,30 +155,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Home", href: "#hero" }, { label: "Menü", href: "#products" }] },
|
||||||
items: [
|
{ items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Über uns",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menü",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Impressum",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Datenschutz",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Milis Cafe"
|
logoText="Milis Cafe"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user