diff --git a/src/app/browse/page.tsx b/src/app/browse/page.tsx
index c79d3f2..969219b 100644
--- a/src/app/browse/page.tsx
+++ b/src/app/browse/page.tsx
@@ -2,56 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import Link from "next/link";
-import { Zap, Award, Sparkles, Car } from "lucide-react";
+import { Compass } from "lucide-react";
 
 export default function BrowsePage() {
-  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,93 +22,79 @@ export default function BrowsePage() {
     >
       <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="browse-decade" data-section="browse-decade">
-        <FeatureCardTwentyFive
-          title="Browse by Era"
-          description="Explore vehicles organized by historical decade with complete production timelines"
-          tag="Timeline Explorer"
-          tagAnimation="blur-reveal"
-          animationType="depth-3d"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            {
-              title: "The Golden Age (1900-1920s)",              description: "Early automobiles, pioneering manufacturers, and the birth of motoring",              icon: Zap,
-              mediaItems: [
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png",                  imageAlt: "Early 1900s vehicles"},
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png",                  imageAlt: "Classic automobiles vintage"},
-              ],
-            },
-            {
-              title: "The Classics Era (1930-1950s)",              description: "Art deco styling, post-war innovation, and the golden age of design",              icon: Award,
-              mediaItems: [
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png",                  imageAlt: "1930s-1950s classic cars"},
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png",                  imageAlt: "Post-war automobile design"},
-              ],
-            },
-            {
-              title: "The Modern Era (1960-1980s)",              description: "Performance revolution, muscle cars, and engineering breakthroughs",              icon: Sparkles,
-              mediaItems: [
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png",                  imageAlt: "1960s muscle cars"},
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png",                  imageAlt: "1980s performance vehicles"},
-              ],
-            },
-            {
-              title: "Contemporary (1990-2024)",              description: "Digital age, electric vehicles, autonomous technology, and modern innovation",              icon: Zap,
-              mediaItems: [
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png",                  imageAlt: "1990s modern cars"},
-                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png",                  imageAlt: "Electric and autonomous vehicles"},
-              ],
-            },
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Browse Our Vehicle Collection"
+          description="Explore organized collections of vehicles by brand, era, body type, and more. Discover legendary cars, hidden gems, and the complete history of automotive design and innovation."
+          tag="Browse Vehicles"
+          tagIcon={Compass}
+          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 Browse Interface"
+          mediaAnimation="entrance-slide"
+          imagePosition="right"
+          buttons={[
+            { text: "Browse Now", href: "/browse" },
+            { text: "Search Database", href: "/search" },
           ]}
-        />
-      </div>
-
-      <div id="featured-vehicles" data-section="featured-vehicles">
-        <ProductCardTwo
-          title="Featured Legendary Vehicles"
-          description="Iconic cars that shaped automotive history"
-          tag="Heritage Collection"
-          tagAnimation="blur-reveal"
-          textboxLayout="default"
+          buttonAnimation="entrance-slide"
           useInvertedBackground={false}
-          animationType="slide-up"
-          gridVariant="four-items-2x2-equal-grid"
-          products={[
-            {
-              id: "1",              brand: "Ferrari",              name: "Ferrari 250 GTO",              price: "1962-1964",              rating: 5,
-              reviewCount: "Legendary",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png",              imageAlt: "Ferrari 250 GTO 1962"},
-            {
-              id: "2",              brand: "Porsche",              name: "Porsche 911",              price: "1963-Present",              rating: 5,
-              reviewCount: "Iconic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png",              imageAlt: "Porsche 911 Classic"},
-            {
-              id: "3",              brand: "Jaguar",              name: "Jaguar E-Type",              price: "1961-1974",              rating: 5,
-              reviewCount: "Historic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png",              imageAlt: "Jaguar E-Type"},
-            {
-              id: "4",              brand: "BMW",              name: "BMW 2002",              price: "1968-1976",              rating: 5,
-              reviewCount: "Classic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png",              imageAlt: "BMW 2002"},
-          ]}
         />
       </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
+}