feat: navbar and main components added

shopping-cart/src/components/main.jsx

@@ -0,0 +1,16 @@
+import styles from "./main.module.css";
+
+export default function Main(props) {
+  return (
+    <main>
+      <div>
+        <h1 className={styles.mainHeading}>We help you skill up faster</h1>
+        <p>
+          Trying to pivot into tech? There&apos;s a lot to figure out. We can
+          help you navigate the path. Fast results and guaranteed growth.
+        </p>
+        <button>BOOK INTRO CALL</button>
+      </div>
+    </main>
+  );
+}

shopping-cart/src/components/main.module.css

@@ -0,0 +1,3 @@
+main {
+  padding: 0 1rem;
+}

shopping-cart/src/components/navbar.jsx

@@ -0,0 +1,20 @@
+import styles from "./navbar.module.css";
+
+export default function Navbar(props) {
+  return (
+    <nav className={styles.nav}>
+      <h1>Smig.Tech</h1>
+      <Nav />
+      <button>I&apos;m Ready</button>
+    </nav>
+  );
+}
+
+function Nav() {
+  return (
+    <ul className={styles.nav}>
+      <li>home</li>
+      <li>shop</li>
+    </ul>
+  );
+}

shopping-cart/src/components/navbar.module.css

@@ -0,0 +1,11 @@
+nav {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 1rem;
+}
+
+.nav {
+  display: flex;
+  list-style-type: none;
+  gap: 20px;
+}