Update src/app/page.tsx

Merge version_3 into main
2026-06-06 14:34:22 +00:00 · 2026-06-06 14:26:29 +00:00 · 2026-06-06 14:26:26 +00:00 · 2026-06-06 14:26:26 +00:00 · 2026-06-06 14:26:11 +00:00 · 2026-06-06 14:26:08 +00:00
4 changed files with 56 additions and 37 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,13 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Source_Sans_3 } from "next/font/google";
+import { Open_Sans } from "next/font/google";
+import { Montserrat } from "next/font/google";
+import { Mulish } from "next/font/google";
+import { Archivo } from "next/font/google";
+import { Raleway } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Lato } from "next/font/google";



@@ -40,8 +47,17 @@ export const metadata: Metadata = {
  },
 };

-const sourceSans3 = Source_Sans_3({
-  variable: "--font-source-sans-3",  subsets: ["latin"],
+
+
+
+
+
+
+
+const lato = Lato({
+  variable: "--font-lato",
+  subsets: ["latin"],
+  weight: ["100", "300", "400", "700", "900"],
 });

 export default function RootLayout({
@@ -52,7 +68,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${sourceSans3.variable} antialiased`}>
+        <body className={`${lato.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,23 +10,23 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, Car, Coffee, ShieldCheck, Layers, DollarSign, Star, Award, Shield, MessageSquare, HelpCircle } from "lucide-react";

 export default function SitePage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="background-highlight"
-      borderRadius="rounded"
-      contentWidth="compact"
-      sizing="medium"
-      background="none"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="normal"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="large"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
@@ -47,7 +47,7 @@ export default function SitePage() {
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Glanz & Schutz Autopflege"
-          description="Professionelle Detailing- und Autowaschdienste, die Ihre Investition schützen und den Showroom-Glanz wiederherstellen. Von der schnellen Außenwäsche bis zur kompletten Keramikversiegelung – wir liefern jedes Mal makellose Ergebnisse."
+          description="Professionelle Detailing- und Autowaschdienste, die Ihre Investition schützen und den Showroom-Glanz wiederherstellen. Von der schnellen Außenwäsche bis zur komplette Keramikversiegelung – wir liefern jedes Mal makellose Ergebnisse."
          buttons={[
            { text: "Jetzt Service buchen", href: "#contact" }
          ]}
@@ -202,36 +202,39 @@ export default function SitePage() {
            { id: "faq-1", title: "Wie lange dauert eine vollständige Detailing-Behandlung?", content: "Die Dauer hängt vom gewählten Service und dem Zustand des Fahrzeugs ab. Eine Standard-Außenreinigung dauert etwa 30-60 Minuten, während eine komplette Detailing-Behandlung mit Keramikversiegelung mehrere Stunden oder sogar einen ganzen Tag in Anspruch nehmen kann. Für genaue Zeitangaben kontaktieren Sie uns bitte." },
            { id: "faq-2", title: "Verwenden Sie umweltfreundliche Produkte?", content: "Ja, wir legen großen Wert auf den Einsatz umweltfreundlicher und biologisch abbaubarer Produkte. Diese sind nicht nur effektiv, sondern auch schonend für Ihr Fahrzeug und die Umwelt, um unseren ökologischen Fußabdruck so gering wie möglich zu halten." },
            { id: "faq-3", title: "Muss ich einen Termin vereinbaren oder kann ich einfach vorbeikommen?", content: "Für eine schnelle Autowäsche können Sie in der Regel ohne Termin vorbeikommen. Für Detailing-Services und spezielle Behandlungen empfehlen wir jedoch dringend, online einen Termin zu vereinbaren, um Wartezeiten zu vermeiden und sicherzustellen, dass wir genügend Zeit für Ihr Fahrzeug einplanen können." },
-            { id: "faq-4", title: "Bieten Sie auch mobile Autopflege an?", content: "Derzeit bieten wir unsere Dienstleistungen hauptsächlich in unserem Studio an. Wir planen jedoch, in Zukunft auch mobile Services anzubieten. Bitte kontaktieren Sie uns für aktuelle Informationen und Möglichkeiten in Ihrer Region." }
+            { id: "faq-4", title: "Bieten Sie auch mobile Autopflege an?", content: "Derzeit bieten wir unsere Dienstleistungen hauptsächlich in unserem Studio an. Wir planen jedoch, in Zukunft auch mobile Services anzubieten. Bitte kontaktieren Sie uns für aktuelle Informationen und Möglichkeiten in Ihrer Region."
+            }
          ]}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
-          title="Jetzt Ihren Termin vereinbaren"
-          description="Kontaktieren Sie uns für eine Beratung oder buchen Sie direkt online über unser Formular. Wir freuen uns darauf, Ihr Fahrzeug zum Glänzen zu bringen."
-          buttonText="Termin buchen"
+          title="Erleben Sie den Unterschied – Kontaktieren Sie uns"
+          description="Bereit für den makellosen Glanz? Vereinbaren Sie noch heute einen Termin für Ihr Premium-Fahrzeug-Detailing. Unser Team steht Ihnen für eine persönliche Beratung zur Verfügung."
+          buttonText="Jetzt Anfrage senden"
          mediaPosition="right"
-          mediaAnimation="none"
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg"
-          imageAlt="Modernes Autopflege Studio Interieur"
+          mediaAnimation="slide-up"
+          useInvertedBackground={true}
+          imageSrc="http://img.b2bpic.net/free-photo/rear-view-man-cleaning-car_23-2147932087.jpg"
+          imageAlt="Professionelle Autopflege"
          inputs={[
            { name: "name", type: "text", placeholder: "Ihr Name", required: true },
            { name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true },
-            { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" },
-            { name: "carModel", type: "text", placeholder: "Fahrzeugmodell (z.B. BMW X5)" }
+            { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer (optional)" },
+            { name: "carModel", type: "text", placeholder: "Fahrzeugmodell und Baujahr" }
          ]}
          multiSelect={{
-            name: "serviceType",            label: "Gewünschter Service",            options: ["Express Glanz", "Innenraum Refresh", "Premium Komplett", "Lackschutz Glanz", "Keramik Basis", "Ultimate Glanz & Schutz"]
+            name: "serviceType",            label: "Gewünschter Premium-Service",            options: ["Express Glanz", "Innenraum Refresh", "Premium Komplett", "Lackschutz Glanz", "Keramik Basis", "Ultimate Glanz & Schutz"]
          }}
          textarea={{
-            name: "message",            placeholder: "Ihre Nachricht oder spezielle Wünsche",            rows: 4
+            name: "message",            placeholder: "Ihre spezielle Anfrage oder Präferenzen...",            rows: 4
          }}
        />
      </div>
      <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/shiny-black-luxury-car_1339-3033.jpg"
+          imageAlt="Glänzendes Luxusauto"
          logoText="Glanz & Schutz Autopflege"
          logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149993559.jpg"
          logoAlt="Glanz und Schutz Autopflege Logo"
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-lato), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-lato), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5faff;
+  --background: #f5f5f5;
  --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	88566fe1df	Update src/app/page.tsx	2026-06-06 14:34:22 +00:00
bender	633ab75c62	Merge version_3 into main Merge version_3 into main	2026-06-06 14:26:29 +00:00
bender	ecb6f1d2d4	Update theme fonts	2026-06-06 14:26:26 +00:00
bender	7db5ecbd2e	Update theme fonts	2026-06-06 14:26:26 +00:00
bender	5078bf264e	Merge version_3 into main Merge version_3 into main	2026-06-06 14:26:11 +00:00
bender	7f7da0288c	Update theme fonts	2026-06-06 14:26:08 +00:00
bender	96737d388e	Update theme fonts	2026-06-06 14:26:08 +00:00
bender	3425e3b4ca	Merge version_3 into main Merge version_3 into main	2026-06-06 14:25:37 +00:00
bender	ebf8ffbdf1	Update theme fonts	2026-06-06 14:25:36 +00:00
bender	718435fd16	Update theme fonts	2026-06-06 14:25:36 +00:00
bender	fab9350b98	Update theme fonts	2026-06-06 14:25:34 +00:00
bender	5eae5d2f76	Update theme fonts	2026-06-06 14:25:33 +00:00
bender	2d51759648	Merge version_3 into main Merge version_3 into main	2026-06-06 14:25:26 +00:00
bender	a4081f94fc	Update theme fonts	2026-06-06 14:25:23 +00:00
bender	e845171cf5	Update theme fonts	2026-06-06 14:25:23 +00:00
bender	43028e84d0	Merge version_3 into main Merge version_3 into main	2026-06-06 14:25:09 +00:00
bender	af9ed7f3ee	Update theme fonts	2026-06-06 14:25:06 +00:00
bender	38a3d37020	Update theme fonts	2026-06-06 14:25:06 +00:00
bender	8b43f9a86a	Merge version_3 into main Merge version_3 into main	2026-06-06 14:25:03 +00:00
bender	c15d2f2dfb	Update theme fonts	2026-06-06 14:25:00 +00:00
bender	550ff4d9e5	Update theme fonts	2026-06-06 14:24:59 +00:00
bender	243942cc75	Merge version_3 into main Merge version_3 into main	2026-06-06 14:24:51 +00:00
bender	8b9f96c63f	Update theme colors	2026-06-06 14:24:48 +00:00
bender	bb46fb8941	Merge version_2 into main Merge version_2 into main	2026-06-06 14:22:24 +00:00
bender	530b8c4b58	Update src/app/styles/variables.css	2026-06-06 14:22:21 +00:00
bender	c4651cabd7	Update src/app/styles/base.css	2026-06-06 14:22:20 +00:00
bender	e820b27347	Update src/app/page.tsx	2026-06-06 14:22:20 +00:00
bender	9b6b7f3bd7	Merge version_1 into main Merge version_1 into main	2026-06-06 14:07:38 +00:00
bender	8f72e02255	Merge version_1 into main Merge version_1 into main	2026-06-06 14:06:46 +00:00
bender	f250c07c24	Merge version_1 into main Merge version_1 into main	2026-06-06 14:05:48 +00:00
bender	bb871e607c	Merge version_1 into main Merge version_1 into main	2026-06-06 13:56:48 +00:00
bender	7c026f708f	Merge version_1 into main Merge version_1 into main	2026-06-06 13:56:00 +00:00
bender	d65abbd2ed	Merge version_1 into main Merge version_1 into main	2026-06-06 13:55:06 +00:00