Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Phone } from "lucide-react";
+import { Phone, MapPin, Mail, MessageSquare } from "lucide-react";
 
 export default function DncCleanPage() {
   return (
@@ -33,7 +33,7 @@ export default function DncCleanPage() {
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
             ]}
             button={{ text: "Anfrage", href: "#contact" }}
@@ -109,6 +109,8 @@ export default function DncCleanPage() {
             faqs={[
               { id: "1", title: "Wo sind Sie tätig?", content: "Wir sind in ganz Wien und Umgebung tätig." },
               { id: "2", title: "Wie kann ich buchen?", content: "Kontaktieren Sie uns einfach über das Kontaktformular oder telefonisch." },
+              { id: "3", title: "Ist eine Besichtigung vor Ort nötig?", content: "Ja, für eine genaue Einschätzung des Aufwandes bieten wir eine kostenlose Erstbesichtigung vor Ort an." },
+              { id: "4", title: "Verwenden Sie umweltfreundliche Reinigungsmittel?", content: "Wir legen Wert auf nachhaltige Lösungen und verwenden bei Bedarf umweltschonende Produkte." }
             ]}
             faqsAnimation="slide-up"
             useInvertedBackground={false}
@@ -118,9 +120,9 @@ export default function DncCleanPage() {
         <div id="contact" data-section="contact">
           <ContactCTA
             tag="Kontakt"
-            tagIcon={Phone}
+            tagIcon={MessageSquare}
-            title="Ihr Partner für Sauberkeit in Wien"
+            title="Haben Sie Fragen oder benötigen Sie ein Angebot?"
-            description="Fordern Sie noch heute ein unverbindliches Angebot an. Wir freuen uns auf Ihre Anfrage!"
+            description="Besuchen Sie uns in unserem Wiener Büro oder senden Sie uns eine Nachricht. Wir antworten innerhalb von 24 Stunden. Unser Standort: Wien, Österreich."
             buttons={[{ text: "Angebot anfordern", href: "#contact" }]}
             background={{ variant: "plain" }}
             useInvertedBackground={false}
@@ -132,7 +134,7 @@ export default function DncCleanPage() {
             logoText="DNC Clean e.U"
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg?_wi=4"
             columns={[
-              { title: "Leistungen", items: [{ label: "Unterhaltsreinigung", href: "#services" }, { label: "Fensterreinigung", href: "#services" }] },
+              { title: "Unternehmen", items: [{ label: "Über uns", href: "#about" }, { label: "Service", href: "#services" }, { label: "FAQ", href: "#faq" }] },
               { title: "Kontakt", items: [{ label: "Wien, Österreich", href: "#contact" }, { label: "office@dncclean.at", href: "mailto:office@dncclean.at" }] }
             ]}
             copyrightText="© 2025 DNC Clean e.U"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f8fafc;
+  --background: #fafffb;
-  --card: #ffffff;
+  --card: #f7fffa;
-  --foreground: #0f172a;
+  --foreground: #001a0a;
-  --primary-cta: #1d4ed8;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e0e7ff;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #1e3a5f;
-  --accent: #3b82f6;
+  --accent: #a8d9be;
-  --background-accent: #60a5fa;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);