Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Palette, Scissors, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -66,7 +66,7 @@ export default function LandingPage() {
         {
           text: "Termin buchen",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg?_wi=1"
       mediaAnimation="slide-up"
     />
   </div>
@@ -168,91 +168,38 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
+      <TestimonialCardTen
       textboxLayout="split"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          name: "Julia M.",          role: "Kundin",          company: "Stammkundin",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg"},
-        {
-          id: "2",          name: "Claudia B.",          role: "Kundin",          company: "Seit 2 Jahren",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg"},
-        {
-          id: "3",          name: "Markus S.",          role: "Kunde",          company: "Barber-Fan",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg?_wi=1"},
-        {
-          id: "4",          name: "Lisa R.",          role: "Kundin",          company: "Neukundin",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg"},
-        {
-          id: "5",          name: "Tom K.",          role: "Kunde",          company: "Regelmäßiger Gast",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg?_wi=2"},
-      ]}
-      kpiItems={[
-        {
-          value: "4.4",          label: "Bewertung"},
-        {
-          value: "250+",          label: "Google Reviews"},
-        {
-          value: "100%",          label: "Weiterempfehlung"},
-      ]}
       title="Was Kunden sagen"
       description="Zufriedenheit ist unser höchster Anspruch."
+      testimonials={[
+        {
+          id: "1",          title: "Exzellenter Service",          name: "Julia M.",          role: "Stammkundin",          quote: "Ein erstklassiger Barber in Augsburg. Sehr zu empfehlen!",          imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg"},
+        {
+          id: "2",          title: "Top Atmosphäre",          name: "Claudia B.",          role: "Seit 2 Jahren",          quote: "Sehr moderne Ausstattung und extrem freundliches Team.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg"},
+        {
+          id: "3",          title: "Präzise Arbeit",          name: "Markus S.",          role: "Barber-Fan",          quote: "Die Bartpflege ist hier auf höchstem Niveau.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg?_wi=1"},
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Besuch uns"
+      <ContactSplit
+      tag="Kontakt"
       title="Bereit für deinen neuen Style?"
       description="Komm vorbei oder ruf uns an – Spontanbesuche sind oft möglich!"
-      buttons={[
-        {
-          text: "Jetzt anrufen",          href: "tel:+49123456789"},
-        {
-          text: "WhatsApp Nachricht",          href: "https://wa.me/49123456789"},
-      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Model Friseur"
-      columns={[
-        {
-          title: "Kontakt",          items: [
-            {
-              label: "Hauptstraße 1, Augsburg",              href: "#"},
-            {
-              label: "Tel: 0123 456789",              href: "tel:+49123456789"},
-            {
-              label: "info@modelfriseur.de",              href: "mailto:info@modelfriseur.de"},
-          ],
-        },
-        {
-          title: "Öffnungszeiten",          items: [
-            {
-              label: "Mo-Fr: 09:00 - 19:00",              href: "#"},
-            {
-              label: "Sa: 09:00 - 16:00",              href: "#"},
-            {
-              label: "So: Geschlossen",              href: "#"},
-          ],
-        },
-        {
-          title: "Rechtliches",          items: [
-            {
-              label: "Impressum",              href: "#"},
-            {
-              label: "Datenschutz",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Model Friseur und Barber Shop"
+      leftLink={{ text: "Impressum", href: "#" }}
+      rightLink={{ text: "Datenschutz", href: "#" }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000000;
-  --primary-cta: #c5a059;
+  --background: #0a0a0a;
+  --card: #171717;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #262626;
   --secondary-cta-text: #ffffff;
-  --accent: #e63946;
-  --background-accent: #f1f1f1;
+  --accent: #b8860b;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);