From c455725141c818ec7b9e0b06e1d6d7d2b5dc7cd2 Mon Sep 17 00:00:00 2001
From: dogukanoksuz <me@dogukan.dev>
Date: Mon, 20 Nov 2023 13:00:40 +0300
Subject: [PATCH] fix: Navigation

---
 components/home/hero.tsx |  4 +--
 components/main-nav.tsx  |  3 +-
 components/ui/alert.tsx  | 59 ++++++++++++++++++++++++++++++++++++++++
 config/site.ts           | 28 +++++++++++++++++--
 types/nav.ts             |  1 +
 5 files changed, 88 insertions(+), 7 deletions(-)
 create mode 100644 components/ui/alert.tsx

diff --git a/components/home/hero.tsx b/components/home/hero.tsx
index caa19f0..68a62d3 100644
--- a/components/home/hero.tsx
+++ b/components/home/hero.tsx
@@ -5,7 +5,6 @@ import Link from "next/link"
 import { motion } from "framer-motion"
 import { ArrowRight } from "lucide-react"
 
-import { siteConfig } from "@/config/site"
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 
@@ -25,9 +24,8 @@ export default function Hero() {
         <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={siteConfig.links.github}
+            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"
-            target="_blank"
           >
             Detaylı bilgi için iletişime geçin{" "}
             <div className="max-w-5 w-5 overflow-hidden">
diff --git a/components/main-nav.tsx b/components/main-nav.tsx
index 998216e..1dc6018 100644
--- a/components/main-nav.tsx
+++ b/components/main-nav.tsx
@@ -26,8 +26,9 @@ export function MainNav({ items }: MainNavProps) {
                 <Link
                   key={index}
                   href={item.href}
+                  target={item.target}
                   className={cn(
-                    "flex items-center text-sm font-medium text-muted-foreground",
+                    "flex items-center text-sm font-medium text-muted-foreground transition-all hover:text-muted-foreground/80",
                     item.disabled && "cursor-not-allowed opacity-80"
                   )}
                 >
diff --git a/components/ui/alert.tsx b/components/ui/alert.tsx
new file mode 100644
index 0000000..41fa7e0
--- /dev/null
+++ b/components/ui/alert.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = "Alert"
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = "AlertTitle"
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm [&_p]:leading-relaxed", className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = "AlertDescription"
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/config/site.ts b/config/site.ts
index 7463c1c..6dd4c91 100644
--- a/config/site.ts
+++ b/config/site.ts
@@ -5,11 +5,33 @@ export const siteConfig = {
   description: "HAVELSAN Liman Merkezi Yönetim Sistemi",
   mainNav: [
     {
-      title: "Ana Sayfa",
-      href: "/",
+      title: "Dokümantasyon",
+      href: "https://docs.liman.dev",
+      target: "_blank",
+    },
+    {
+      title: "Kurulum",
+      href: "https://docs.liman.dev/baslangic/kurulum/ubuntu-20.04",
+      target: "_blank",
+    },
+    {
+      title: "Açıklab",
+      href: "https://aciklab.org",
+      target: "_blank",
+    },
+    {
+      title: "GitHub",
+      href: "https://github.com/limanmys",
+      target: "_blank",
+    },
+    {
+      title: "İletişim",
+      href: "#contact",
     },
   ],
   links: {
-    github: "https://github.com/havelsan",
+    github: "https://github.com/limanmys",
+    documentation: "https://docs.liman.dev",
+    install: "https://docs.liman.dev/baslangic/kurulum/ubuntu-20.04",
   },
 }
diff --git a/types/nav.ts b/types/nav.ts
index 0961ce8..71f15e8 100644
--- a/types/nav.ts
+++ b/types/nav.ts
@@ -3,4 +3,5 @@ export interface NavItem {
   href?: string
   disabled?: boolean
   external?: boolean
+  target?: string
 }