Almost all content on home page

src/components/navbar.tsx

@@ -1,21 +1,27 @@
 // components/Navbar.tsx
 export default function Navbar() {
-    return (
-      <nav className="navbar">
-      <div className="left">
-        <a href="#about-us">About Us</a>
-        <a href="#shop">Shop</a>
+  return (
+    <nav className='navbar'>
+      <div className='left'>
+        <a href='#about-us'>About Us</a>
+        <a href='#shop'>Shop</a>
       </div>
-      <div className="center">
-        <a href="/" className="mx-0"><img src="/images/logo.png" alt="Logo" className="logo" /></a>
+      <div className='center'>
+        <a href='/' className='mx-0'>
+          <img src='/images/logo.png' alt='Logo' className='logo' />
+        </a>
       </div>
-      <div className="right">
-        <a href="#search"><span className="material-symbols-outlined">search</span></a>
-        <a href="#shopping"><span className="material-symbols-outlined">shopping_bag</span></a>
-        <a href="#profile"><span className="material-symbols-outlined">person</span></a>
+      <div className='right'>
+        <a href='#search'>
+          <span className='material-symbols-outlined'>search</span>
+        </a>
+        <a href='#shopping'>
+          <span className='material-symbols-outlined'>shopping_bag</span>
+        </a>
+        <a href='#profile'>
+          <span className='material-symbols-outlined'>person</span>
+        </a>
       </div>
     </nav>
-
-    );
-  }
-  
+  );
+}