src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { Microscope, FileText, ClipboardList } from "lucide-react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
@@ -122,28 +122,15 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <MediaAbout
       useInvertedBackground={true}
       title="Supporting clinical judgment"
-      metrics={[
-        {
-          icon: Microscope,
-          label: "Documentation speed",          value: "Instant"},
-        {
-          icon: FileText,
-          label: "Summary clarity",          value: "Chronological"},
-        {
-          icon: ClipboardList,
-          label: "Primary Focus",          value: "Case Documentation"},
-      ]}
-      metricsAnimation="slide-up"
+      description="Our mission is to help medical teams focus on patients, not administrative burden. By automating documentation, we improve efficiency and clinical outcomes."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqSplitMedia
       faqs={[
         {
           id: "q1",          title: "Does this tool replace clinical judgment?",          content: "No, PJIVerlauf kompakt is for documentation support only. It does not provide automated diagnoses or medical advice."},
@@ -153,22 +140,17 @@ export default function LandingPage() {
           id: "q3",          title: "Who can use this application?",          content: "It is optimized for use by orthopedic surgical residents, infectious disease consultants, and hospital quality officers managing PJI cases."},
       ]}
       title="Frequently Asked Questions"
-      description="Answers to common questions regarding the use and implementation of PJIVerlauf."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
       useInvertedBackground={true}
       title="Start your clinical journey"
       description="Reach out to discuss implementation or to request a demo for your orthopedic or ID department."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Full Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        { name: "hospital", type: "text", placeholder: "Hospital / Department Name" },
-      ]}
-      buttonText="Get Started"
       imageSrc="http://img.b2bpic.net/free-photo/male-general-practitioner-explaining-preventative-medicine-risk-factors_482257-126397.jpg"
     />
   </div>
@@ -182,4 +164,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}