diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 285e1f4..a5e39d3 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -17,7 +17,7 @@ export default function AdminPage() {
borderRadius="pill"
contentWidth="medium"
sizing="largeSizeMediumTitles"
- background="floatingGradient"
+ background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -34,9 +34,7 @@ export default function AdminPage() {
{ name: "Admin", id: "/admin" },
]}
button={{
- text: "Jetzt buchen",
- href: "/booking",
- }}
+ text: "Jetzt buchen", href: "/booking"}}
className="z-50"
/>
@@ -53,40 +51,24 @@ export default function AdminPage() {
features={[
{
id: 1,
- title: "Reservierungen verwalten",
- description:
- "Übersicht aller Reservierungen mit Echtzeit-Updates. Bearbeiten, bestätigen oder stornieren Sie Buchungen mit wenigen Klicks.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=3",
- imageAlt: "Reservierungen verwalten",
- },
+ title: "Reservierungen verwalten", description:
+ "Übersicht aller Reservierungen mit Echtzeit-Updates. Bearbeiten, bestätigen oder stornieren Sie Buchungen mit wenigen Klicks.", imageSrc:
+ "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg", imageAlt: "Reservierungen verwalten"},
{
id: 2,
- title: "Tischplanung",
- description:
- "Visuelle Tischplanung mit automatischer Optimierung. Kombinieren Sie Tische intelligent für größere Gruppen.",
- imageSrc:
- "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=3",
- imageAlt: "Tischplanung und Layout",
- },
+ title: "Tischplanung", description:
+ "Visuelle Tischplanung mit automatischer Optimierung. Kombinieren Sie Tische intelligent für größere Gruppen.", imageSrc:
+ "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg", imageAlt: "Tischplanung und Layout"},
{
id: 3,
- title: "Gäste-Management",
- description:
- "Verwalten Sie Gästedaten, Vorlieben und Besuchshistorie. Personalisierte Service-Empfehlungen basierend auf Besuchsmustern.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=5",
- imageAlt: "Gäste-Datenbank",
- },
+ title: "Gäste-Management", description:
+ "Verwalten Sie Gästedaten, Vorlieben und Besuchshistorie. Personalisierte Service-Empfehlungen basierend auf Besuchsmustern.", imageSrc:
+ "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg", imageAlt: "Gäste-Datenbank"},
{
id: 4,
- title: "Benachrichtigungen",
- description:
- "Automatische Benachrichtigungen für neue Reservierungen, Stornierungen und Änderungen. Konfigurierbare Alert-Einstellungen.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=4",
- imageAlt: "Benachrichtigungssystem",
- },
+ title: "Benachrichtigungen", description:
+ "Automatische Benachrichtigungen für neue Reservierungen, Stornierungen und Änderungen. Konfigurierbare Alert-Einstellungen.", imageSrc:
+ "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg", imageAlt: "Benachrichtigungssystem"},
]}
buttons={[
{ text: "Admin-Dashboard öffnen", href: "#admin-access" },
@@ -107,57 +89,22 @@ export default function AdminPage() {
animationType="slide-up"
plans={[
{
- id: "admin-basic",
- title: "Basic Admin",
- price: "€14",
- period: "/Monat",
- imageSrc:
- "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=6",
- imageAlt: "Basic Admin Paket",
- button: { text: "Auswählen", href: "#contact" },
+ id: "admin-basic", title: "Basic Admin", price: "€14", period: "/Monat", imageSrc:
+ "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg", imageAlt: "Basic Admin Paket", button: { text: "Auswählen", href: "#contact" },
features: [
- "Reservierungsverwaltung",
- "Grundlegende Tischplanung",
- "E-Mail Benachrichtigungen",
- "Bis zu 1 Admin-Benutzer",
- "Tägliche Backups",
- ],
+ "Reservierungsverwaltung", "Grundlegende Tischplanung", "E-Mail Benachrichtigungen", "Bis zu 1 Admin-Benutzer", "Tägliche Backups"],
},
{
- id: "admin-pro",
- title: "Pro Admin",
- price: "€49",
- period: "/Monat",
- imageSrc:
- "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=5",
- imageAlt: "Pro Admin Paket",
- button: { text: "Auswählen", href: "#contact" },
+ id: "admin-pro", title: "Pro Admin", price: "€49", period: "/Monat", imageSrc:
+ "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg", imageAlt: "Pro Admin Paket", button: { text: "Auswählen", href: "#contact" },
features: [
- "Alles aus Basic Admin",
- "SMS Benachrichtigungen",
- "Gäste-Management",
- "Bis zu 5 Admin-Benutzer",
- "Erweiterte Analysen",
- "Priorisierter Support",
- ],
+ "Alles aus Basic Admin", "SMS Benachrichtigungen", "Gäste-Management", "Bis zu 5 Admin-Benutzer", "Erweiterte Analysen", "Priorisierter Support"],
},
{
- id: "admin-enterprise",
- title: "Enterprise Admin",
- price: "€149",
- period: "/Monat",
- imageSrc:
- "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=4",
- imageAlt: "Enterprise Admin Paket",
- button: { text: "Kontaktieren Sie uns", href: "#contact" },
+ id: "admin-enterprise", title: "Enterprise Admin", price: "€149", period: "/Monat", imageSrc:
+ "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg", imageAlt: "Enterprise Admin Paket", button: { text: "Kontaktieren Sie uns", href: "#contact" },
features: [
- "Alles aus Pro Admin",
- "Unbegrenzte Admin-Benutzer",
- "API-Zugriff für Integrationen",
- "Custom Reports",
- "Whitelabel-Optionen",
- "24/7 Premium Support",
- ],
+ "Alles aus Pro Admin", "Unbegrenzte Admin-Benutzer", "API-Zugriff für Integrationen", "Custom Reports", "Whitelabel-Optionen", "24/7 Premium Support"],
},
]}
/>
@@ -171,7 +118,7 @@ export default function AdminPage() {
{ text: "Demo anfragen", href: "#contact" },
{ text: "Zurück zur Startseite", href: "/" },
]}
- background={{ variant: "floatingGradient" }}
+ background={{ variant: "plain" }}
useInvertedBackground={false}
/>
@@ -182,8 +129,7 @@ export default function AdminPage() {
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" },
@@ -191,8 +137,7 @@ export default function AdminPage() {
],
},
{
- title: "Unternehmen",
- items: [
+ title: "Unternehmen", items: [
{ label: "Über uns", href: "#" },
{ label: "Kontakt", href: "#contact" },
{ label: "Impressum", href: "#" },
@@ -200,8 +145,7 @@ export default function AdminPage() {
],
},
{
- title: "Rechtliches",
- items: [
+ title: "Rechtliches", items: [
{ label: "Nutzungsbedingungen", href: "#" },
{ label: "Datenschutzerklärung", href: "#" },
{ label: "Impressum", href: "#" },
diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index c991e01..6d73fee 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -16,7 +16,7 @@ export default function BookingPage() {
borderRadius="pill"
contentWidth="medium"
sizing="largeSizeMediumTitles"
- background="floatingGradient"
+ background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -33,9 +33,7 @@ export default function BookingPage() {
{ name: "Admin", id: "/admin" },
]}
button={{
- text: "Jetzt buchen",
- href: "/booking",
- }}
+ text: "Jetzt buchen", href: "/booking"}}
className="z-50"
/>
@@ -44,54 +42,34 @@ export default function BookingPage() {
@@ -121,8 +99,7 @@ export default function BookingPage() {
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" },
@@ -130,8 +107,7 @@ export default function BookingPage() {
],
},
{
- title: "Unternehmen",
- items: [
+ title: "Unternehmen", items: [
{ label: "Über uns", href: "#" },
{ label: "Kontakt", href: "#contact" },
{ label: "Impressum", href: "#" },
@@ -139,8 +115,7 @@ export default function BookingPage() {
],
},
{
- title: "Rechtliches",
- items: [
+ title: "Rechtliches", items: [
{ label: "Nutzungsbedingungen", href: "#" },
{ label: "Datenschutzerklärung", href: "#" },
{ label: "Impressum", href: "#" },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 726cb47..ab70b13 100644
--- a/src/app/page.tsx
+++ b/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"
/>
@@ -46,7 +44,7 @@ export default function HomePage() {
@@ -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}
/>
@@ -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: "#" },
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..80d3cf3 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,35 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from 'react';
interface SvgTextLogoProps {
- logoText: string;
- adjustHeightFactor?: number;
- verticalAlign?: "top" | "center";
+ text: string;
className?: string;
+ textClassName?: string;
+ dominantBaseline?: 'middle' | 'central';
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ textClassName = '',
+ dominantBaseline = 'middle',
+}) => {
return (
);
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
export default SvgTextLogo;