Update src/app/page.tsx
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -18,7 +18,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -35,9 +35,7 @@ export default function HomePage() {
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
button={{
|
||||
text: "Jetzt buchen",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Jetzt buchen", href: "/booking"}}
|
||||
className="z-50"
|
||||
/>
|
||||
</div>
|
||||
@@ -46,7 +44,7 @@ export default function HomePage() {
|
||||
<HeroBillboardTestimonial
|
||||
title="Reservieren Sie Ihren Tisch bei Pajo's Zapfbar"
|
||||
description="Einfach, schnell und unkompliziert - buchen Sie Ihren perfekten Platz an unserem Zapftisch oder an einem unserer gemütlichen Tische. Für Gruppen bis 12 Personen buchen wir automatisch mehrere Tische nebeneinander."
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Online Reservierungssystem"
|
||||
tagIcon={Calendar}
|
||||
tagAnimation="blur-reveal"
|
||||
@@ -55,45 +53,25 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco Pajo",
|
||||
handle: "Geschäftsführer, Pajo's Zapfbar",
|
||||
testimonial:
|
||||
"Das Reservierungssystem hat unser Geschäft transformiert. Wir können jetzt viel effizienter planen und unsere Gäste sind zufriedener.",
|
||||
rating: 5,
|
||||
name: "Marco Pajo", handle: "Geschäftsführer, Pajo's Zapfbar", testimonial:
|
||||
"Das Reservierungssystem hat unser Geschäft transformiert. Wir können jetzt viel effizienter planen und unsere Gäste sind zufriedener.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=1",
|
||||
imageAlt: "Marco Pajo Porträt",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg", imageAlt: "Marco Pajo Porträt"},
|
||||
{
|
||||
name: "Sarah Wagner",
|
||||
handle: "Event Managerin",
|
||||
testimonial:
|
||||
"Perfekt für große Gruppen! Die automatische Tischkombination spart uns so viel Zeit bei der Planung.",
|
||||
rating: 5,
|
||||
name: "Sarah Wagner", handle: "Event Managerin", testimonial:
|
||||
"Perfekt für große Gruppen! Die automatische Tischkombination spart uns so viel Zeit bei der Planung.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=1",
|
||||
imageAlt: "Sarah Wagner Porträt",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg", imageAlt: "Sarah Wagner Porträt"},
|
||||
{
|
||||
name: "Thomas Becker",
|
||||
handle: "Stammgast",
|
||||
testimonial:
|
||||
"Ich buche jetzt regelmäßig online. Viel bequemer als anzurufen und ich bekomme sofort eine Bestätigung.",
|
||||
rating: 5,
|
||||
name: "Thomas Becker", handle: "Stammgast", testimonial:
|
||||
"Ich buche jetzt regelmäßig online. Viel bequemer als anzurufen und ich bekomme sofort eine Bestätigung.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=1",
|
||||
imageAlt: "Thomas Becker Porträt",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg", imageAlt: "Thomas Becker Porträt"},
|
||||
{
|
||||
name: "Lisa Meyer",
|
||||
handle: "Restaurant Manager",
|
||||
testimonial:
|
||||
"Die Admin-Dashboard ist intuitiv zu bedienen. Alle Reservierungen auf einen Blick - genau das haben wir gebraucht.",
|
||||
rating: 5,
|
||||
name: "Lisa Meyer", handle: "Restaurant Manager", testimonial:
|
||||
"Die Admin-Dashboard ist intuitiv zu bedienen. Alle Reservierungen auf einen Blick - genau das haben wir gebraucht.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=1",
|
||||
imageAlt: "Lisa Meyer Porträt",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg", imageAlt: "Lisa Meyer Porträt"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Jetzt reservieren", href: "/booking" },
|
||||
@@ -116,40 +94,24 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Tischtyp wählen",
|
||||
description:
|
||||
"Wählen Sie zwischen unserem großzügigen Zapftisch oder einem gemütlichen normalen Tisch. Beide Optionen bieten ein großartiges Erlebnis.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=1",
|
||||
imageAlt: "Tischtyp Auswahl Interface",
|
||||
},
|
||||
title: "Tischtyp wählen", description:
|
||||
"Wählen Sie zwischen unserem großzügigen Zapftisch oder einem gemütlichen normalen Tisch. Beide Optionen bieten ein großartiges Erlebnis.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg", imageAlt: "Tischtyp Auswahl Interface"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Gästezahl eingeben",
|
||||
description:
|
||||
"Teilen Sie uns mit, wie viele Personen kommen. Unser System findet automatisch die besten verfügbaren Tische für Sie.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=1",
|
||||
imageAlt: "Gästezahl Eingabe",
|
||||
},
|
||||
title: "Gästezahl eingeben", description:
|
||||
"Teilen Sie uns mit, wie viele Personen kommen. Unser System findet automatisch die besten verfügbaren Tische für Sie.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg", imageAlt: "Gästezahl Eingabe"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Zeitpunkt wählen",
|
||||
description:
|
||||
"Wählen Sie Ihr bevorzugtes Datum und Ihre Uhrzeit. Unser Kalender zeigt Ihnen sofort die Verfügbarkeit.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=2",
|
||||
imageAlt: "Datum und Uhrzeit Auswahl",
|
||||
},
|
||||
title: "Zeitpunkt wählen", description:
|
||||
"Wählen Sie Ihr bevorzugtes Datum und Ihre Uhrzeit. Unser Kalender zeigt Ihnen sofort die Verfügbarkeit.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg", imageAlt: "Datum und Uhrzeit Auswahl"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Bestätigung erhalten",
|
||||
description:
|
||||
"Nach Ihrer Reservierung erhalten Sie eine sofortige Bestätigung per E-Mail und SMS. Der Admin wird benachrichtigt.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=1",
|
||||
imageAlt: "Bestätigungsschirm",
|
||||
},
|
||||
title: "Bestätigung erhalten", description:
|
||||
"Nach Ihrer Reservierung erhalten Sie eine sofortige Bestätigung per E-Mail und SMS. Der Admin wird benachrichtigt.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg", imageAlt: "Bestätigungsschirm"},
|
||||
]}
|
||||
buttons={[{ text: "Reservieren Sie jetzt", href: "/booking" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
@@ -168,57 +130,22 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Kostenloses System",
|
||||
price: "€0",
|
||||
period: "für immer",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=3",
|
||||
imageAlt: "Kostenloses System Plan",
|
||||
button: { text: "Kostenlos starten", href: "/booking" },
|
||||
id: "basic", title: "Kostenloses System", price: "€0", period: "für immer", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg", imageAlt: "Kostenloses System Plan", button: { text: "Kostenlos starten", href: "/booking" },
|
||||
features: [
|
||||
"Online Tischreservierung",
|
||||
"Automatische Tischkombination",
|
||||
"E-Mail Benachrichtigungen",
|
||||
"Basis Admin-Dashboard",
|
||||
"Bis zu 50 Reservierungen/Monat",
|
||||
],
|
||||
"Online Tischreservierung", "Automatische Tischkombination", "E-Mail Benachrichtigungen", "Basis Admin-Dashboard", "Bis zu 50 Reservierungen/Monat"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Professional",
|
||||
price: "€29",
|
||||
period: "/Monat",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=2",
|
||||
imageAlt: "Professional Plan",
|
||||
button: { text: "Jetzt upgraden", href: "#contact" },
|
||||
id: "pro", title: "Professional", price: "€29", period: "/Monat", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg", imageAlt: "Professional Plan", button: { text: "Jetzt upgraden", href: "#contact" },
|
||||
features: [
|
||||
"Alles aus dem kostenlosen Plan",
|
||||
"SMS Benachrichtigungen",
|
||||
"Erweiterte Admin-Funktionen",
|
||||
"Reservierungshistorie",
|
||||
"Unbegrenzte Reservierungen",
|
||||
"E-Mail Support",
|
||||
],
|
||||
"Alles aus dem kostenlosen Plan", "SMS Benachrichtigungen", "Erweiterte Admin-Funktionen", "Reservierungshistorie", "Unbegrenzte Reservierungen", "E-Mail Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Enterprise",
|
||||
price: "€99",
|
||||
period: "/Monat",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=2",
|
||||
imageAlt: "Enterprise Plan",
|
||||
button: { text: "Kontaktieren Sie uns", href: "#contact" },
|
||||
id: "enterprise", title: "Enterprise", price: "€99", period: "/Monat", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg", imageAlt: "Enterprise Plan", button: { text: "Kontaktieren Sie uns", href: "#contact" },
|
||||
features: [
|
||||
"Alles aus dem Professional Plan",
|
||||
"Prioritäts-Support",
|
||||
"API-Zugriff",
|
||||
"Custom Branding",
|
||||
"Multiple Benutzer",
|
||||
"Erweiterte Analysen",
|
||||
],
|
||||
"Alles aus dem Professional Plan", "Prioritäts-Support", "API-Zugriff", "Custom Branding", "Multiple Benutzer", "Erweiterte Analysen"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -232,7 +159,7 @@ export default function HomePage() {
|
||||
{ text: "Kontakt aufnehmen", href: "#footer" },
|
||||
{ text: "Demo anfordern", href: "/booking" },
|
||||
]}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -243,8 +170,7 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 Pajo's Zapfbar. Alle Rechte vorbehalten."
|
||||
columns={[
|
||||
{
|
||||
title: "Produkt",
|
||||
items: [
|
||||
title: "Produkt", items: [
|
||||
{ label: "Reservieren", href: "/booking" },
|
||||
{ label: "Admin Dashboard", href: "/admin" },
|
||||
{ label: "Preise", href: "#pricing" },
|
||||
@@ -252,8 +178,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Über uns", href: "#" },
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
{ label: "Impressum", href: "#" },
|
||||
@@ -261,8 +186,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Nutzungsbedingungen", href: "#" },
|
||||
{ label: "Datenschutzerklärung", href: "#" },
|
||||
{ label: "Impressum", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user