Merge version_4 into main

Update src/app/page.tsx
2026-06-06 14:34:25 +00:00 · 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
4 changed files with 46 additions and 28 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,7 +10,7 @@ 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";

@@ -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" }
          ]}
@@ -209,30 +209,32 @@ export default function SitePage() {
      </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-montserrat), 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-montserrat), 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: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #f0e68c;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #333333;
-  --secondary-cta-text: #ffffff;
-  --accent: #f0e68c;
-  --background-accent: #b8860b;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --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	a0f63efe79	Merge version_4 into main Merge version_4 into main	2026-06-06 14:34:25 +00:00
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