diff --git a/src/app/join/page.tsx b/src/app/join/page.tsx
new file mode 100644
index 0000000..e39dfe7
--- /dev/null
+++ b/src/app/join/page.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+
+export default function JoinPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="fluid"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Void Pact"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Team", id: "#team" },
+            { name: "About", id: "#about" },
+            { name: "Join", id: "/join" },
+            { name: "Contact", id: "#contact" }
+          ]}
+        />
+      </div>
+
+      <div id="join" data-section="join">
+        <ContactSplitForm
+          title="Join the Void"
+          description="Think you have what it takes to compete at the highest level? Submit your application and prove yourself worthy of Void Pact."
+          inputs={[
+            { name: "playerName", type: "text", placeholder: "Your Gaming Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "role", type: "text", placeholder: "Your Role (e.g., IGL, Rifler, Awper)", required: true },
+            { name: "experience", type: "text", placeholder: "Years of Competitive Experience", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us why you should join Void Pact. Share your achievements, mindset, and competitive drive.",            rows: 6,
+            required: true
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg"
+          imageAlt="Gaming team recruitment tryout"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Submit Application"
+          ariaLabel="Join Void Pact recruitment form"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="Void Pact"
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "Team", href: "/#team" },
+                { label: "About", href: "/#about" }
+              ]
+            },
+            {
+              items: [
+                { label: "Join Us", href: "/join" },
+                { label: "Contact", href: "/#contact" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Discord", href: "https://discord.com" },
+                { label: "YouTube", href: "https://youtube.com" }
+              ]
+            },
+            {
+              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          ariaLabel="Void Pact footer navigation"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f2ab861..87ac7e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,7 +30,7 @@ export default function VoidPactPage() {
             { name: "Home", id: "hero" },
             { name: "Team", id: "team" },
             { name: "About", id: "about" },
-            { name: "Join", id: "join" },
+            { name: "Join", id: "/join" },
             { name: "Contact", id: "contact" }
           ]}
         />
@@ -45,7 +45,7 @@ export default function VoidPactPage() {
           tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Join the Pact", href: "#join" },
+            { text: "Join the Pact", href: "/join" },
             { text: "Watch Our Story", href: "#about" }
           ]}
           buttonAnimation="slide-up"
@@ -123,30 +123,6 @@ export default function VoidPactPage() {
         />
       </div>
 
-      <div id="join" data-section="join">
-        <ContactSplitForm
-          title="Join the Void"
-          description="Think you have what it takes to compete at the highest level? Submit your application and prove yourself worthy of Void Pact."
-          inputs={[
-            { name: "playerName", type: "text", placeholder: "Your Gaming Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
-            { name: "role", type: "text", placeholder: "Your Role (e.g., IGL, Rifler, Awper)", required: true },
-            { name: "experience", type: "text", placeholder: "Years of Competitive Experience", required: false }
-          ]}
-          textarea={{
-            name: "message",            placeholder: "Tell us why you should join Void Pact. Share your achievements, mindset, and competitive drive.",            rows: 6,
-            required: true
-          }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg"
-          imageAlt="Gaming team recruitment tryout"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          buttonText="Submit Application"
-          ariaLabel="Join Void Pact recruitment form"
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Get in Touch"
@@ -175,15 +151,15 @@ export default function VoidPactPage() {
           columns={[
             {
               items: [
-                { label: "Home", href: "#hero" },
-                { label: "Team", href: "#team" },
-                { label: "About", href: "#about" }
+                { label: "Home", href: "/" },
+                { label: "Team", href: "/#team" },
+                { label: "About", href: "/#about" }
               ]
             },
             {
               items: [
-                { label: "Join Us", href: "#join" },
-                { label: "Contact", href: "#contact" },
+                { label: "Join Us", href: "/join" },
+                { label: "Contact", href: "/#contact" },
                 { label: "Careers", href: "#" }
               ]
             },