From 7253fd0a062c416ce915a2e8660a3bd7265259d5 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 00:45:23 +0300
Subject: [PATCH] Bob AI: create a landing page for a SaaS productivity tool

---
 src/components/layout/Navbar.tsx | 39 ++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/components/layout/Navbar.tsx

diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
new file mode 100644
index 0000000..6a3d2e6
--- /dev/null
+++ b/src/components/layout/Navbar.tsx
@@ -0,0 +1,39 @@
+import Button from "@/components/ui/Button";
+
+export default function Navbar() {
+  return (
+    <nav className="fixed top-4 left-1/2 -translate-x-1/2 z-50 rounded-full shadow-lg px-8 py-3 backdrop-blur-xl bg-white/70 border border-white/40 w-[min(92vw,56rem)]">
+      <div className="flex items-center gap-8 justify-between">
+        <a href="/" className="text-lg font-bold text-foreground flex-shrink-0">
+          SaaSFlow
+        </a>
+        <div className="hidden md:flex items-center gap-8 flex-1 justify-center">
+          <a
+            href="#about"
+            className="text-sm text-foreground hover:text-foreground/70 transition-colors"
+          >
+            About
+          </a>
+          <a
+            href="#features"
+            className="text-sm text-foreground hover:text-foreground/70 transition-colors"
+          >
+            Features
+          </a>
+          <a
+            href="#pricing"
+            className="text-sm text-foreground hover:text-foreground/70 transition-colors"
+          >
+            Pricing
+          </a>
+        </div>
+        <Button
+          text="Get Started"
+          href="#contact"
+          variant="primary"
+          className="flex-shrink-0"
+        />
+      </div>
+    </nav>
+  );
+}
\ No newline at end of file
-- 
2.49.1