feature: Latest revisions on colors etc.

app/extensions/device-manager/page.tsx

@@ -88,7 +88,7 @@ export default function DeviceManagerPage() {
       <section className="container mt-[15vh] flex flex-col items-center">
         <h1
           className={cn(
-            "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
+            "bg-gradient-to-r from-primary-light to-primary bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
             fontHeading.variable
           )}
         >

app/extensions/domain-manager/page.tsx

@@ -67,7 +67,7 @@ export default function DomainManagerPage() {
       <section className="container mt-[15vh] flex flex-col items-center">
         <h1
           className={cn(
-            "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
+            "bg-gradient-to-r from-primary-light to-primary bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
             fontHeading.variable
           )}
         >

app/extensions/network-explorer/page.tsx

@@ -61,7 +61,7 @@ export default function NetworkExplorerPage() {
       <section className="container mt-[15vh] flex flex-col items-center">
         <h1
           className={cn(
-            "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
+            "bg-gradient-to-r from-primary-light to-primary bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
             fontHeading.variable
           )}
         >

app/extensions/network-monitor/page.tsx

@@ -67,7 +67,7 @@ export default function NetworkMonitorPage() {
       <section className="container mt-[15vh] flex flex-col items-center">
         <h1
           className={cn(
-            "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
+            "bg-gradient-to-r from-primary-light to-primary bg-clip-text text-center font-heading text-2xl text-transparent sm:text-3xl md:text-4xl lg:text-5xl",
             fontHeading.variable
           )}
         >

components/footer.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-import Image from "next/image"
 import Link from "next/link"
 
 import { cn } from "@/lib/utils"
@@ -10,33 +9,21 @@ export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
   return (
     <footer className={cn(className)}>
       <div className="z-50 w-full border-y bg-background/5 py-10 backdrop-blur">
-        <div className="container flex flex-col items-center justify-between gap-8 md:h-24 md:flex-row md:py-0">
+        <div className="md:h-18 container flex flex-col items-center justify-between gap-8 md:flex-row md:py-0">
           <Link
             className="flex flex-col md:gap-2 md:px-0"
-            href="https://havelsan.com.tr"
+            href="https://aciklab.org"
             target="_blank"
           >
-            <Aciklab className="h-8 w-auto" />
-
-            <p className="text-center text-xs font-semibold leading-loose md:text-left">
-              {new Date().getFullYear()} © HAVELSAN A.Ş.
-            </p>
+            <Aciklab className="h-7 w-auto" />
           </Link>
           <Link
-            className="flex items-center gap-4"
-            href="https://tskgv.org.tr"
+            className="flex flex-col md:gap-2 md:px-0"
+            href="https://havelsan.com.tr"
             target="_blank"
           >
-            <Image
-              src="/images/tskgv.png"
-              alt="HAVELSAN"
-              width={34}
-              height={40}
-            />
-            <p className="text-center text-xs font-medium">
-              HAVELSAN A.Ş. Türk Silahlı Kuvvetlerini
-              <br />
-              Güçlendirme Vakfı&apos;nın bir kuruluşudur.
+            <p className="text-center text-xs font-semibold leading-loose md:text-left">
+              {new Date().getFullYear()} © HAVELSAN A.Ş.
             </p>
           </Link>
         </div>

components/home/contact.tsx

@@ -1,20 +1,23 @@
 "use client"
 
+import Image from "next/image"
+
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 
+import Wheel from "../../public/images/wheel.png"
 import { ContactForm } from "../contact-form"
 import { Card, CardContent } from "../ui/card"
 
 export default function ContactSection({ className }: { className?: string }) {
   return (
     <section id="contact" className={cn("border-t", className)}>
-      <div className="container py-12">
+      <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">
             <h5
               className={cn(
-                "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text font-heading text-4xl leading-[3rem] text-transparent",
+                "bg-gradient-to-r from-primary-light to-primary bg-clip-text font-heading text-4xl leading-[3rem] text-transparent",
                 fontHeading.variable
               )}
             >
@@ -36,6 +39,16 @@ 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">

components/home/hero.tsx

@@ -2,12 +2,11 @@
 
 import dynamic from "next/dynamic"
 import Image from "next/image"
-import Link from "next/link"
-import { ArrowRight } from "lucide-react"
 
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 
+import Hook from "../../public/images/hook.png"
 import HeroPictureDark from "../../public/images/NewLimanDark.jpg"
 import HeroPictureWhite from "../../public/images/NewLimanWhite.jpg"
 import AppWindow from "../ui/window"
@@ -18,21 +17,12 @@ const Particles = dynamic(() => import("../ui/particles"), {
 
 export default function Hero() {
   return (
-    <section className="mt-[10vh] space-y-6 pb-8 pt-6 md:pb-12 md:pt-10 lg:py-32">
+    <section className="relative mt-[8vh] space-y-6 pb-8 pt-6 md:pb-12 md:pt-10 lg:py-32">
       <Particles className="absolute -z-20 h-[40vh] w-full" />
-      <div className="container flex max-w-[64rem] flex-col items-center gap-4 text-center">
-        <Link
-          href="#contact"
-          className="group/herobtn hover:group-hover/herobtn flex items-center gap-2 rounded-2xl bg-muted px-4 py-1.5 text-sm font-medium transition-all"
-        >
-          Detaylı bilgi için iletişime geçin{" "}
-          <div className="max-w-5 w-5 overflow-hidden">
-            <ArrowRight className="inline-flex h-4 w-4 transition-all group-hover/herobtn:ml-1" />
-          </div>
-        </Link>
+      <div className="container relative flex max-w-[64rem] flex-col items-center gap-4 text-center">
         <h1
           className={cn(
-            "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text font-heading text-3xl text-transparent sm:text-5xl md:text-6xl lg:text-7xl",
+            "bg-gradient-to-r from-primary-light to-primary bg-clip-text font-heading text-3xl text-transparent sm:text-5xl md:text-6xl lg:text-7xl",
             fontHeading.variable
           )}
         >
@@ -46,7 +36,16 @@ export default function Hero() {
           bütün bileşenlerinizi uzaktan, kararlı, güvenli ve genişletilebilir
           yöntemler ile merkezi olarak yönetebilirsiniz.
         </p>
-
+        <Image
+          src={Hook}
+          alt="Liman Merkezi Yönetim Sistemi"
+          quality={80}
+          width={250}
+          height={100}
+          priority={true}
+          loading="eager"
+          className="pointer-events-none absolute bottom-[-6vh] left-[-3vw] z-10 hidden md:block"
+        />
         <AppWindow className="relative -m-5 mt-10">
           <Image
             src={HeroPictureWhite}

components/home/showcase.tsx

@@ -149,7 +149,7 @@ export default function Showcase() {
         <div className="flex max-w-2xl flex-col items-center justify-center text-center md:mx-auto xl:max-w-none">
           <h2
             className={cn(
-              "bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text font-heading text-3xl text-transparent sm:text-4xl md:text-5xl",
+              "bg-gradient-to-r from-primary-light to-primary bg-clip-text font-heading text-3xl text-transparent sm:text-4xl md:text-5xl",
               fontHeading.variable
             )}
           >

components/icons.tsx

@@ -12,6 +12,54 @@ export const Icons = {
       />
     </svg>
   ),
+  logoLight: (props: LucideProps) => (
+    <svg
+      viewBox="149.35 366.61 296.5726 108.68"
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <defs>
+        <style
+          type="text/css"
+          dangerouslySetInnerHTML={{
+            __html: "\n\t.st0{fill:#808285;}\n\t.st1{fill:#0551A0;}\n",
+          }}
+        />
+      </defs>
+      <g>
+        <g>
+          <path
+            className="st0"
+            d="M276.96,452.8h18.03c1.53,0,2.19,0.76,1.97,2.3l-0.55,2.95c-0.33,1.53-1.2,2.4-2.73,2.4h-24.7 c-1.53,0-2.3-0.87-2.08-2.4l13.22-74.42c0.22-1.53,1.2-2.3,2.73-2.3h4.37c1.53,0,2.19,0.77,1.97,2.3L276.96,452.8z"
+          />
+          <path
+            className="st0"
+            d="M309.74,458.05c-0.33,1.53-1.2,2.4-2.73,2.4h-3.61c-1.53,0-2.3-0.87-2.08-2.4l9.95-56.06 c0.33-1.53,1.2-2.3,2.73-2.3h3.72c1.53,0,2.19,0.76,1.86,2.3L309.74,458.05z"
+          />
+          <path
+            className="st0"
+            d="M319.25,380.89c3.06,0,4.81,2.19,4.26,5.36c-0.55,3.06-3.06,5.25-6.23,5.25c-3.06,0-4.81-2.19-4.26-5.25 C313.57,383.08,316.08,380.89,319.25,380.89z"
+          />
+          <path
+            className="st0"
+            d="M354.22,403.73c3.61-2.95,7.65-4.59,12.02-4.59c4.92,0,8.41,3.06,7.21,10.05l-8.63,48.96 c-0.33,1.42-1.2,2.3-2.73,2.3h-3.61c-1.53,0-2.3-0.87-2.08-2.3l8.09-45.68c0.87-4.59-0.22-6.12-3.83-6.12 c-3.5,0-6.01,1.75-6.78,6.56l-8.09,45.24c-0.22,1.42-1.09,2.3-2.62,2.3h-3.72c-1.53,0-2.3-0.87-1.97-2.3l7.98-45.68 c0.87-4.59-0.11-6.12-3.82-6.12c-3.61,0-6.01,1.97-6.78,6.56l-7.98,45.24c-0.33,1.42-1.2,2.3-2.73,2.3h-3.61 c-1.53,0-2.3-0.87-2.08-2.3l9.95-56.17c0.33-1.53,1.2-2.3,2.73-2.3h3.72c1.53,0,2.19,0.76,1.86,2.3l-0.22,1.42 c3.28-2.73,7.43-4.26,10.82-4.26C350.62,399.14,353.24,400.56,354.22,403.73z"
+          />
+          <path
+            className="st0"
+            d="M400.89,458.16c-0.22,1.42-1.09,2.3-2.62,2.3h-3.72c-1.53,0-2.3-0.87-1.97-2.3l0.22-1.42 c-3.28,2.73-7.32,4.26-10.71,4.26c-4.81,0-8.52-3.06-7.21-10.05l7.43-41.75c1.2-6.99,5.9-10.05,10.71-10.05 c3.39,0,6.89,1.53,9.18,4.26l0.22-1.42c0.33-1.53,1.31-2.3,2.84-2.3h3.61c1.53,0,2.3,0.76,1.97,2.3L400.89,458.16z M383.84,447.56 c-0.87,4.7,0.11,6.12,3.82,6.12c3.72,0,6.01-1.86,6.89-6.45l6.01-34.32c0.77-4.59-0.87-6.56-4.59-6.56 c-3.72,0-5.14,1.53-6.01,6.12L383.84,447.56z"
+          />
+          <path
+            className="st0"
+            d="M436.95,458.16c-0.22,1.42-1.09,2.3-2.62,2.3h-3.72c-1.53,0-2.3-0.87-1.97-2.3l7.98-45.68 c0.87-4.59-0.11-6.12-3.82-6.12c-3.61,0-6.01,1.97-6.78,6.56l-7.98,45.24c-0.33,1.42-1.2,2.3-2.73,2.3h-3.61 c-1.53,0-2.3-0.87-2.08-2.3l9.95-56.17c0.33-1.53,1.2-2.3,2.73-2.3h3.72c1.53,0,2.19,0.76,1.86,2.3l-0.22,1.42 c3.28-2.73,7.43-4.26,10.82-4.26c4.81,0,8.41,3.06,7.21,10.05L436.95,458.16z"
+          />
+        </g>
+        <path
+          className="st1"
+          d="M249.01,390.97l-14.26,14.26c0,0,0,0,0,0l0,0l0,0c-0.75-2.14-1.79-4.21-3.11-6.1l13.42-13.39 c-1.89-2.21-3.94-4.27-6.16-6.16l-13.4,13.43c-1.86-1.33-3.9-2.37-6.1-3.11c0.06-0.08,0.12-0.12,0.18-0.21l14.09-14.06 c-8.59-5.7-18.9-9.02-29.98-9.02c-30.01,0-54.34,24.33-54.34,54.34c0,11.08,3.33,21.39,9.02,29.98l14.45-14.44 c0.24-0.25,0.47-0.51,0.68-0.73c2.78-2.87,5.33-6.14,7.45-9.62l0.46-0.54v-0.02l-0.08-0.06c1.48-2.46,2.8-5.04,3.94-7.72 c2.1-2.12,4.73-3.54,7.6-4.15c0.31-0.06,0.64-0.13,0.95-0.22c-2.84,8.74-6.9,16.43-12.1,22.87l0,0c-1.43,1.74-2.83,3.3-4.3,4.79 l-15.1,15.08c1.88,2.21,3.94,4.27,6.15,6.15l14.72-14.7c1.71-1.73,3.38-3.24,5.1-4.66c7.11-5.92,14.88-10.07,23.06-12.39 c-0.19,0.67-0.4,1.31-0.56,1.98c-0.6,2.3-1.8,4.46-3.48,6.32c-2.97,1.22-5.9,2.76-8.68,4.56l-0.08-0.08l-0.06,0.06h-0.02l-0.5,0.43 c-3.21,2.14-6.29,4.58-9.1,7.3c-0.38,0.34-0.71,0.68-1.08,1.04l-14.09,14.09c8.59,5.7,18.9,9.02,29.98,9.02 c30.01,0,54.34-24.33,54.34-54.34C258.03,409.86,254.71,399.56,249.01,390.97z M182.14,446.54l-0.4,0.4 c-0.92-0.71-1.82-1.52-2.68-2.42c-0.44-0.46-0.88-0.99-1.36-1.6l0.78-0.78c1.28-1.28,2.5-2.66,3.75-4.12 c0.46,0.69,0.98,1.39,1.6,2.05c0.86,0.91,1.8,1.67,2.8,2.35C185.13,443.7,183.64,445.05,182.14,446.54z M194.75,411.66 c-0.74,0.18-1.46,0.36-2.2,0.52c-3.18,0.64-6.08,2.23-8.4,4.58c-0.01,0-0.04,0.02-0.04,0.02c-0.18,0.2-0.35,0.36-0.5,0.54 c-2,2.18-3.34,4.93-3.94,7.98l-0.26,0.42h0.02c-1.8,2.89-3.84,5.52-6.03,7.93c-1.62-7.34,0.36-15.14,5.4-20.7 c2.75-3.05,6.11-5.21,9.96-6.47c0.76-0.27,1.56-0.49,2.44-0.67c2.97-0.64,5.9-1.53,8.68-2.72c3.12-1.26,6.24-2.92,9.32-4.94 c0.72-0.12,1.53-0.18,2.38-0.16c2.32,0.04,4.57,0.62,6.59,1.66C210.87,405.5,203.01,409.56,194.75,411.66z M218.13,435.87 c-1.11,3.42-3.06,6.6-5.66,9.19l0,0c-4.47,4.48-10.54,6.89-16.8,6.82c-1.57-0.02-3.14-0.26-4.68-0.6c2.31-2.12,4.75-4.09,7.38-5.92 l0.02,0.02l0.4-0.26c3.43-0.56,6.57-2.16,9.14-4.7c0.13-0.15,0.28-0.28,0.37-0.42h0.02v-0.02c1.88-2.02,3.24-4.49,3.9-7.08 c0.28-1.09,0.6-2.16,0.92-3.2c2.72-8.86,6.7-16.64,11.82-23.2c1.38,2.84,1.86,6.12,1.34,9.38l-0.02,0.12 c-1.63,2.62-3.01,5.33-4.27,8.27c-1.39,3.26-2.56,6.74-3.5,10.32C218.43,434.98,218.29,435.43,218.13,435.87z M228.61,428.94 c-2.38,2.62-5.33,4.59-8.55,5.9c0.87-3.45,2.02-6.75,3.34-9.86c0.13-0.15,0.28-0.28,0.37-0.42c2-2.2,3.36-4.92,3.94-7.9l0.06-0.26 c0.72-4.08,0-8.21-2.02-11.66c-0.6-1.05-1.32-2.04-2.16-2.94c-1.12-1.18-2.35-2.14-3.66-2.9l-0.36-0.21 c-2.38-1.38-5.15-2.14-7.96-2.18c-0.98-0.01-1.94,0.06-2.78,0.21c-3.52,0.5-6.76,2.14-9.34,4.74c-0.09,0.1-0.21,0.19-0.3,0.32h0 l0,0c0,0,0,0,0,0c-2.66,1.12-5.46,2.01-8.25,2.59c-0.4,0.1-0.76,0.18-1.12,0.28c1.16-2.89,2.88-5.58,5.12-7.81 c4.47-4.47,10.51-6.91,16.8-6.82c2.04,0.04,4.08,0.34,6.1,0.92c2.7,0.76,5.16,1.98,7.34,3.63c1.11,0.8,2.17,1.74,3.17,2.8 c0.68,0.74,1.26,1.44,1.78,2.14c1.64,2.24,2.87,4.73,3.63,7.36C235.91,414.58,233.96,423.04,228.61,428.94z"
+        />
+      </g>
+    </svg>
+  ),
   gitHub: (props: LucideProps) => (
     <svg viewBox="0 0 438.549 438.549" {...props}>
       <path

components/main-nav.tsx

@@ -1,7 +1,12 @@
-import { MonitorCheck } from "lucide-react"
-import Link from "next/link"
+"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,
@@ -11,10 +16,11 @@ import {
   NavigationMenuTrigger,
   navigationMenuTriggerStyle,
 } from "@/components/ui/navigation-menu"
-import { cn } from "@/lib/utils"
-import { NavItem } from "@/types/nav"
 
+import { Icons } from "./icons"
 import { Logo } from "./logos/logo"
+import { ModeToggle } from "./mode-toggle"
+import { buttonVariants } from "./ui/button"
 
 interface MainNavProps {
   items?: NavItem[]
@@ -59,13 +65,19 @@ const components: { title: string; href: string; description: string }[] = [
 ]
 
 export function MainNav() {
+  const { theme } = useTheme()
+
   return (
-    <div className="flex gap-6 md:gap-10">
+    <div className="flex w-full justify-between gap-6 md:gap-10">
       <Link
         href="/"
         className="flex items-center space-x-2 transition-opacity hover:opacity-80"
       >
-        <Logo className="h-7 w-auto" />
+        {theme === "dark" ? (
+          <Logo className="h-7 w-auto" />
+        ) : (
+          <Icons.logoLight className="h-7 w-auto" />
+        )}
       </Link>
       <NavigationMenu>
         <NavigationMenuList>
@@ -175,16 +187,6 @@ export function MainNav() {
               </NavigationMenuLink>
             </Link>
           </NavigationMenuItem>
-          <NavigationMenuItem>
-            <Link href="https://aciklab.org" legacyBehavior passHref>
-              <NavigationMenuLink
-                target="_blank"
-                className={navigationMenuTriggerStyle()}
-              >
-                Açıklab
-              </NavigationMenuLink>
-            </Link>
-          </NavigationMenuItem>
           <NavigationMenuItem>
             <Link href="/contact" legacyBehavior passHref>
               <NavigationMenuLink className={navigationMenuTriggerStyle()}>
@@ -194,6 +196,26 @@ export function MainNav() {
           </NavigationMenuItem>
         </NavigationMenuList>
       </NavigationMenu>
+      <div className="flex items-center space-x-4">
+        <nav className="flex items-center space-x-1">
+          <Link
+            href="https://github.com/limanmys"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div
+              className={buttonVariants({
+                size: "icon",
+                variant: "ghost",
+              })}
+            >
+              <Icons.gitHub className="h-5 w-5" />
+              <span className="sr-only">GitHub</span>
+            </div>
+          </Link>
+          <ModeToggle />
+        </nav>
+      </div>
     </div>
   )
 }

components/mode-toggle.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import { Laptop } from "lucide-react"
 import { useTheme } from "next-themes"
 
 import { Button } from "@/components/ui/button"
@@ -33,10 +32,6 @@ export function ModeToggle() {
           <Icons.moon className="mr-2 h-4 w-4" />
           <span>Karanlık</span>
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme("system")}>
-          <Laptop className="mr-2 h-4 w-4" />
-          <span>Sistem</span>
-        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   )