"use client" import Link from "next/link" import { Button } from "@/components/ui/button" import Image from "next/image" import { Nunito } from "next/font/google" import { useState } from "react" import { Menu, X } from "lucide-react" const nunito = Nunito({ subsets: ["latin"], weight: ["400", "500", "700"], }) interface NavItem { label: string href: string } interface SoftyNavProps { navItems?: NavItem[] logoSrc?: string logoAlt?: string showAuth?: boolean } const defaultNavItems: NavItem[] = [ { label: "Features", href: "/features" }, { label: "Pricing", href: "/pricing" }, { label: "About", href: "/about" }, { label: "Blog", href: "/blog" }, { label: "Contact", href: "/contact" }, ] export function SoftyNav({ navItems = defaultNavItems, logoSrc = "/logo-black.svg", logoAlt = "Nice Prompt", showAuth = true, }: SoftyNavProps) { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) const toggleMobileMenu = () => { setIsMobileMenuOpen(!isMobileMenuOpen) } return (

{/* Logo */} {logoAlt}

{/* Desktop Navigation */}

{navItems.map((item) => ( {item.label} ))}

{/* Desktop Auth Buttons */} {showAuth && (

)} {/* Mobile Menu Button */}

{/* Mobile Menu */} {isMobileMenuOpen && (

{navItems.map((item) => ( setIsMobileMenuOpen(false)} > {item.label} ))} {showAuth && (

)}

) }

Softy Nav

Prompting made easy

Prompting made easy