Update Navigator branding and enhance homepage layout with improved styling and animations

Author: realtechnerd

src/app/components/Navigator.jsx

@@ -40,7 +40,7 @@ export default function Navigator() {
             className="text-md text-iceBlue font-brand [transition:0.5s] hover:[text-shadow:#c3f8ff_0px_0_15px] hover:[transition:0.5s]"
             href="/"
           >
-            NK
+            nk
           </Link>
 
           <div className="hidden md:flex space-x-8 items-center">

src/app/page.js

@@ -6,28 +6,26 @@ export default function Home() {
     <>
       <div className="bg-gradient-to-b from-charcoalBlack to-midnightBlue">
         <div
-          className="flex max-w-7xl justify-center mx-auto items-center"
+          className="flex max-w-7xl justify-center mx-auto items-center px-4 sm:px-6 lg:px-8"
           style={{ height: "calc(100vh - 56px)" }}
         >
-          <div className="min-h-screen flex items-center justify-center text-center font-body">
-            <div>
-              <p className="text-gray-400 text-sm tracking-widest">
-                HEY THERE, I&rsquo;M
-              </p>
-              <h1 className="text-4xl sm:text-5xl md:text-6xl font-extrabold text-white py-2">
-                Nithil Krishnaraj
-              </h1>
-              <p className="text-gray-300 max-w-xl mx-auto text-lg">
-                Robotics Engineering student at Purdue who&rsquo;s into
-                cybersecurity, robotics, and global data trends.
-              </p>
-            </div>
+          <div className="text-center">
+            <p className="text-gray-400 text-sm tracking-widest mb-2 animate-fade-in">
+              HEY THERE, I&rsquo;M
+            </p>
+            <h1 className="text-5xl sm:text-6xl md:text-7xl font-extrabold text-white py-2 animate-fade-in">
+              Nithil Krishnaraj
+            </h1>
+            <p className="text-gray-300 max-w-2xl mx-auto text-lg sm:text-xl mt-4 animate-fade-in">
+              Robotics Engineering student at Purdue who&rsquo;s passionate
+              about cybersecurity, robotics, and global data trends.
+            </p>
           </div>
         </div>
       </div>
       <div className="transition-all bg-gradient-to-t from-charcoalBlack to-midnightBlue">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 font-body text-gray-100 dark:text-gray-300">
-          <h1 className="text-center text-2xl sm:text-3xl lg:text-4xl py-8 font-body font-extrabold tracking-wide">
+          <h1 className="text-center text-2xl sm:text-3xl lg:text-4xl py-8 font-body font-black tracking-wide">
             FEATURED PROJECTS
           </h1>
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 items-start">