chore: remove gear and project page

4 files changed, 15 insertions, 85 deletions

diff --git a/src/App.tsx b/src/App.tsx
index ca7bcb4..0d4b55e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,6 @@
 import { Routes, Route } from 'react-router-dom';
 import Navbar from './components/Navbar';
-import Gear from './pages/Gear';
 import Home from './pages/Home';
-import Projects from './pages/Projects';
 import Footer from './components/Footer';
 import NotFound from './pages/404';
 import Blog from './pages/Blog';
@@ -11,13 +9,11 @@ import Post from './pages/Post';
 function App() {
 
   return (
-    <>
+    <>        
       <Navbar />
-      <section className="max-w-xl mx-auto py-5 px-4">
+      <section className="max-w-4xl mx-auto py-5 px-4">
         <Routes>
           <Route path="/" element={<Home />} />
-          <Route path="/gear" element={<Gear />} />
-          <Route path='/projects' element={<Projects />} />
           <Route path='/blog' element={<Blog />} />
           <Route path='/blog/:slug' element={<Post />} />
           <Route path='*' element={<NotFound />} />
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 5f9dbbd..720274b 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,22 +1,23 @@
+import { Button } from "./ui/button";
 import ThemeToggle from "./ThemeToggle";
 
-export default function Navbar() {
-  const navItems = [
-    { label: 'Home', href: '/' },
-    { label: 'Gear', href: '/gear' },
-    { label: 'Projects', href: '/projects' },
-    { label: 'Blog', href: '/blog' }
-  ];
+const navItems = [
+  { label: "Home", href: "/" },
+  { label: "Blog", href: "/blog" },
+];
 
+export default function Navbar() {
   return (
-    <nav className="sticky top-0 z-50 backdrop-blur flex items-center">
-      <div className="max-w-2xl mx-auto flex px-4 py-4 text-sm">
-        <div className="flex gap-6 items-center">
+    <nav className="sticky top-0 z-50 w-full backdrop-blur">
+      <div className="max-w-2xl mx-auto flex items-center justify-between px-4 py-4">
+        <div className="flex gap-4 justify-center flex-1">
           {navItems.map(({ label, href }) => (
-            <a className="hover:underline" key={label} href={href}>{label}</a>
+            <Button key={label} variant="ghost" asChild>
+              <a href={href}>{label}</a>
+            </Button>
           ))}
-          <ThemeToggle />
         </div>
+        <ThemeToggle />
       </div>
     </nav>
   );
diff --git a/src/pages/Gear.tsx b/src/pages/Gear.tsx
deleted file mode 100644
index a1984ee..0000000
--- a/src/pages/Gear.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import Card from '../components/Card';
-
-import {
-  dailyDrivers,
-  desktopParts,
-  nasParts,
-  type Part,
-} from '../data/gear';
-
-function PartsGroup({ title, parts }: { title?: string; parts: Part[] }) {
-  return (
-    <>
-      {title && <h2 className="text-2xl font-semibold my-8">{title}</h2>}
-      <ul className="space-y-2">
-        {parts.map((p) => (
-          <li key={p.name}>
-            <Card
-              title={p.name}
-              body={p.description}
-              href={p.url}
-              imgSrc={p.image}
-            />
-          </li>
-        ))}
-      </ul>
-    </>
-  );
-}
-
-export default function Gear() {
-  return (
-    <>
-      <title>߸ gear</title>
-      <h1>Gear</h1>
-
-      <PartsGroup parts={dailyDrivers} />
-
-      <PartsGroup title="Desktop" parts={desktopParts} />
-
-      <PartsGroup title="NAS" parts={nasParts} />
-    </>
-  );
-}
diff --git a/src/pages/Projects.tsx b/src/pages/Projects.tsx
deleted file mode 100644
index 973eaa0..0000000
--- a/src/pages/Projects.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import Card from '../components/Card';
-import { projects, type Project } from '../data/projects';
-
-export default function Projects() {
-  return (
-    <>
-      <title>߸ projects</title>
-      <h1>Projects</h1>
-
-      <ul className="space-y-2">
-        {projects.map((p: Project) => (
-          <li key={p.name}>
-            <Card
-              title={p.name}
-              body={p.description}
-              href={p.url}
-              imgSrc={p.image}
-            />
-          </li>
-        ))}
-      </ul>
-    </>
-  );
-}