Initial commit: Next.js SaaS template

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-09-17 23:03:22 -04:00
commit b4d7778be2
88 changed files with 16134 additions and 0 deletions
@@ -0,0 +1,45 @@
+import { Logo } from '@/components/site/logo';
+import { Button } from '@/components/ui/button';
+
+const links = ['Products', 'Solutions', 'Resources', 'Docs', 'Pricing'];
+
+export function Navbar() {
+  return (
+    <header className="sticky top-0 z-50 border-b border-white/10 bg-black/70 backdrop-blur-xl">
+      <nav className="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
+        <div className="flex items-center gap-8">
+          <Logo />
+          <ul className="hidden items-center gap-6 md:flex">
+            {links.map((link) => (
+              <li key={link}>
+                <a
+                  href="#"
+                  className="text-sm text-white/60 transition-colors hover:text-white"
+                >
+                  {link}
+                </a>
+              </li>
+            ))}
+          </ul>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button
+            asChild
+            size="lg"
+            variant="ghost"
+            className="hidden text-white/70 hover:bg-white/5 hover:text-white sm:inline-flex"
+          >
+            <a href="#">Log In</a>
+          </Button>
+          <Button
+            asChild
+            size="lg"
+            className="rounded-full bg-white text-black hover:bg-white/90"
+          >
+            <a href="#">Sign Up</a>
+          </Button>
+        </div>
+      </nav>
+    </header>
+  );
+}