Refactor component and fix page names

Kevin-Kwan · Dec 18, 2023 · c81946e · c81946e
1 parent 5c1c79e
commit c81946e
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 10 deletions.
diff --git a/components/StarBackground.tsx b/components/StarBackground.tsx
@@ -9,9 +9,9 @@ const StarBackground = () => {
         zIndex: -1,
       }}
     >
-      <div id="stars" className="stars m-0 p-0 absolute top-0"></div>
-      <div id="stars2" className="stars2 m-0 p-0 absolute top-0"></div>
-      <div id="stars3" className="stars3 m-0 p-0 absolute top-0"></div>
+      <div id="stars" className="stars m-0 p-0 absolute top-0" />
+      <div id="stars2" className="stars2 m-0 p-0 absolute top-0" />
+      <div id="stars3" className="stars3 m-0 p-0 absolute top-0" />
     </div>
   );
 };

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -2,12 +2,10 @@ import './globals.scss';
 import type { AppProps } from 'next/app';
 import { Inter } from 'next/font/google';
 import { AnimatePresence } from 'framer-motion';
-import { useRouter, NextRouter } from 'next/router'; // Import the NextRouter type
-
-const inter = Inter({ subsets: ['latin'] });
+import { useRouter, NextRouter } from 'next/router';
 
 function App({ Component, pageProps }: AppProps) {
-  const router: NextRouter = useRouter(); // Specify the type for the router object
+  const router: NextRouter = useRouter();
 
   return (
     <AnimatePresence mode="wait">

diff --git a/pages/contact.tsx b/pages/contact.tsx
@@ -1,7 +1,7 @@
 import Head from 'next/head';
 import Layout from '../components/RootLayout';
 
-export default function Home() {
+export default function Contact() {
   return (
     <Layout>
       <Head>

diff --git a/pages/experience.tsx b/pages/experience.tsx
@@ -1,7 +1,7 @@
 import Head from 'next/head';
 import Layout from '../components/RootLayout';
 
-export default function Home() {
+export default function Experience() {
   return (
     <Layout>
       <Head>

diff --git a/pages/skills.tsx b/pages/skills.tsx
@@ -1,7 +1,7 @@
 import Head from 'next/head';
 import Layout from '../components/RootLayout';
 
-export default function Home() {
+export default function Skills() {
   return (
     <Layout>
       <Head>