137 lines
6.2 KiB
TypeScript
137 lines
6.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import { Calendar } from "lucide-react";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
|
|
export default function BookingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Pajo's Zapfbar"
|
|
navItems={[
|
|
{ name: "Reservieren", id: "/booking" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "Über uns", id: "#about" },
|
|
{ name: "Preise", id: "#pricing" },
|
|
{ name: "Kontakt", id: "#contact" },
|
|
{ name: "Admin", id: "/admin" },
|
|
]}
|
|
button={{
|
|
text: "Jetzt buchen", href: "/booking"
|
|
}}
|
|
className="z-50"
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking-hero" data-section="booking-hero">
|
|
<HeroBillboardTestimonial
|
|
title="Tisch reservieren bei Pajo's Zapfbar"
|
|
description="Wählen Sie Ihren bevorzugten Tischtyp, bestimmen Sie die Anzahl der Gäste und wählen Sie Ihr bevorzugtes Datum und Ihre Uhrzeit. Unser System findet automatisch die perfekten Plätze für Sie und kombiniert bei Bedarf mehrere Tische nahtlos zusammen."
|
|
background={{ variant: "plain" }}
|
|
tag="Buchungsformular"
|
|
tagIcon={Calendar}
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=4"
|
|
imageAlt="Reservierungsformular Interface"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Max Müller", handle: "Regelmäßiger Gast", testimonial:
|
|
"Sehr benutzerfreundlich! In weniger als 2 Minuten war meine Reservierung bestätigt.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=2", imageAlt: "Max Müller"
|
|
},
|
|
{
|
|
name: "Julia Schmidt", handle: "Event Organisatorin", testimonial:
|
|
"Perfekt für größere Gruppen. Die automatische Tischkombination hat uns viel Planungszeit gespart.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=2", imageAlt: "Julia Schmidt"
|
|
},
|
|
{
|
|
name: "Andreas Weber", handle: "Stammkunde", testimonial:
|
|
"Ich schätze die SMS-Bestätigung und die Erinnerung vor meinem Besuch. Nie wieder vergessen!", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=2", imageAlt: "Andreas Weber"
|
|
},
|
|
{
|
|
name: "Patricia Hoffmann", handle: "Geschäftsfrau", testimonial:
|
|
"Ideal für spontane Geschäftsessen. Die Verfügbarkeit wird in Echtzeit angezeigt.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=2", imageAlt: "Patricia Hoffmann"
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Jetzt buchen", href: "#booking" },
|
|
{ text: "Zurück zur Startseite", href: "/" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking-form" data-section="booking-form">
|
|
<ContactText
|
|
text="Füllen Sie das Reservierungsformular aus und bestätigen Sie Ihre Buchung. Sie erhalten sofort eine Bestätigung per E-Mail und SMS. Unser Team wird Ihren Besuch optimal vorbereiten und Sie herzlich willkommen heißen!"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Zurück zur Startseite", href: "/" },
|
|
{ text: "Kontakt", href: "#footer" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Pajo's Zapfbar"
|
|
copyrightText="© 2025 Pajo's Zapfbar. Alle Rechte vorbehalten."
|
|
columns={[
|
|
{
|
|
title: "Produkt", items: [
|
|
{ label: "Reservieren", href: "/booking" },
|
|
{ label: "Shop", href: "/shop" },
|
|
{ label: "Admin Dashboard", href: "/admin" },
|
|
{ label: "Preise", href: "#pricing" },
|
|
{ label: "Features", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
title: "Unternehmen", items: [
|
|
{ label: "Über uns", href: "#" },
|
|
{ label: "Kontakt", href: "#contact" },
|
|
{ label: "Impressum", href: "#" },
|
|
{ label: "Datenschutz", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Rechtliches", items: [
|
|
{ label: "Nutzungsbedingungen", href: "#" },
|
|
{ label: "Datenschutzerklärung", href: "#" },
|
|
{ label: "Impressum", href: "#" },
|
|
{ label: "Kontakt", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |