diff --git a/sim/app/(landing)/components/nav-client.tsx b/sim/app/(landing)/components/nav-client.tsx index 5b69e1a381..82698686d1 100644 --- a/sim/app/(landing)/components/nav-client.tsx +++ b/sim/app/(landing)/components/nav-client.tsx @@ -1,6 +1,7 @@ 'use client' import { useEffect, useState } from 'react' +import Image from 'next/image' import Link from 'next/link' import { useRouter } from 'next/navigation' import { AnimatePresence, motion } from 'framer-motion' @@ -75,8 +76,16 @@ const mobileButtonVariants = { // --- End Framer Motion Variants --- // Component for Navigation Links -const NavLinks = ({ mobile, currentPath }: { mobile?: boolean; currentPath?: string }) => { - const links = [ +const NavLinks = ({ + mobile, + currentPath, + onContactClick, +}: { + mobile?: boolean + currentPath?: string + onContactClick?: () => void +}) => { + const navigationLinks = [ // { href: "/", label: "Marketplace" }, ...(currentPath !== '/' ? [{ href: '/', label: 'Home' }] : []), { href: 'https://docs.simstudio.ai/', label: 'Docs', external: true }, @@ -84,22 +93,26 @@ const NavLinks = ({ mobile, currentPath }: { mobile?: boolean; currentPath?: str { href: 'https://github.com/simstudioai/sim', label: 'Contributors', external: true }, ] + // Common CSS class for navigation items + const navItemClass = `text-white/60 hover:text-white/100 text-base ${ + mobile ? 'p-2.5 text-lg font-medium text-left' : 'p-1.5' + } rounded-md transition-colors duration-200 block md:inline-block` + return ( <> - {links.map((link) => { + {navigationLinks.map((link) => { const linkElement = ( {link.label} ) + // Wrap the motion.div with SheetClose if mobile return mobile ? ( @@ -109,6 +122,34 @@ const NavLinks = ({ mobile, currentPath }: { mobile?: boolean; currentPath?: str linkElement ) })} + + {/* Enterprise button with the same action as contact */} + {onContactClick && + (mobile ? ( + + + + Enterprise + + + + ) : ( + + + Enterprise + + + ))} ) } @@ -117,9 +158,15 @@ interface NavClientProps { children: React.ReactNode initialIsMobile?: boolean currentPath?: string + onContactClick?: () => void } -export default function NavClient({ children, initialIsMobile, currentPath }: NavClientProps) { +export default function NavClient({ + children, + initialIsMobile, + currentPath, + onContactClick, +}: NavClientProps) { const [mounted, setMounted] = useState(false) const [isMobile, setIsMobile] = useState(initialIsMobile ?? false) const [isSheetOpen, setIsSheetOpen] = useState(false) @@ -140,7 +187,9 @@ export default function NavClient({ children, initialIsMobile, currentPath }: Na return (