diff --git a/app/contact/page.tsx b/app/contact/page.tsx
index 21ea5c5..ad9a0ec 100644
--- a/app/contact/page.tsx
+++ b/app/contact/page.tsx
@@ -1,6 +1,6 @@
 import { Metadata } from "next"
 
-import ContactSection from "@/components/home/contact"
+import Contact from "@/components/contact"
 
 export const metadata: Metadata = {
   title: "İletişim",
@@ -11,7 +11,7 @@ export const metadata: Metadata = {
 export default function ContactPage() {
   return (
     <section className="flex min-h-screen items-center justify-center">
-      <ContactSection className="border-t-0" />
+      <Contact />
     </section>
   )
 }
diff --git a/app/extensions/device-manager/page.tsx b/app/extensions/device-manager/page.tsx
index c17c658..3e0cb3d 100644
--- a/app/extensions/device-manager/page.tsx
+++ b/app/extensions/device-manager/page.tsx
@@ -16,6 +16,7 @@ import {
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -125,6 +126,7 @@ export default function DeviceManagerPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/app/extensions/domain-manager/page.tsx b/app/extensions/domain-manager/page.tsx
index 035d0ce..a7ab618 100644
--- a/app/extensions/domain-manager/page.tsx
+++ b/app/extensions/domain-manager/page.tsx
@@ -14,6 +14,7 @@ import {
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -104,6 +105,7 @@ export default function DomainManagerPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/app/extensions/network-explorer/page.tsx b/app/extensions/network-explorer/page.tsx
index 3b2e550..a02aae6 100644
--- a/app/extensions/network-explorer/page.tsx
+++ b/app/extensions/network-explorer/page.tsx
@@ -7,6 +7,7 @@ import { Bug, Eye, List, MonitorCheck, Scan, ShieldAlert } from "lucide-react"
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -98,6 +99,7 @@ export default function NetworkExplorerPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/app/extensions/network-monitor/page.tsx b/app/extensions/network-monitor/page.tsx
index 510820d..55772e9 100644
--- a/app/extensions/network-monitor/page.tsx
+++ b/app/extensions/network-monitor/page.tsx
@@ -14,6 +14,7 @@ import {
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -104,6 +105,7 @@ export default function NetworkMonitorPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/components/contact.tsx b/components/contact.tsx
new file mode 100644
index 0000000..308447c
--- /dev/null
+++ b/components/contact.tsx
@@ -0,0 +1,21 @@
+"use client"
+
+import { GoogleReCaptchaProvider } from "react-google-recaptcha-v3"
+
+import ContactSection from "./home/contact"
+
+export default function Contact() {
+  return (
+    <GoogleReCaptchaProvider
+      reCaptchaKey="6LdX36UeAAAAALStl0KL5co3B-dU6gTnx_osvTWJ"
+      scriptProps={{
+        async: false,
+        defer: false,
+        appendTo: "head",
+        nonce: undefined,
+      }}
+    >
+      <ContactSection className="border-t-0" />
+    </GoogleReCaptchaProvider>
+  )
+}
diff --git a/components/footer.tsx b/components/footer.tsx
index 687f780..0a641f0 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -1,9 +1,18 @@
+"use client"
+
 import * as React from "react"
 import Link from "next/link"
 
 import { cn } from "@/lib/utils"
 
 import { Aciklab } from "./logos/aciklab"
+import {
+  NavigationMenu,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  navigationMenuTriggerStyle,
+} from "./ui/navigation-menu"
 
 export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
   return (
@@ -16,16 +25,48 @@ export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
             target="_blank"
           >
             <Aciklab className="h-7 w-auto" />
-          </Link>
-          <Link
-            className="flex flex-col md:gap-2 md:px-0"
-            href="https://havelsan.com.tr"
-            target="_blank"
-          >
             <p className="text-center text-xs font-semibold leading-loose md:text-left">
               {new Date().getFullYear()} © HAVELSAN A.Ş.
             </p>
           </Link>
+          <NavigationMenu>
+            <NavigationMenuList>
+              <NavigationMenuItem>
+                <Link href="/extensions" legacyBehavior passHref>
+                  <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+                    Eklentiler
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+              <NavigationMenuItem>
+                <Link href="https://docs.liman.dev" legacyBehavior passHref>
+                  <NavigationMenuLink
+                    target="_blank"
+                    className={navigationMenuTriggerStyle()}
+                  >
+                    Dokümantasyon
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+              <NavigationMenuItem>
+                <Link href="/datasheet.pdf" legacyBehavior passHref>
+                  <NavigationMenuLink
+                    target="_blank"
+                    className={navigationMenuTriggerStyle()}
+                  >
+                    Teknik Doküman
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+              <NavigationMenuItem>
+                <Link href="/contact" legacyBehavior passHref>
+                  <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+                    İletişim
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+            </NavigationMenuList>
+          </NavigationMenu>
         </div>
       </div>
     </footer>
diff --git a/components/home/contact.tsx b/components/home/contact.tsx
index a78ad40..ed81099 100644
--- a/components/home/contact.tsx
+++ b/components/home/contact.tsx
@@ -14,7 +14,18 @@ export default function ContactSection({ className }: { className?: string }) {
     <section id="contact" className={cn("border-t", className)}>
       <div className="container relative py-12">
         <div className="grid-cols-5 gap-8 md:grid">
-          <div className="col-span-2 flex flex-col justify-center">
+          <div className="relative col-span-2 flex flex-col justify-center">
+            <Image
+              src={Wheel}
+              alt="Liman Merkezi Yönetim Sistemi"
+              quality={80}
+              width={225}
+              height={80}
+              priority={true}
+              loading="eager"
+              className="pointer-events-none absolute right-[-3vw] top-[-2.5vh] z-10 hidden md:block"
+            />
+
             <h5
               className={cn(
                 "bg-gradient-to-r from-primary-light to-primary bg-clip-text font-heading text-4xl leading-[3rem] text-transparent",
@@ -39,16 +50,7 @@ export default function ContactSection({ className }: { className?: string }) {
               avantajı elde edebilirsiniz.
             </p>
           </div>
-          <Image
-            src={Wheel}
-            alt="Liman Merkezi Yönetim Sistemi"
-            quality={80}
-            width={250}
-            height={100}
-            priority={true}
-            loading="eager"
-            className="pointer-events-none absolute bottom-[-3vh] right-[-3vw] z-10 hidden rotate-45 md:block"
-          />
+
           <div className="col-span-3">
             <Card className="shadow shadow-accent">
               <CardContent className="p-4 md:p-6 lg:p-8">
diff --git a/components/home/hero.tsx b/components/home/hero.tsx
index 862e7a3..d67038f 100644
--- a/components/home/hero.tsx
+++ b/components/home/hero.tsx
@@ -44,7 +44,7 @@ export default function Hero() {
           height={100}
           priority={true}
           loading="eager"
-          className="pointer-events-none absolute bottom-[-6vh] left-[-3vw] z-10 hidden md:block"
+          className="pointer-events-none absolute bottom-[0vh] left-[-3vw] z-10 hidden md:block"
         />
         <AppWindow className="relative -m-5 mt-10">
           <Image
diff --git a/components/main-nav.tsx b/components/main-nav.tsx
index a274533..d12304e 100644
--- a/components/main-nav.tsx
+++ b/components/main-nav.tsx
@@ -1,69 +1,14 @@
 "use client"
 
-import React from "react"
 import Link from "next/link"
-import { MonitorCheck } from "lucide-react"
 import { useTheme } from "next-themes"
 
-import { NavItem } from "@/types/nav"
-import { cn } from "@/lib/utils"
-import {
-  NavigationMenu,
-  NavigationMenuContent,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuTrigger,
-  navigationMenuTriggerStyle,
-} from "@/components/ui/navigation-menu"
-
 import { Icons } from "./icons"
 import { Logo } from "./logos/logo"
 import { ModeToggle } from "./mode-toggle"
+import Navigation from "./navigation"
 import { buttonVariants } from "./ui/button"
 
-interface MainNavProps {
-  items?: NavItem[]
-}
-
-const components: { title: string; href: string; description: string }[] = [
-  {
-    title: "Alert Dialog",
-    href: "/docs/primitives/alert-dialog",
-    description:
-      "A modal dialog that interrupts the user with important content and expects a response.",
-  },
-  {
-    title: "Hover Card",
-    href: "/docs/primitives/hover-card",
-    description:
-      "For sighted users to preview content available behind a link.",
-  },
-  {
-    title: "Progress",
-    href: "/docs/primitives/progress",
-    description:
-      "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
-  },
-  {
-    title: "Scroll-area",
-    href: "/docs/primitives/scroll-area",
-    description: "Visually or semantically separates content.",
-  },
-  {
-    title: "Tabs",
-    href: "/docs/primitives/tabs",
-    description:
-      "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
-  },
-  {
-    title: "Tooltip",
-    href: "/docs/primitives/tooltip",
-    description:
-      "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
-  },
-]
-
 export function MainNav() {
   const { theme } = useTheme()
 
@@ -73,129 +18,13 @@ export function MainNav() {
         href="/"
         className="flex items-center space-x-2 transition-opacity hover:opacity-80"
       >
-        {theme === "dark" ? (
-          <Logo className="h-7 w-auto" />
+        {theme === "light" ? (
+          <Icons.logoLight className="h-9 w-auto" />
         ) : (
-          <Icons.logoLight className="h-7 w-auto" />
+          <Logo className="h-9 w-auto" />
         )}
       </Link>
-      <NavigationMenu>
-        <NavigationMenuList>
-          <NavigationMenuItem>
-            <NavigationMenuTrigger>Eklentiler</NavigationMenuTrigger>
-            <NavigationMenuContent>
-              <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
-                <li className="row-span-3">
-                  <NavigationMenuLink asChild>
-                    <a
-                      className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
-                      href="/extensions/device-manager"
-                    >
-                      <MonitorCheck className="h-6 w-6" />
-                      <div className="mb-2 mt-4 text-lg font-medium">
-                        Cihaz Yöneticisi
-                      </div>
-                      <p className="text-sm leading-tight text-muted-foreground">
-                        Organizasyonunuzda bulunan cihazlarınızı etkili bir
-                        şekilde yönetin.
-                      </p>
-                    </a>
-                  </NavigationMenuLink>
-                </li>
-                <ListItem
-                  href="/extensions/network-explorer"
-                  title="Ağ Keşif Eklentisi"
-                >
-                  Aktif varlıklarınızı otomatik keşfedin ve güncel envanter
-                  bilginize erişin.
-                </ListItem>
-                <ListItem
-                  href="/extensions/network-monitor"
-                  title="Ağ İzleme Eklentisi"
-                >
-                  Ağ cihazlarınızı performanslarını, sağlık durumlarını izleyin
-                  ve genel ağ sağlığınızı güçlendirin.
-                </ListItem>
-                <ListItem
-                  href="/extensions/domain-manager"
-                  title="Domain Yöneticisi"
-                >
-                  Aktif Dizin ve SAMBA etki alanlarınızı ve etki alanızdaki
-                  organizasyon bileşenlerinizi merkezi olarak yönetin.
-                </ListItem>
-              </ul>
-            </NavigationMenuContent>
-          </NavigationMenuItem>
-          <NavigationMenuItem>
-            <NavigationMenuTrigger>Dokümantasyon</NavigationMenuTrigger>
-            <NavigationMenuContent>
-              <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] ">
-                <ListItem
-                  title="Dokümantasyon"
-                  href="https://docs.liman.dev"
-                  target="_blank"
-                >
-                  Tüm Liman dokümantasyonuna erişebilirsiniz.
-                </ListItem>
-                <ListItem
-                  title="Kullanım Kılavuzu"
-                  href="https://docs.liman.dev/kullanim-kilavuzu/"
-                  target="_blank"
-                >
-                  Liman kullanımı için hazırlanan kullanım kılavuzu.
-                </ListItem>
-                <ListItem
-                  title="Kurulum"
-                  href="https://docs.liman.dev/baslangic/kurulum"
-                  target="_blank"
-                >
-                  Liman kurulumu için gerekli adımları takip edin.
-                </ListItem>
-                <ListItem
-                  title="Güvenlik"
-                  href="https://docs.liman.dev/baslangic/guvenlik"
-                  target="_blank"
-                >
-                  Liman için yayınlanmış güvenlik yama notları.
-                </ListItem>
-                <ListItem
-                  title="Eklenti Geliştirme"
-                  href="https://docs.liman.dev/eklenti-gelistirme/"
-                  target="_blank"
-                >
-                  Liman için eklenti geliştirme kılavuzu. Sistemlerle entegre
-                  olun.
-                </ListItem>
-                <ListItem
-                  title="Kavram İspat Çalışması"
-                  href="https://docs.liman.dev/liman-poc"
-                  target="_blank"
-                >
-                  Kavram ispat çalışması için gerekli kurulum dokümanları ve
-                  yönergeler.
-                </ListItem>
-              </ul>
-            </NavigationMenuContent>
-          </NavigationMenuItem>
-          <NavigationMenuItem>
-            <Link href="/datasheet.pdf" legacyBehavior passHref>
-              <NavigationMenuLink
-                target="_blank"
-                className={navigationMenuTriggerStyle()}
-              >
-                Datasheet
-              </NavigationMenuLink>
-            </Link>
-          </NavigationMenuItem>
-          <NavigationMenuItem>
-            <Link href="/contact" legacyBehavior passHref>
-              <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-                İletişim
-              </NavigationMenuLink>
-            </Link>
-          </NavigationMenuItem>
-        </NavigationMenuList>
-      </NavigationMenu>
+      <Navigation />
       <div className="flex items-center space-x-4">
         <nav className="flex items-center space-x-1">
           <Link
@@ -219,29 +48,3 @@ export function MainNav() {
     </div>
   )
 }
-
-const ListItem = React.forwardRef<
-  React.ElementRef<"a">,
-  React.ComponentPropsWithoutRef<"a">
->(({ className, title, children, ...props }, ref) => {
-  return (
-    <li>
-      <NavigationMenuLink asChild>
-        <a
-          ref={ref}
-          className={cn(
-            "block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
-            className
-          )}
-          {...props}
-        >
-          <div className="text-sm font-medium leading-none">{title}</div>
-          <p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
-            {children}
-          </p>
-        </a>
-      </NavigationMenuLink>
-    </li>
-  )
-})
-ListItem.displayName = "ListItem"
diff --git a/components/navigation.tsx b/components/navigation.tsx
new file mode 100644
index 0000000..6d38357
--- /dev/null
+++ b/components/navigation.tsx
@@ -0,0 +1,164 @@
+"use client"
+
+import React from "react"
+import Link from "next/link"
+import { MonitorCheck } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  navigationMenuTriggerStyle,
+} from "@/components/ui/navigation-menu"
+
+export default function Navigation() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Eklentiler</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
+              <li className="row-span-3">
+                <NavigationMenuLink asChild>
+                  <a
+                    className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
+                    href="/extensions/device-manager"
+                  >
+                    <MonitorCheck className="h-6 w-6" />
+                    <div className="mb-2 mt-4 text-lg font-medium">
+                      Cihaz Yöneticisi
+                    </div>
+                    <p className="text-sm leading-tight text-muted-foreground">
+                      Organizasyonunuzda bulunan cihazlarınızı etkili bir
+                      şekilde yönetin.
+                    </p>
+                  </a>
+                </NavigationMenuLink>
+              </li>
+              <ListItem
+                href="/extensions/network-explorer"
+                title="Ağ Keşif Eklentisi"
+              >
+                Aktif varlıklarınızı otomatik keşfedin ve güncel envanter
+                bilginize erişin.
+              </ListItem>
+              <ListItem
+                href="/extensions/network-monitor"
+                title="Ağ İzleme Eklentisi"
+              >
+                Ağ cihazlarınızı performanslarını, sağlık durumlarını izleyin ve
+                genel ağ sağlığınızı güçlendirin.
+              </ListItem>
+              <ListItem
+                href="/extensions/domain-manager"
+                title="Domain Yöneticisi"
+              >
+                Aktif Dizin ve SAMBA etki alanlarınızı ve etki alanızdaki
+                organizasyon bileşenlerinizi merkezi olarak yönetin.
+              </ListItem>
+            </ul>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Dokümantasyon</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] ">
+              <ListItem
+                title="Dokümantasyon"
+                href="https://docs.liman.dev"
+                target="_blank"
+              >
+                Tüm Liman dokümantasyonuna erişebilirsiniz.
+              </ListItem>
+              <ListItem
+                title="Kullanım Kılavuzu"
+                href="https://docs.liman.dev/kullanim-kilavuzu/"
+                target="_blank"
+              >
+                Liman kullanımı için hazırlanan kullanım kılavuzu.
+              </ListItem>
+              <ListItem
+                title="Kurulum"
+                href="https://docs.liman.dev/baslangic/kurulum"
+                target="_blank"
+              >
+                Liman kurulumu için gerekli adımları takip edin.
+              </ListItem>
+              <ListItem
+                title="Güvenlik"
+                href="https://docs.liman.dev/baslangic/guvenlik"
+                target="_blank"
+              >
+                Liman için yayınlanmış güvenlik yama notları.
+              </ListItem>
+              <ListItem
+                title="Eklenti Geliştirme"
+                href="https://docs.liman.dev/eklenti-gelistirme/"
+                target="_blank"
+              >
+                Liman için eklenti geliştirme kılavuzu. Sistemlerle entegre
+                olun.
+              </ListItem>
+              <ListItem
+                title="Kavram İspat Çalışması"
+                href="https://docs.liman.dev/liman-poc"
+                target="_blank"
+              >
+                Kavram ispat çalışması için gerekli kurulum dokümanları ve
+                yönergeler.
+              </ListItem>
+            </ul>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        <NavigationMenuItem>
+          <Link href="/datasheet.pdf" legacyBehavior passHref>
+            <NavigationMenuLink
+              target="_blank"
+              className={navigationMenuTriggerStyle()}
+            >
+              Teknik Doküman
+            </NavigationMenuLink>
+          </Link>
+        </NavigationMenuItem>
+        <NavigationMenuItem>
+          <Link href="/contact" legacyBehavior passHref>
+            <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+              İletişim
+            </NavigationMenuLink>
+          </Link>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  )
+}
+
+const ListItem = React.forwardRef<
+  React.ElementRef<"a">,
+  React.ComponentPropsWithoutRef<"a">
+>(({ className, title, children, ...props }, ref) => {
+  return (
+    <li>
+      <NavigationMenuLink asChild>
+        <a
+          ref={ref}
+          className={cn(
+            "block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+            className
+          )}
+          {...props}
+        >
+          <div className="text-sm font-medium leading-none">{title}</div>
+          <p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
+            {children}
+          </p>
+        </a>
+      </NavigationMenuLink>
+    </li>
+  )
+})
+ListItem.displayName = "ListItem"