added home page placeholder content

gmook9 · Aug 6, 2024 · ff56f5a · ff56f5a
1 parent 4c18b5e
commit ff56f5a
Show file tree

Hide file tree

Showing 10 changed files with 85 additions and 7 deletions.
diff --git a/src/app/favicon.ico → public/favicon.ico b/src/app/favicon.ico → public/favicon.ico
diff --git a/public/images/eblogo.png b/public/images/eblogo.png
diff --git a/public/images/githubLogo.png b/public/images/githubLogo.png
diff --git a/public/images/profileImage.jpg b/public/images/profileImage.jpg
diff --git a/public/images/stardeliclogo.png b/public/images/stardeliclogo.png
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
@@ -0,0 +1,77 @@
+import React from 'react';
+import Image from 'next/image';
+
+const HomePage: React.FC = () => {
+  return (
+    <div className="flex items-center justify-center min-h-screen bg-gray-900 text-white">
+      <div className="text-center">
+        <div className="mb-8">
+          <Image
+            src="/images/profileImage.jpg"
+            alt="Profile Image"
+            width={150}
+            height={150}
+            className="rounded-full mx-auto"
+          />
+        </div>
+        <h1 className="text-3xl font-bold mb-8">
+          Check out my links :)
+        </h1>
+
+        <div className="flex flex-col space-y-4 items-center">
+          <a
+            href="https://github.com/gmook9"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center w-72 px-6 py-3 font-semibold text-white bg-blue-600 rounded-full hover:bg-blue-700"
+          >
+            <Image src="/images/githubLogo.png" alt="GitHub Logo" width={24} height={24} className="mr-2" />
+            Visit My GitHub
+          </a>
+
+          <a
+            href="https://www.grailed.com/enchantingbutterfly"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center w-72 px-6 py-3 font-semibold text-white bg-blue-500 rounded-full hover:bg-blue-600"
+          >
+            <Image src="/images/eblogo.png" alt="Enchanting Butterfly Logo" width={24} height={24} className="mr-2" />
+            Shop Enchanting Butterfly
+          </a>
+
+          <a
+            href="https://enchantingbutterfly.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center w-72 px-6 py-3 font-semibold text-white bg-blue-400 rounded-full hover:bg-blue-500"
+          >
+            <Image src="/images/eblogo.png" alt="Enchanting Butterfly Logo" width={24} height={24} className="mr-2" />
+            Official Enchanting Butterfly Website
+          </a>
+
+          <a
+            href="https://www.depop.com/st4rdelic/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center w-72 px-6 py-3 font-semibold text-white bg-indigo-500 rounded-full hover:bg-indigo-600"
+          >
+            <Image src="/images/stardeliclogo.png" alt="Stardelic Logo" width={24} height={24} className="mr-2" />
+            Shop Stardelic
+          </a>
+
+          <a
+            href="https://st4rdelic.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center w-72 px-6 py-3 font-semibold text-white bg-indigo-400 rounded-full hover:bg-indigo-500"
+          >
+            <Image src="/images/stardeliclogo.png" alt="Stardelic Logo" width={24} height={24} className="mr-2" />
+            Official Stardelic Website
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default HomePage;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import "~/styles/globals.css";
+import "../styles/globals.css"; 
 
 import { Inter } from "next/font/google";
 
@@ -19,8 +19,8 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-      <html lang="en">
-        <body className={`font-sans ${inter.variable}`}>{children}</body>
-      </html>
+    <html lang="en" className={inter.variable}>
+      <body className="font-sans">{children}</body>
+    </html>
   );
-}
+}
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;