Compare commits
24 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ecb6f1d2d4 | |||
| 7db5ecbd2e | |||
| 7f7da0288c | |||
| 96737d388e | |||
| ebf8ffbdf1 | |||
| 718435fd16 | |||
| fab9350b98 | |||
| 5eae5d2f76 | |||
| a4081f94fc | |||
| e845171cf5 | |||
| af9ed7f3ee | |||
| 38a3d37020 | |||
| c15d2f2dfb | |||
| 550ff4d9e5 | |||
| 8b9f96c63f | |||
| 530b8c4b58 | |||
| c4651cabd7 | |||
| e820b27347 | |||
| 9b6b7f3bd7 | |||
| 8f72e02255 | |||
| f250c07c24 | |||
| bb871e607c | |||
| 7c026f708f | |||
| d65abbd2ed |
@@ -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
|
||||
|
||||
@@ -17,16 +17,16 @@ import { Sparkles, Car, Coffee, ShieldCheck, Layers, DollarSign, Star, Award, Sh
|
||||
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
|
||||
@@ -202,7 +202,8 @@ 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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user