Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, Heart, MapPin, Zap } from "lucide-react";
+import { Award, Heart, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -50,6 +50,7 @@ export default function LandingPage() {
         { text: "Beratung anfragen", href: "#contact" },
         { text: "Lederreparatur vorbeibringen", href: "#contact" },
       ]}
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
@@ -66,6 +67,7 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186729.jpg?_wi=1"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
@@ -82,6 +84,7 @@ export default function LandingPage() {
       ]}
       title="Innendekoration nach Mass"
       description="Wohnräume sollen nicht nur schön aussehen, sondern sich auch gut anfühlen."
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
@@ -98,6 +101,7 @@ export default function LandingPage() {
       ]}
       title="Lederwaren mit Persönlichkeit"
       description="Ob neue Tasche, Massanfertigung oder Reparatur – wir behandeln jedes Stück mit besonderer Sorgfalt."
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
@@ -114,6 +118,7 @@ export default function LandingPage() {
       ]}
       title="Persönlich. Regional. Verlässlich."
       description="Als lokaler Handwerksbetrieb in Seengen sind wir eng mit der Region verbunden."
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
@@ -128,23 +133,24 @@ export default function LandingPage() {
       ]}
       cardTitle="Was unsere Kunden sagen"
       cardTag="Referenzen"
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactSplit
+      tag="Kontakt"
+      title="Lassen Sie uns zusammenarbeiten"
+      description="Haben Sie ein Projekt oder ein Lieblingsstück? Besuchen Sie uns in Seengen oder kontaktieren Sie uns für eine Anfrage."
       background={{ variant: "sparkles-gradient" }}
-      text="Haben Sie ein Projekt oder ein Lieblingsstück? Besuchen Sie uns in Seengen oder kontaktieren Sie uns für eine Anfrage."
-      buttons={[
-        { text: "Kontakt aufnehmen", href: "mailto:info@dubs.ch" },
-        { text: "Atelier besuchen", href: "#" },
-      ]}
+      useInvertedBackground={false}
+      onSubmit={(email) => console.log("Form submitted with:", email)}
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
       logoText="Dubs Innendekoration & Lederwaren"
       columns={[
         {
@@ -160,9 +166,10 @@ export default function LandingPage() {
           ],
         },
       ]}
+      containerClassName="px-4 sm:px-6 md:px-8"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}