diff --git a/src/app/page.tsx b/src/app/page.tsx
index 10a36a0..2db1f6b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Scissors, MapPin, Star } from "lucide-react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import { MapPin } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 
 export default function LandingPage() {
   return (
@@ -38,12 +37,15 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" style={{ backgroundColor: "#001a0a" }}>
-            <HeroSplitTestimonial
+            <HeroSplitDualMedia
               title="Fresh cut, good vibes"
               description="Premium barber services in the heart of Tampere. Professional craft, relaxed atmosphere."
               background={{ variant: "plain" }}
-              testimonials={[]}
-              mediaItems={[{ imageSrc: "https://img.b2bpic.net/free-photo/barber-shop-concept-with-man-getting-haircut_23-2148722916.jpg", imageAlt: "Barber shop interior" }]}
+              tag="Barber Services"
+              mediaItems={[
+                { imageSrc: "https://img.b2bpic.net/free-photo/barber-shop-concept-with-man-getting-haircut_23-2148722916.jpg", imageAlt: "Barber shop interior" },
+                { imageSrc: "https://img.b2bpic.net/free-photo/barber-tools-table_23-2148722926.jpg", imageAlt: "Barber tools" }
+              ]}
               rating={5}
               ratingText="5-star reviews in Tampere"
               className="text-white"
@@ -51,27 +53,29 @@ export default function LandingPage() {
         </div>
 
         <div id="why-prime" style={{ backgroundColor: "#f9f9f9" }}>
-            <FeatureCardTwentySeven
+            <FeatureCardTwelve
               title="Why Prime"
               description="We combine traditional techniques with a modern approach to grooming."
               features={[
-                { id: "1", title: "Expert Barbers", descriptions: ["Years of experience in professional styling"], imageSrc: "https://img.b2bpic.net/free-photo/young-man-getting-haircut-by-barber_1303-26301.jpg" },
-                { id: "2", title: "Premium Quality", descriptions: ["Only the best products for your hair and skin"], imageSrc: "https://img.b2bpic.net/free-photo/barber-tools-table_23-2148722926.jpg" },
-                { id: "3", title: "Relaxed Vibe", descriptions: ["A sanctuary for your morning ritual"], imageSrc: "https://img.b2bpic.net/free-photo/barbershop-interior_23-2148722914.jpg" },
-                { id: "4", title: "Local Roots", descriptions: ["Proudly serving Tampere locals"], imageSrc: "https://img.b2bpic.net/free-photo/barber-shop-interior-with-mirror_23-2148722922.jpg" }
+                { id: "1", label: "01", title: "Expert Barbers", items: ["Years of experience in professional styling"] },
+                { id: "2", label: "02", title: "Premium Quality", items: ["Only the best products for your hair and skin"] },
+                { id: "3", label: "03", title: "Relaxed Vibe", items: ["A sanctuary for your morning ritual"] },
+                { id: "4", label: "04", title: "Local Roots", items: ["Proudly serving Tampere locals"] }
               ]}
               animationType="slide-up"
               textboxLayout="split"
+              useInvertedBackground={false}
             />
         </div>
 
         <div id="services" style={{ backgroundColor: "#f9f9f9" }}>
-            <ProductCardTwo
+            <ProductCardOne
               title="Minimal Services"
               description="Clear pricing for high-quality cuts."
               gridVariant="four-items-2x2-equal-grid"
               animationType="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
               products={[
                 { id: "1", name: "Classic Cut", price: "35€", imageSrc: "https://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148722934.jpg" },
                 { id: "2", name: "Beard Trim", price: "20€", imageSrc: "https://img.b2bpic.net/free-photo/barber-trimming-beard_23-2148722940.jpg" },
@@ -82,11 +86,14 @@ export default function LandingPage() {
         </div>
 
         <div id="find-us" style={{ backgroundColor: "#001a0a" }}>
-            <ContactCenter
+            <ContactSplitForm
               title="Find Us"
               description="Visit us in Tampere. Open daily by appointment."
-              tag="Contact"
-              background={{ variant: "plain" }}
+              inputs={[
+                { name: "name", type: "text", placeholder: "Your Name" },
+                { name: "email", type: "email", placeholder: "Your Email" }
+              ]}
+              useInvertedBackground={false}
               className="text-white"
             />
         </div>