diff --git a/src/app/page.tsx b/src/app/page.tsx
index 31093eb..99227e7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,8 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { useEffect, useState } from "react";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 const navbarLinks = [
   { name: "Home", id: "/" },
@@ -13,15 +12,11 @@ const navbarLinks = [
   { name: "Dashboard", id: "/dashboard/tracker" }
 ];
 
-export default function Home() {
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  if (!isClient) {
-    return null;
-  }
+export default function HomePage() {
+  const heroSlides = [
+    { imageSrc: "/path/to/hero1.jpg", imageAlt: "Hero slide 1" },
+    { imageSrc: "/path/to/hero2.jpg", imageAlt: "Hero slide 2" }
+  ];
 
   return (
     <ThemeProvider
@@ -37,49 +32,39 @@ export default function Home() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarStyleApple
           navItems={navbarLinks}
           brandName="Webild"
-          logoSrc="/logo.svg"
-          logoAlt="Webild Logo"
-          button={{ text: "Get Started", href: "https://webild.com" }}
         />
       </div>
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
           logoText="Webild"
-          description="Transform your hiring with our cutting-edge talent acquisition platform."
+          description="Your ultimate solution for modern web development."
           buttons={[
-            { text: "Learn More", href: "/features" },
-            { text: "Contact Us", href: "https://webild.com/contact" }
-          ]}
-          slides={[
-            { imageSrc: "https://picsum.photos/id/237/800/600", imageAlt: "Applicant tracking dashboard" },
-            { imageSrc: "https://picsum.photos/id/238/800/600", imageAlt: "Interview scheduling interface" },
-            { imageSrc: "https://picsum.photos/id/239/800/600", imageAlt: "Candidate communication tools" },
-            { imageSrc: "https://picsum.photos/id/240/800/600", imageAlt: "Analytics and reporting" },
-            { imageSrc: "https://picsum.photos/id/241/800/600", imageAlt: "Team collaboration features" },
-            { imageSrc: "https://picsum.photos/id/242/800/600", imageAlt: "Customizable workflows" }
+            { text: "Get Started", href: "/contact" },
+            { text: "Learn More", href: "/features" }
           ]}
+          slides={heroSlides}
         />
       </div>
-      <FooterBase
+      <FooterSimple
         columns={[
           {
-            title: "Product",            items: [
+            title: "Product", items: [
               { label: "Features", href: "/features" },
               { label: "Pricing", href: "/pricing" }
             ]
           },
           {
-            title: "Company",            items: [
+            title: "Company", items: [
               { label: "About Us", href: "/about" },
               { label: "Careers", href: "#careers" }
             ]
           }
         ]}
-        logoText="Webild"
-        copyrightText="© 2024 Webild. All rights reserved."
+        bottomLeftText="Webild"
+        bottomRightText="© 2024 Webild. All rights reserved."
       />
     </ThemeProvider>
   );