diff --git a/src/app/page.tsx b/src/app/page.tsx
index d39d6c0..98421ea 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,40 @@
-import { redirect } from 'next/navigation';
+"use client";
+import { ThemeProvider } from "@/components/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroSignup from "@/components/sections/hero/HeroSignup";
 
 export default function Home() {
-  redirect('/components');
-}
\ No newline at end of file
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Features", id: "#features" },
+          { name: "About", id: "#about" }
+        ]}
+        brandName="Webild"
+      />
+      <div id="hero" data-section="hero">
+        <HeroSignup
+          title="Unlock Your Potential with Seamless Digital Experiences"
+          description="Experience the future of web development. Build stunning, high-performing websites with intuitive tools and unparalleled flexibility, designed to elevate your brand and engage your audience."
+          tag="Your Vision, Our Expertise"
+          background={{
+            variant: "radial-gradient"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}