bender/62d9fe15-6f0d-40e9-897e-b88c76e0d489
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

24 Commits
version_2 ... version_4

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
4 changed files with 46 additions and 28 deletions
Expand all files Collapse all files

22
src/app/layout.tsx
View File

@@ -6,6 +6,13 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Source_Sans_3 } from "next/font/google"; 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({ export default function RootLayout({
@@ -52,7 +68,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${sourceSans3.variable} antialiased`}> <body className={`${lato.variable} antialiased`}>
{children} {children}
<script <script

30
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; 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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Car, Coffee, ShieldCheck, Layers, DollarSign, Star, Award, Shield, MessageSquare, HelpCircle } from "lucide-react"; 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"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="Glanz & Schutz Autopflege" 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={[ buttons={[
{ text: "Jetzt Service buchen", href: "#contact" } { text: "Jetzt Service buchen", href: "#contact" }
]} ]}
@@ -209,30 +209,32 @@ export default function SitePage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Jetzt Ihren Termin vereinbaren" title="Erleben Sie den Unterschied – Kontaktieren Sie uns"
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." 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="Termin buchen" buttonText="Jetzt Anfrage senden"
mediaPosition="right" mediaPosition="right"
mediaAnimation="none" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg" imageSrc="http://img.b2bpic.net/free-photo/rear-view-man-cleaning-car_23-2147932087.jpg"
imageAlt="Modernes Autopflege Studio Interieur" imageAlt="Professionelle Autopflege"
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Ihr Name", required: true }, { name: "name", type: "text", placeholder: "Ihr Name", required: true },
{ name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true }, { name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true },
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" }, { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer (optional)" },
{ name: "carModel", type: "text", placeholder: "Fahrzeugmodell (z.B. BMW X5)" } { name: "carModel", type: "text", placeholder: "Fahrzeugmodell und Baujahr" }
]} ]}
multiSelect={{ 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={{ 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>
<div id="footer" data-section="footer"> <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" logoText="Glanz & Schutz Autopflege"
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149993559.jpg" logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149993559.jpg"
logoAlt="Glanz und Schutz Autopflege Logo" logoAlt="Glanz und Schutz Autopflege Logo"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-montserrat), sans-serif; font-family: var(--font-lato), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-montserrat), sans-serif; font-family: var(--font-lato), sans-serif;
} }

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #f5f5f5;
--card: #1a1a1a; --card: #ffffff;
--foreground: #ffffff; --foreground: #1c1c1c;
--primary-cta: #f0e68c; --primary-cta: #1c1c1c;
--primary-cta-text: #0a0a0a; --primary-cta-text: #f5f5f5;
--secondary-cta: #333333; --secondary-cta: #ffffff;
--secondary-cta-text: #ffffff; --secondary-cta-text: #1c1c1c;
--accent: #f0e68c; --accent: #15479c;
--background-accent: #b8860b; --background-accent: #a8cce8;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);