+
+
+ Eklentilerimiz
+
+
+ Liman Merkezi Yönetim Sistemi, genişletilebilir yapısı sayesinde
+ eklentileriyle yetenek ve özellik kümesinin artırımına imkan tanır.
+ Bu eklentiler aracılığıyla Liman, kullanıcıların ihtiyaçlarına uygun
+ şekilde özelleştirilebilir. HAVELSAN A.Ş. olarak geliştirdiğimiz öne
+ çıkan eklentiler şunlardır.
+
+
+
+
+
+ {ShowcaseItems.map((item, i) => (
+ setActive(i)}
+ />
+ ))}
-
-
-
{ShowcaseItems[active].content}
-
+
+
+
+
{ShowcaseItems[active].content}
-
-
+
+
)
}
function ShowcaseMenuItem({
+ url,
title,
description,
active,
onClick,
}: {
+ url: string
title: string
description: string
active?: boolean
onClick?: () => void
}) {
+ const [parent] = useAutoAnimate()
+ const { push } = useRouter()
+
return (
{
+ push(`/extensions/${url}`)
+ }
+ : onClick
+ }
+ ref={parent}
>
{description}
+ {active && (
+
)
}
diff --git a/components/main-nav.tsx b/components/main-nav.tsx
index ed50307..7a292eb 100644
--- a/components/main-nav.tsx
+++ b/components/main-nav.tsx
@@ -1,7 +1,18 @@
+import React from "react"
import Link from "next/link"
+import { MonitorCheck } from "lucide-react"
import { NavItem } from "@/types/nav"
import { cn } from "@/lib/utils"
+import {
+ NavigationMenu,
+ NavigationMenuContent,
+ NavigationMenuItem,
+ NavigationMenuLink,
+ NavigationMenuList,
+ NavigationMenuTrigger,
+ navigationMenuTriggerStyle,
+} from "@/components/ui/navigation-menu"
import { Logo } from "./logos/logo"
@@ -9,7 +20,45 @@ interface MainNavProps {
items?: NavItem[]
}
-export function MainNav({ items }: MainNavProps) {
+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() {
return (
- {items?.length ? (
-
- {items?.map(
- (item, index) =>
- item.href && (
-
- ) : null}
+
+
+
+ Eklentiler
+
+
+
+
+
+ Dokümantasyon
+
+
+
+ Tüm Liman dokümantasyonuna erişebilirsiniz.
+
+
+ Liman kullanımı için hazırlanan kullanım kılavuzu.
+
+
+ Liman kurulumu için gerekli adımları takip edin.
+
+
+ Liman için yayınlanmış güvenlik yama notları.
+
+
+ Liman için eklenti geliştirme kılavuzu. Sistemlerle entegre
+ olun.
+
+
+ Kavram ispat çalışması için gerekli kurulum dokümanları ve
+ yönergeler.
+
+
+
+
+
+
+ Açıklab
+
+
+
+
+
+ İletişim
+
+
+
+
+
)
}
+
+const ListItem = React.forwardRef<
+ React.ElementRef<"a">,
+ React.ComponentPropsWithoutRef<"a">
+>(({ className, title, children, ...props }, ref) => {
+ return (
+
+
+
+ {title}
+
+ {children}
+
+
+
+
+ )
+})
+ListItem.displayName = "ListItem"
diff --git a/components/site-header.tsx b/components/site-header.tsx
index 558a7d5..806c671 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -2,9 +2,7 @@
import { useEffect, useState } from "react"
import Link from "next/link"
-import { motion } from "framer-motion"
-import { siteConfig } from "@/config/site"
import { cn } from "@/lib/utils"
import { buttonVariants } from "@/components/ui/button"
import { Icons } from "@/components/icons"
@@ -12,11 +10,6 @@ import { MainNav } from "@/components/main-nav"
import { ModeToggle } from "./mode-toggle"
-const variants = {
- hidden: { opacity: 0, y: -50 },
- visible: { opacity: 1, y: 0 },
-}
-
export function SiteHeader() {
const [top, setTop] = useState(true)
@@ -38,43 +31,41 @@ export function SiteHeader() {
}, [])
return (
-
-