Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 32d5dd3f90 | |||
| f3fb12052f | |||
| fecb8d6a55 | |||
| a60c18dab5 | |||
| 74bb02d349 | |||
| ee2b95bf57 | |||
| f4c25681b4 | |||
| 05862c386f |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Poppins } from "next/font/google";
|
||||
|
||||
@@ -35,7 +34,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${poppins.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
246
src/app/page.tsx
246
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
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() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Menü", id: "products" },
|
||||
{ name: "Feedback", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Milis Cafe"
|
||||
/>
|
||||
@@ -59,23 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Milis Cafe"
|
||||
description="Erlebe die Kunst des Kaffees in einer Atmosphäre, die zum Verweilen einlädt."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zur Speisekarte",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Zur Speisekarte", href: "#products" },
|
||||
{ text: "Über uns", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg"
|
||||
imageAlt="Kaffeetisch bei Milis Cafe"
|
||||
imageSrc="https://images.unsplash.com/photo-1554118811-1e0d58224a24?q=80&w=2047&auto=format&fit=crop"
|
||||
imageAlt="Milis Cafe Instagram Mood"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,9 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Philosophie"
|
||||
description={[
|
||||
"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.",
|
||||
]}
|
||||
"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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,24 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "Hausgeröstet", description: "Frische Röstungen direkt vor Ort für bestes Aroma.", imageSrc: "https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?q=80&w=2070&auto=format&fit=crop", imageAlt: "Röstung" },
|
||||
{ title: "Barista-Kunst", description: "Unsere Baristas zaubern das perfekte Latte-Art-Erlebnis.", imageSrc: "https://images.unsplash.com/photo-1542181999-73f1d3558334?q=80&w=2080&auto=format&fit=crop", imageAlt: "Barista" },
|
||||
{ title: "Wohlfühloase", description: "Ein stilvolles Ambiente für Deine Auszeit.", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=1974&auto=format&fit=crop", imageAlt: "Ambiente" },
|
||||
]}
|
||||
title="Was uns auszeichnet"
|
||||
description="Das macht Milis Cafe besonders."
|
||||
@@ -128,51 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
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: "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",
|
||||
},
|
||||
{ id: "1", name: "Cappuccino", price: "3,80 €", variant: "Klassisch", imageSrc: "https://images.unsplash.com/photo-1517701160236-44756cb33cf3?q=80&w=2070&auto=format&fit=crop" },
|
||||
{ id: "2", name: "Espresso", price: "2,50 €", variant: "Doppelt", imageSrc: "https://images.unsplash.com/photo-1510591509098-f4fdc6d0ff04?q=80&w=2070&auto=format&fit=crop" },
|
||||
{ id: "3", name: "Iced Latte", price: "4,20 €", variant: "Sommer", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?q=80&w=2069&auto=format&fit=crop" },
|
||||
]}
|
||||
title="Unsere Kaffeespezialitäten"
|
||||
description="Genieße unser vielfältiges Angebot."
|
||||
description="Discover our signature roasts, from classic espressos to seasonal iced creations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,27 +103,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
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+",
|
||||
},
|
||||
{ id: "m1", icon: Coffee, title: "Kaffeebohnen vermahlen", value: "500kg+" },
|
||||
{ id: "m2", icon: Award, title: "Jahre Leidenschaft", value: "8" },
|
||||
{ id: "m3", icon: Users, title: "Glückliche Gäste", value: "25.000+" },
|
||||
]}
|
||||
title="Milis Cafe in Zahlen"
|
||||
description="Unsere Leidenschaft für Kaffee im Überblick."
|
||||
title="Milis Cafe Fakten"
|
||||
description="Qualität durch Erfahrung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,50 +118,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
},
|
||||
{ id: "1", name: "Sarah M.", handle: "@milis_fan", testimonial: "Die Ästhetik im Laden ist genauso gut wie der Kaffee!", rating: 5, imageSrc: "https://images.unsplash.com/photo-1506617420156-8e4536971655?q=80&w=2074&auto=format&fit=crop" },
|
||||
{ id: "2", name: "Marc L.", handle: "@berlin_cafes", testimonial: "Definitiv der beste Flat White der Stadt.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1514432324607-a09d9b4a4574?q=80&w=2070&auto=format&fit=crop" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was unsere Gäste sagen"
|
||||
description="Erfahrungen unserer Kaffeeliebhaber."
|
||||
title="Stimmen von Milis-Fans"
|
||||
description="Was die Community über uns postet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -264,24 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
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.",
|
||||
},
|
||||
{ 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: "f2", title: "Sind Hunde erlaubt?", content: "Ja, vierbeinige Begleiter sind bei uns herzlich willkommen." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was du über Milis Cafe wissen musst."
|
||||
title="Fragen & Infos"
|
||||
description="Alles, was du für deinen Besuch wissen musst."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -289,15 +144,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Hast du Fragen oder Anregungen? Wir freuen uns, von dir zu hören!"
|
||||
background={{ variant: "plain" }}
|
||||
text="Folge uns auf Instagram für tägliche Updates und exklusive Specials!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontakt aufnehmen",
|
||||
href: "mailto:hallo@milis-cafe.de",
|
||||
},
|
||||
{ text: "Folge Milis auf Instagram", href: "https://www.instagram.com/milis_cafe_/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -305,30 +155,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menü",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Menü", href: "#products" }] },
|
||||
{ items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="Milis Cafe"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user