Merge version_2 into main #1
64
src/app/gallery/page.tsx
Normal file
64
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ProductCatalogItem from '@/components/ecommerce/productCatalog/ProductCatalogItem';
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Einzelstück Kassel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="container mx-auto py-20 px-4">
|
||||
<h1 className="text-4xl font-bold mb-12 text-center">Unsere Impressionen</h1>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
{[1, 2, 3, 4, 5, 6].map((i) => (
|
||||
<ProductCatalogItem
|
||||
key={i}
|
||||
product={{
|
||||
id: `gallery-${i}`,
|
||||
name: "Einzelstück Atmosphäre", price: "", rating: 5,
|
||||
imageSrc: `http://img.b2bpic.net/free-photo/coffee-shop-interior_1150-1366${i}.jpg`,
|
||||
}}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Kontakt", items: [{ label: "Wilhelmshöher Allee 14, Kassel", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Facebook", href: "https://facebook.com/einzelstueckkassel" }] },
|
||||
]}
|
||||
logoText="Einzelstück Kassel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
374
src/app/page.tsx
374
src/app/page.tsx
@@ -3,17 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Coffee, Leaf, Sun, Wifi } from "lucide-react";
|
||||
import { ExternalLink, Mail, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MapPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -28,316 +22,68 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Einzelstück Kassel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Zurück zur Startseite", id: "/" },
|
||||
{ name: "Standort", id: "#map" },
|
||||
{ name: "Kontakt", id: "#contact" }
|
||||
]}
|
||||
brandName="Einzelstück Kassel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Willkommen im Einzelstück Kassel"
|
||||
description="Dein gemütlicher Ort für besonderen Genuss und Atmosphäre in Kassel direkt an der Wilhelmshöher Allee."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-waitress-giving-coffee-customers-while-serving-them-coffee-shop_637285-2335.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-drinking-coffee-outside-using-phone_1303-19721.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-16483.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hausgemachter Kuchen",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Regionale Zutaten",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Kostenloses WLAN",
|
||||
icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hunde willkommen",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sonnige Terrasse",
|
||||
icon: Sun,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="map" data-section="map" className="py-24 px-6 text-center">
|
||||
<h2 className="text-4xl font-bold mb-6">Unser Standort</h2>
|
||||
<p className="mb-10 text-lg opacity-80">Besuchen Sie uns direkt an der Wilhelmshöher Allee 14.</p>
|
||||
<div className="max-w-4xl mx-auto aspect-video rounded-2xl overflow-hidden shadow-2xl border border-white/10">
|
||||
<iframe
|
||||
src="https://maps.apple/p/t0YcV-4UEeWxGU"
|
||||
className="w-full h-full"
|
||||
title="Apple Maps"
|
||||
/>
|
||||
</div>
|
||||
<a
|
||||
href="https://maps.apple/p/t0YcV-4UEeWxGU"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center gap-2 mt-8 px-6 py-3 bg-white/10 rounded-full hover:bg-white/20 transition"
|
||||
>
|
||||
<MapPin size={18} /> In Apple Maps öffnen
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Über Einzelstück Kassel"
|
||||
description="Wir stehen für Qualität, Atmosphäre und erstklassigen Service. Als fester Bestandteil von Kassel bieten wir eine Oase zum Entspannen und Genießen in der Wilhelmshöher Allee 14."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Top Atmosphäre",
|
||||
description: "Einzigartiges Ambiente für jeden Geschmack.",
|
||||
},
|
||||
{
|
||||
title: "Frischer Genuss",
|
||||
description: "Hochwertige Auswahl an Food & Drink.",
|
||||
},
|
||||
{
|
||||
title: "Zentrale Lage",
|
||||
description: "Direkt an der Wilhelmshöher Allee 14.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about" className="py-24 px-6 bg-white/5">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h2 className="text-3xl font-bold mb-6">Über Einzelstück Kassel</h2>
|
||||
<p className="text-lg leading-relaxed opacity-90">
|
||||
Das Einzelstück Kassel ist mehr als nur ein Ort zum Verweilen – es ist ein Treffpunkt für Genussmenschen und Liebhaber einer besonderen Atmosphäre.
|
||||
Gegründet mit der Vision, eine echte Oase in der urbanen Umgebung der Wilhelmshöher Allee zu schaffen, legen wir größten Wert auf
|
||||
handverlesene Zutaten, ehrlichen Service und einen Raum, in dem Sie den Alltag für einen Moment vergessen können.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Positive Bewertungen für das Angebot",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "91%",
|
||||
description: "Zufriedenheit mit dem Kundenservice",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Einzigartige Atmosphäre",
|
||||
},
|
||||
]}
|
||||
title="Unsere Beliebtheit"
|
||||
description="Die Zufriedenheit unserer Gäste spricht für uns."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Wir freuen uns über Ihre Nachricht oder Ihren Besuch. Lassen Sie uns gemeinsam einen schönen Moment schaffen."
|
||||
tag="Service & Kontakt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Food & Drink",
|
||||
description: "Genieße eine erstklassige Auswahl in entspannter Umgebung.",
|
||||
tag: "Highlight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5873.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Einzigartige Atmosphäre",
|
||||
description: "Perfekt zum Abschalten und Genießen.",
|
||||
tag: "Wohlfühlen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hervorragender Service",
|
||||
description: "Wir sorgen dafür, dass du dich wie zu Hause fühlst.",
|
||||
tag: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-team-leader-supervising-agents-office-desk-helping-customers_482257-117914.jpg",
|
||||
},
|
||||
]}
|
||||
title="Was uns auszeichnet"
|
||||
description="Entdecke, was das Einzelstück Kassel so besonders macht."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna S.",
|
||||
role: "Stammgast",
|
||||
company: "Kassel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus K.",
|
||||
role: "Besucher",
|
||||
company: "Kassel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-drinking-coffee-resort_23-2147765305.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia M.",
|
||||
role: "Gast",
|
||||
company: "Kassel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas L.",
|
||||
role: "Gast",
|
||||
company: "Kassel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-cafe-table_53876-63268.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
role: "Gast",
|
||||
company: "Kassel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269141.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Sterne",
|
||||
},
|
||||
{
|
||||
value: "11",
|
||||
label: "Bewertungen",
|
||||
},
|
||||
{
|
||||
value: "Top",
|
||||
label: "Qualität",
|
||||
},
|
||||
]}
|
||||
title="Stimmen unserer Gäste"
|
||||
description="Was Besucher über uns sagen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie sind die Öffnungszeiten?",
|
||||
content: "Wir sind Mo-Sa von 7:00 bis 18:00 Uhr und So von 8:00 bis 18:00 Uhr für dich da.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wo findet man euch?",
|
||||
content: "Wilhelmshöher Allee 14, 34121 Kassel.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Wie erreicht man euch telefonisch?",
|
||||
content: "Du erreichst uns unter +49 561 76689837.",
|
||||
},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alle wichtigen Informationen auf einen Blick."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Besuche uns"
|
||||
description="Wir freuen uns auf deinen Besuch direkt an der Wilhelmshöher Allee."
|
||||
tag="Kontakt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Wilhelmshöher Allee 14, Kassel",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+49 561 76689837",
|
||||
href: "tel:+4956176689837",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/einzelstueckkassel",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Einzelstück Kassel"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Standort", items: [{ label: "Wilhelmshöher Allee 14, Kassel", href: "#map" }] },
|
||||
{ title: "Kontakt", items: [{ label: "+49 561 76689837", href: "tel:+4956176689837" }, { label: "info@einzelstueck-kassel.de", href: "mailto:info@einzelstueck-kassel.de" }] }
|
||||
]}
|
||||
logoText="Einzelstück Kassel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user