feat: add components folder

avneesh0612 · Dec 11, 2021 · 09ad55a · 09ad55a · vercel · Dec 11, 2021
1 parent efd2c6f
commit 09ad55a
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 19 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -0,0 +1,25 @@
+import Image from "next/image";
+
+const Footer: React.FC = () => {
+  return (
+    <footer className="flex items-center justify-center w-full h-24 border-t">
+      <a
+        className="flex items-center justify-center"
+        href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Powered by{" "}
+        <Image
+          width={100}
+          height={60}
+          objectFit="contain"
+          src="/vercel.svg"
+          alt="Vercel Logo"
+        />
+      </a>
+    </footer>
+  );
+};
+
+export default Footer;
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="next" />
+/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,5 +1,5 @@
 import Head from "next/head";
-import Image from "next/image";
+import Footer from "../components/Footer";
 
 export default function Home() {
   return (
@@ -9,7 +9,7 @@ export default function Home() {
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
-      <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
+      <main className="flex flex-col items-center justify-center flex-1 w-full px-20 text-center">
         <h1 className="text-6xl font-bold">
           Welcome to{" "}
           <a className="text-blue-600" href="https://nextjs.org">
@@ -67,23 +67,7 @@ export default function Home() {
         </div>
       </main>
 
-      <footer className="flex items-center justify-center w-full h-24 border-t">
-        <a
-          className="flex items-center justify-center"
-          href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Powered by{" "}
-          <Image
-            width={100}
-            height={60}
-            objectFit="contain"
-            src="/vercel.svg"
-            alt="Vercel Logo"
-          />
-        </a>
-      </footer>
+      <Footer />
     </div>
   );
 }