diff --git a/src/app/compare/page.tsx b/src/app/compare/page.tsx
index 3154e17..853d231 100644
--- a/src/app/compare/page.tsx
+++ b/src/app/compare/page.tsx
@@ -2,56 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import BlogCardThree from "@/components/sections/blog/BlogCardThree";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import Link from "next/link";
-import { Building2, Car, History, Globe } from "lucide-react";
+import { BarChart3 } from "lucide-react";
 
 export default function ComparePage() {
-  const navItems = [
-    { name: "Search", id: "/" },
-    { name: "Browse", id: "/browse" },
-    { name: "Compare", id: "/compare" },
-    { name: "Timeline", id: "/" },
-    { name: "About", id: "/" },
-  ];
-
-  const footerColumns = [
-    {
-      items: [
-        { label: "Search Database", href: "/" },
-        { label: "Browse Vehicles", href: "/browse" },
-        { label: "Compare Cars", href: "/compare" },
-        { label: "Timeline Explorer", href: "/" },
-      ],
-    },
-    {
-      items: [
-        { label: "Brand Directory", href: "/" },
-        { label: "Model Guide", href: "/" },
-        { label: "Specifications", href: "/" },
-        { label: "Production Data", href: "/" },
-      ],
-    },
-    {
-      items: [
-        { label: "About Us", href: "/" },
-        { label: "Help & Support", href: "/" },
-        { label: "Contact", href: "/" },
-        { label: "Contribute Data", href: "/" },
-      ],
-    },
-    {
-      items: [
-        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "/" },
-        { label: "Data Attribution", href: "/" },
-        { label: "Sitemap", href: "/" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -67,63 +22,79 @@ export default function ComparePage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
-          navItems={navItems}
+          navItems={[
+            { name: "Search", id: "/search" },
+            { name: "Browse", id: "/browse" },
+            { name: "Compare", id: "/compare" },
+            { name: "Timeline", id: "/timeline" },
+            { name: "About", id: "/about" },
+          ]}
           brandName="AutoArchive"
           bottomLeftText="Explore Automotive History"
           bottomRightText="1886 to Present"
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardThree
-          title="AutoArchive by the Numbers"
-          description="The world's most comprehensive automotive database at your fingertips"
-          tag="Database Statistics"
-          tagAnimation="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="scale-rotate"
-          metrics={[
-            {
-              id: "1",              icon: Building2,
-              title: "Manufacturers",              value: "2,000+"},
-            {
-              id: "2",              icon: Car,
-              title: "Vehicle Models",              value: "50,000+"},
-            {
-              id: "3",              icon: History,
-              title: "Years Covered",              value: "138 Years"},
-            {
-              id: "4",              icon: Globe,
-              title: "Countries",              value: "195"},
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Compare Vehicles Side by Side"
+          description="Compare specifications, performance metrics, engines, transmissions, and features of up to 4 vehicles simultaneously. Analyze design evolution, performance differences, and technical innovations across generations and brands."
+          tag="Comparison Tool"
+          tagIcon={BarChart3}
+          tagAnimation="entrance-slide"
+          background={{ variant: "aurora" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-modern-sleek-automotive-database-inter-1772823292340-23f02fb5.png"
+          imageAlt="AutoArchive Comparison Tool"
+          mediaAnimation="entrance-slide"
+          imagePosition="right"
+          buttons={[
+            { text: "Start Comparing", href: "/compare" },
+            { text: "Browse Vehicles", href: "/browse" },
           ]}
-        />
-      </div>
-
-      <div id="legendary-cars" data-section="legendary-cars">
-        <BlogCardThree
-          title="Legendary Automotive Stories"
-          description="Discover the history, engineering, and cultural impact of the world's most iconic vehicles"
-          tag="Automotive Heritage"
-          tagAnimation="blur-reveal"
-          textboxLayout="default"
+          buttonAnimation="entrance-slide"
           useInvertedBackground={false}
-          animationType="slide-up"
-          carouselMode="buttons"
-          blogs={[
-            {
-              id: "1",              category: "Performance History",              title: "The Ferrari 250 GTO: The Car That Won Le Mans",              excerpt: "Explore how this race car became the most valuable car in the world",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png",              imageAlt: "Ferrari 250 GTO",              authorName: "Automotive Historian",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",              date: "Featured Article"},
-            {
-              id: "2",              category: "Design Evolution",              title: "The Porsche 911: 60 Years of Iconic Design",              excerpt: "How one sports car shaped the future of automotive design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png",              imageAlt: "Porsche 911 Through Decades",              authorName: "Design Expert",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",              date: "Featured Article"},
-            {
-              id: "3",              category: "Innovation",              title: "The Jaguar E-Type: Beauty and Performance",              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png",              imageAlt: "Jaguar E-Type Design",              authorName: "Automotive Journalist",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",              date: "Featured Article"},
-          ]}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoEmphasis logoText="AutoArchive" columns={footerColumns} />
+        <FooterLogoEmphasis
+          logoText="AutoArchive"
+          columns={[
+            {
+              items: [
+                { label: "Search Database", href: "/search" },
+                { label: "Browse Vehicles", href: "/browse" },
+                { label: "Compare Cars", href: "/compare" },
+                { label: "Timeline Explorer", href: "/timeline" },
+              ],
+            },
+            {
+              items: [
+                { label: "Brand Directory", href: "/brands" },
+                { label: "Model Guide", href: "/models" },
+                { label: "Specifications", href: "/specs" },
+                { label: "Production Data", href: "/production" },
+              ],
+            },
+            {
+              items: [
+                { label: "About Us", href: "/" },
+                { label: "Help & Support", href: "/help" },
+                { label: "Contact", href: "/contact" },
+                { label: "Contribute Data", href: "/contribute" },
+              ],
+            },
+            {
+              items: [
+                { label: "Privacy Policy", href: "/privacy" },
+                { label: "Terms of Service", href: "/terms" },
+                { label: "Data Attribution", href: "/attribution" },
+                { label: "Sitemap", href: "/sitemap" },
+              ],
+            },
+          ]}
+        />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}