Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -31,25 +31,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Leistungen",
-          id: "#features",
-        },
+          name: "Leistungen",          id: "#features"},
         {
-          name: "Preise",
-          id: "#pricing",
-        },
+          name: "Preise",          id: "#pricing"},
         {
-          name: "Team",
-          id: "#team",
-        },
+          name: "Team",          id: "#team"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Kontakt",
-          id: "#contact",
-        },
+          name: "Kontakt",          id: "#contact"},
       ]}
       brandName="Trinz Media"
     />
@@ -58,38 +48,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="Trinz Media"
+      logoClassName="text-black"
       description="Wir verwandeln deine Vision in fesselnde Videos und stärken deine Marke durch maßgeschneidertes Coaching – für mehr Sichtbarkeit und nachhaltigen Erfolg."
+      descriptionClassName="text-black"
       buttons={[
         {
-          text: "Kostenlos registrieren",
-          href: "#contact",
-        },
+          text: "Kostenlos registrieren",          href: "#contact"},
         {
-          text: "Termin buchen",
-          href: "#contact",
-        },
+          text: "Termin buchen",          href: "#contact"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7367.jpg",
-          imageAlt: "Professioneller Content Creator Arbeitsbereich",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7367.jpg",          imageAlt: "Professioneller Content Creator Arbeitsbereich"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop-glasses_23-2148174129.jpg",
-          imageAlt: "Office desktop with laptop and a glasses",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop-glasses_23-2148174129.jpg",          imageAlt: "Office desktop with laptop and a glasses"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994398.jpg",
-          imageAlt: "Still life of device on table",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994398.jpg",          imageAlt: "Still life of device on table"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7373.jpg",
-          imageAlt: "coffee cup with laptop and beautiful luxury table decoration in livingroom interior for background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7373.jpg",          imageAlt: "coffee cup with laptop and beautiful luxury table decoration in livingroom interior for background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-desk-arrangement-with-laptop_23-2149073046.jpg",
-          imageAlt: "Minimalist desk arrangement with laptop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-desk-arrangement-with-laptop_23-2149073046.jpg",          imageAlt: "Minimalist desk arrangement with laptop"},
       ]}
       autoplayDelay={5000}
       showDimOverlay={true}
@@ -104,23 +82,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Video Content Creation",
-          description: "Professionelle Videopakete, die deine Geschichte erzählen und deine Zielgruppe fesseln – von Konzept bis zur Postproduktion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-used-podcasting_482257-91517.jpg",
-          imageAlt: "Video content creation",
-        },
+          title: "Video Content Creation",          description: "Professionelle Videopakete, die deine Geschichte erzählen und deine Zielgruppe fesseln – von Konzept bis zur Postproduktion.",          imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-used-podcasting_482257-91517.jpg",          imageAlt: "Video content creation"},
         {
-          title: "Personal Coaching",
-          description: "Individuelle 1:1 Unterstützung und maßgeschneiderte Strategien, um deine Marke zu stärken und deine Content-Ziele zu erreichen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-executives-discussing-digital-tablet_107420-65748.jpg",
-          imageAlt: "Personal coaching session",
-        },
+          title: "Personal Coaching",          description: "Individuelle 1:1 Unterstützung und maßgeschneiderte Strategien, um deine Marke zu stärken und deine Content-Ziele zu erreichen.",          imageSrc: "http://img.b2bpic.net/free-photo/business-executives-discussing-digital-tablet_107420-65748.jpg",          imageAlt: "Personal coaching session"},
         {
-          title: "Ergebnisorientiert",
-          description: "Wir konzentrieren uns auf messbares Wachstum für deine Marke, damit dein Content nicht nur gut aussieht, sondern auch performt.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-16175.jpg",
-          imageAlt: "Growth chart showing results",
-        },
+          title: "Ergebnisorientiert",          description: "Wir konzentrieren uns auf messbares Wachstum für deine Marke, damit dein Content nicht nur gut aussieht, sondern auch performt.",          imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-16175.jpg",          imageAlt: "Growth chart showing results"},
       ]}
       title="Maßgeschneiderte Lösungen für deinen Erfolg"
       description="Von professioneller Videoproduktion bis zu individuellem Coaching – wir begleiten dich auf jedem Schritt deiner Content-Reise."
@@ -134,62 +100,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
-          tag: "Starter",
-          price: "€1.499",
-          period: "pro Projekt",
-          description: "Ideal für erste Schritte und hochwertige Einzelprojekte.",
-          button: {
-            text: "Jetzt anfragen",
-            href: "#contact",
-          },
-          featuresTitle: "Inklusive:",
-          features: [
-            "1x Kurzvideo (bis 60 Sek.)",
-            "Basiskonzeption",
-            "1 Revisionsrunde",
-            "Standard-Postproduktion",
-            "Email-Support",
-          ],
+          id: "starter",          tag: "Starter",          price: "€1.499",          period: "pro Projekt",          description: "Ideal für erste Schritte und hochwertige Einzelprojekte.",          button: {
+            text: "Jetzt anfragen",            href: "#contact"},
+          featuresTitle: "Inklusive:",          features: [
+            "1x Kurzvideo (bis 60 Sek.)",            "Basiskonzeption",            "1 Revisionsrunde",            "Standard-Postproduktion",            "Email-Support"],
         },
         {
-          id: "pro",
-          tag: "Most Popular",
-          tagIcon: Sparkles,
-          price: "€2.999",
-          period: "pro Projekt",
-          description: "Für umfassende Projekte mit strategischer Begleitung.",
-          button: {
-            text: "Jetzt anfragen",
-            href: "#contact",
-          },
-          featuresTitle: "Inklusive:",
-          features: [
-            "3x Kurzvideos (bis 90 Sek.)",
-            "Detaillierte Strategie-Session",
-            "2 Revisionsrunden",
-            "Erweiterte Postproduktion",
-            "Priorisierter Email-Support",
-          ],
+          id: "pro",          tag: "Most Popular",          tagIcon: Sparkles,
+          price: "€2.999",          period: "pro Projekt",          description: "Für umfassende Projekte mit strategischer Begleitung.",          button: {
+            text: "Jetzt anfragen",            href: "#contact"},
+          featuresTitle: "Inklusive:",          features: [
+            "3x Kurzvideos (bis 90 Sek.)",            "Detaillierte Strategie-Session",            "2 Revisionsrunden",            "Erweiterte Postproduktion",            "Priorisierter Email-Support"],
         },
         {
-          id: "premium",
-          tag: "Premium",
-          price: "Individuell",
-          period: "nach Absprache",
-          description: "Dein maßgeschneidertes Paket für maximale Wirkung und exklusive Betreuung.",
-          button: {
-            text: "Beratung buchen",
-            href: "#contact",
-          },
-          featuresTitle: "Inklusive:",
-          features: [
-            "Umfassende Content-Strategie",
-            "Unbegrenzte Videos/Coaching-Sessions",
-            "Dedizierter Projektmanager",
-            "Exklusive Mentoring-Sessions",
-            "24/7 Premium-Support",
-          ],
+          id: "premium",          tag: "Premium",          price: "Individuell",          period: "nach Absprache",          description: "Dein maßgeschneidertes Paket für maximale Wirkung und exklusive Betreuung.",          button: {
+            text: "Beratung buchen",            href: "#contact"},
+          featuresTitle: "Inklusive:",          features: [
+            "Umfassende Content-Strategie",            "Unbegrenzte Videos/Coaching-Sessions",            "Dedizierter Projektmanager",            "Exklusive Mentoring-Sessions",            "24/7 Premium-Support"],
         },
       ]}
       title="Deine Investition in professionellen Content"
@@ -205,26 +132,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "trinz",
-          name: "Max Mustermann",
-          role: "Gründer & Lead Content Creator",
-          imageSrc: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg",
-          imageAlt: "Portrait des Gründers von Trinz Media",
-        },
+          id: "trinz",          name: "Max Mustermann",          role: "Gründer & Lead Content Creator",          imageSrc: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg",          imageAlt: "Portrait des Gründers von Trinz Media"},
         {
-          id: "co-founder-1",
-          name: "Anna Schmidt",
-          role: "Video Editor",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-positive-brunette-female-eyeglasses-taking-pictures-with-professional-photo-camera-isolated-grey-background_613910-7166.jpg",
-          imageAlt: "Smiling, positive brunette female in eyeglasses taking pictures with a professional photo camera.",
-        },
+          id: "co-founder-1",          name: "Anna Schmidt",          role: "Video Editor",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-positive-brunette-female-eyeglasses-taking-pictures-with-professional-photo-camera-isolated-grey-background_613910-7166.jpg",          imageAlt: "Smiling, positive brunette female in eyeglasses taking pictures with a professional photo camera."},
         {
-          id: "co-founder-2",
-          name: "Lena Fischer",
-          role: "Content Stratege",
-          imageSrc: "http://img.b2bpic.net/free-photo/traveler-female-holds-digital-photo-camera-red-coffee-cup-grey-background_613910-7170.jpg",
-          imageAlt: "Traveler female holds digital photo camera and a red coffee cup over grey background.",
-        },
+          id: "co-founder-2",          name: "Lena Fischer",          role: "Content Stratege",          imageSrc: "http://img.b2bpic.net/free-photo/traveler-female-holds-digital-photo-camera-red-coffee-cup-grey-background_613910-7170.jpg",          imageAlt: "Traveler female holds digital photo camera and a red coffee cup over grey background."},
       ]}
       title="Lerne das Team kennen"
       description="Ich bin Max Mustermann, der Kopf hinter Trinz Media. Meine Leidenschaft ist es, kreativen Köpfen und Marken zu helfen, ihre Geschichten wirkungsvoll zu erzählen und sichtbare Ergebnisse zu erzielen. Gemeinsam entwickeln wir eine Strategie, die dich und dein Business voranbringt. Unterstützt werde ich von einem engagierten Team von Experten."
@@ -237,30 +149,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "Was ist in den Video-Paketen enthalten?",
-          content: "Unsere Video-Pakete umfassen die komplette Produktion von der ersten Konzeptidee über den Dreh bis zur finalen Postproduktion und Bereitstellung des Videos in hochwertiger Qualität. Details variieren je nach gewähltem Paket.",
-        },
+          id: "faq1",          title: "Was ist in den Video-Paketen enthalten?",          content: "Unsere Video-Pakete umfassen die komplette Produktion von der ersten Konzeptidee über den Dreh bis zur finalen Postproduktion und Bereitstellung des Videos in hochwertiger Qualität. Details variieren je nach gewähltem Paket."},
         {
-          id: "faq2",
-          title: "Wie funktioniert das Personal Coaching?",
-          content: "Das Personal Coaching findet in 1:1 Sessions statt. Wir analysieren deine aktuelle Content-Strategie, definieren Ziele und entwickeln einen individuellen Aktionsplan. Du erhältst persönliche Anleitungen und Feedback zur Umsetzung.",
-        },
+          id: "faq2",          title: "Wie funktioniert das Personal Coaching?",          content: "Das Personal Coaching findet in 1:1 Sessions statt. Wir analysieren deine aktuelle Content-Strategie, definieren Ziele und entwickeln einen individuellen Aktionsplan. Du erhältst persönliche Anleitungen und Feedback zur Umsetzung."},
         {
-          id: "faq3",
-          title: "Wie kann ich mich für ein Service anmelden?",
-          content: "Du kannst dich einfach über unser Kontaktformular melden oder einen Termin für ein kostenloses Erstgespräch buchen. Wir besprechen dann deine Bedürfnisse und finden die beste Lösung für dich.",
-        },
+          id: "faq3",          title: "Wie kann ich mich für ein Service anmelden?",          content: "Du kannst dich einfach über unser Kontaktformular melden oder einen Termin für ein kostenloses Erstgespräch buchen. Wir besprechen dann deine Bedürfnisse und finden die beste Lösung für dich."},
         {
-          id: "faq4",
-          title: "Gibt es flexible Preismodelle?",
-          content: "Ja, neben unseren Standardpaketen bieten wir auch maßgeschneiderte Lösungen an. Kontaktiere uns gerne für ein individuelles Angebot, das perfekt auf dein Budget und deine Anforderungen zugeschnitten ist.",
-        },
+          id: "faq4",          title: "Gibt es flexible Preismodelle?",          content: "Ja, neben unseren Standardpaketen bieten wir auch maßgeschneiderte Lösungen an. Kontaktiere uns gerne für ein individuelles Angebot, das perfekt auf dein Budget und deine Anforderungen zugeschnitten ist."},
         {
-          id: "faq5",
-          title: "Kann ich die Dienste auch einzeln buchen?",
-          content: "Grundsätzlich sind unsere Pakete optimal aufeinander abgestimmt. In Einzelfällen ist es jedoch möglich, bestimmte Dienstleistungen separat zu buchen. Sprich uns einfach darauf an.",
-        },
+          id: "faq5",          title: "Kann ich die Dienste auch einzeln buchen?",          content: "Grundsätzlich sind unsere Pakete optimal aufeinander abgestimmt. In Einzelfällen ist es jedoch möglich, bestimmte Dienstleistungen separat zu buchen. Sprich uns einfach darauf an."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/person-holding-crystal-ball-with-reflection-high-mountains-beautiful-clouds_181624-8130.jpg"
       imageAlt="Eine Person denkt über Fragen nach, um Lösungen zu finden"
@@ -279,22 +176,14 @@ export default function LandingPage() {
       description="Kontaktiere uns noch heute für ein kostenloses Erstgespräch. Wir freuen uns darauf, von dir zu hören und gemeinsam deine Ziele zu erreichen."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Dein Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Dein Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Deine E-Mail-Adresse",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Deine E-Mail-Adresse",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Deine Nachricht",
-        rows: 4,
+        name: "message",        placeholder: "Deine Nachricht",        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/contact-register-feedback-support-help-concept_53876-124243.jpg"
@@ -309,58 +198,38 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Video Content",
-              href: "#features",
-            },
+              label: "Video Content",              href: "#features"},
             {
-              label: "Personal Coaching",
-              href: "#features",
-            },
+              label: "Personal Coaching",              href: "#features"},
             {
-              label: "Strategieberatung",
-              href: "#features",
-            },
+              label: "Strategieberatung",              href: "#features"},
           ],
         },
         {
-          title: "Unternehmen",
-          items: [
+          title: "Unternehmen",          items: [
             {
-              label: "Über uns",
-              href: "#team",
-            },
+              label: "Über uns",              href: "#team"},
             {
-              label: "Preise",
-              href: "#pricing",
-            },
+              label: "Preise",              href: "#pricing"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
-          title: "Kontakt",
-          items: [
+          title: "Kontakt",          items: [
             {
-              label: "Anfragen",
-              href: "#contact",
-            },
+              label: "Anfragen",              href: "#contact"},
             {
-              label: "Impressum",
-              href: "#",
-            },
+              label: "Impressum",              href: "#"},
             {
-              label: "Datenschutz",
-              href: "#",
-            },
+              label: "Datenschutz",              href: "#"},
           ],
         },
       ]}
       logoText="Trinz Media"
+      logoTextClassName="text-black"
       copyrightText="© 2025 Trinz Media. Alle Rechte vorbehalten."
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F9F9F9;
-  --card: #FFFFFF;
-  --foreground: #1A1A1A;
+  --background: #5f5f5f;
+  --card: #f3f3f3;
+  --foreground: #000000;
   --primary-cta: #962EFF;
-  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #FFFFFF;
+  --primary-cta-text: #f2f2f2;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #525252;
   --accent: #962EFF;
-  --background-accent: #F0F0F0;
+  --background-accent: #ededed;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);