add about us page

src/app/about/page.tsx

@@ -0,0 +1,11 @@
+
+export default function About() {
+  return (
+    <main className="p-10">
+      <h1 className="text-3xl font-bold mb-8">About Us</h1>
+      <p className="text-1xl mb-8">We are a team of individuals who love to use Google products to create beautiful webapps.</p>
+      <iframe width="600" height="450" loading="lazy" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCNmLEaMpHZdywwIGMCjtX7mK6Pqof5QKo&q=Faleza,Galati">
+      </iframe>
+    </main>
+  );
+}

src/components/Header.tsx

@@ -14,6 +14,7 @@ export default function Header() {
       <nav>
         <ul className="flex space-x-4">
           <li><Link href="/">Home</Link></li>
+          <li><Link href="/about">About Us</Link></li>
           {Object.keys(user).length > 0 ?
             <li className="cursor-pointer" onClick={() => auth.signOut()}>Sign out</li>
             :
@@ -23,4 +24,4 @@ export default function Header() {
       </nav>
     </header>
   )
-}
+}