Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -8,7 +8,8 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { Scissors, Sparkles, User, MapPin, Phone } from 'lucide-react';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Scissors, Sparkles, User, MapPin, Phone, Star } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,6 +32,7 @@ export default function LandingPage() {
                     { name: "Home", id: "#hero" },
                     { name: "Über uns", id: "#about" },
                     { name: "Leistungen", id: "#features" },
+                    { name: "Bewertungen", id: "#testimonials" },
                     { name: "Kontakt", id: "#contact" },
                 ]}
                 brandName="Haarzeit"
@@ -76,6 +78,22 @@ export default function LandingPage() {
             />
         </div>
 
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTen
+                title="Was unsere Kunden sagen"
+                tag="Bewertungen"
+                textboxLayout="default"
+                testimonials={[
+                    {
+                        id: "1",                        title: "Toller Service!",                        quote: "Super nettes Team und ich bin jedes Mal begeistert von meinem Haarschnitt.",                        name: "Claudia S.",                        role: "Stammkundin"
+                    },
+                    {
+                        id: "2",                        title: "Fachlich Top",                        quote: "Hier wird sich für die Beratung wirklich Zeit genommen. Sehr zu empfehlen!",                        name: "Michael B.",                        role: "Kunde"
+                    }
+                ]}
+            />
+        </div>
+
         <div id="contact" data-section="contact">
             <ContactSplit
                 tag="Termin vereinbaren"
@@ -113,4 +131,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}