diff --git a/app/(public)/creators/page.tsx b/app/(public)/creators/page.tsx
index 1a688a6..1d1173e 100644
--- a/app/(public)/creators/page.tsx
+++ b/app/(public)/creators/page.tsx
@@ -30,29 +30,30 @@ const teamMembers = [
       email: "mailto:singhshivraj89969@gmail.com",
     },
     icon: Code2,
-    isFounder: true,
+    badge: "Founder",
   },
   {
     id: "nitin",
-    name: "Nitin Pandey",
-    role: "UI/UX Designer & Frontend Developer",
+    name: "Nitin Mohan",
+    role: "Co-Founder, UI/UX Designer & Full Stack Developer",
     bio: "Designs intuitive user interfaces and improves the overall user experience of Hyper Learning.",
     image: "https://avatars.githubusercontent.com/u/272735419?v=4",
     socials: {
       github: "https://github.com/nitinmohan18",
       linkedin: "https://linkedin.com/in/nitin-mohan-9251ab328",
       instagram: "https://www.instagram.com/nitin__.pandey/",
+      twitter: "https://x.com/nitinmohan18",
       portfolio: "https://nitinpandey-portfolio.vercel.app/",
       email: "mailto:mohannitin494@gmail.com",
     },
     icon: Palette,
-    isFounder: false,
+    badge: "Co-Founder",
   },
   {
     id: "ramoo",
     name: "Ramoo Kachhee",
-    role: "Frontend Developer",
-    bio: "Builds responsive user interfaces and implements frontend components for Hyper Learning.",
+    role: "Content Contributor",
+    bio: "Actively contributes to Hyper Learning by curating and uploading essential study materials, including PYQs, syllabuses, and question papers.",
     image: "https://avatars.githubusercontent.com/u/231412959?v=4",
     socials: {
       github: "https://github.com/RamuuXfree",
@@ -60,8 +61,7 @@ const teamMembers = [
       instagram: "https://www.instagram.com/frrr_ace/",
       email: "mailto:ramoo@hyperlearning.tech",
     },
-    icon: Code2,
-    isFounder: false,
+    icon: GraduationCap,
   },
 ];
 
@@ -94,23 +94,23 @@ export default function TeamPage() {
       {/* Hero */}
       <section className="relative overflow-hidden border-b border-border">
         <div className="absolute inset-0 -z-10">
-          <div className="absolute left-[-10%] top-[-10%] h-[500px] w-[500px] rounded-full bg-blue-500/10 blur-[120px]" />
-          <div className="absolute right-[-10%] bottom-[-10%] h-[500px] w-[500px] rounded-full bg-indigo-500/10 blur-[120px]" />
+          <div className="absolute left-[-10%] top-[-10%] h-[400px] w-[400px] rounded-full bg-blue-500/10 blur-[120px]" />
+          <div className="absolute right-[-10%] bottom-[-10%] h-[400px] w-[400px] rounded-full bg-indigo-500/10 blur-[120px]" />
         </div>
 
-        <div className="mx-auto max-w-7xl px-6 py-20 lg:px-8">
+        <div className="mx-auto max-w-7xl px-6 py-12 lg:px-8 lg:py-16">
           <motion.div
             initial={{ opacity: 0, y: 24 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5 }}
             className="max-w-4xl"
           >
-            <span className="inline-flex items-center gap-2 rounded-full border border-blue-500/20 bg-blue-500/10 px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400">
+            <span className="inline-flex items-center gap-2 rounded-full border border-blue-500/20 bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400">
               <Users className="h-4 w-4" />
               Meet the Team
             </span>
 
-            <h1 className="mt-6 text-4xl font-extrabold tracking-tight text-foreground md:text-6xl">
+            <h1 className="mt-4 text-4xl font-extrabold tracking-tight text-foreground md:text-5xl lg:text-6xl">
               The People Behind
               <br />
               <span className="bg-gradient-to-r from-[#1D4ED8] to-indigo-600 bg-clip-text text-transparent">
@@ -118,7 +118,7 @@ export default function TeamPage() {
               </span>
             </h1>
 
-            <p className="mt-6 max-w-2xl text-lg leading-relaxed text-muted-foreground">
+            <p className="mt-4 max-w-2xl text-base leading-relaxed text-muted-foreground lg:text-lg">
               A small team of dedicated individuals working together to make
               engineering education more accessible and effective through
               AI-powered learning.
@@ -128,14 +128,14 @@ export default function TeamPage() {
       </section>
 
       {/* Team Grid */}
-      <section className="py-20">
+      <section className="py-8 lg:py-12">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <motion.div
             variants={containerVariants}
             initial="hidden"
             whileInView="visible"
             viewport={{ once: true }}
-            className="grid gap-8 md:grid-cols-2 lg:grid-cols-3"
+            className="grid gap-6 md:grid-cols-2 lg:grid-cols-3"
           >
             {teamMembers.map((member) => {
               const Icon = member.icon;
@@ -144,42 +144,48 @@ export default function TeamPage() {
                 <motion.div
                   key={member.id}
                   variants={itemVariants}
-                  className={`group relative overflow-hidden rounded-3xl border border-border bg-card/50 p-8 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-blue-500/30 hover:shadow-xl ${
-                    member.isFounder ? "ring-1 ring-blue-500/20" : ""
-                  }`}
+                  className="group relative flex flex-col overflow-hidden rounded-3xl border border-white/10 bg-[#060b19]/80 p-5 backdrop-blur-xl transition-all duration-500 hover:-translate-y-1.5 hover:border-blue-500/40 hover:shadow-[0_0_30px_-5px_rgba(37,99,235,0.15)] lg:p-6"
                 >
-                  {/* Founder Badge */}
-                  {member.isFounder && (
-                    <div className="absolute right-4 top-4 z-10 rounded-full bg-blue-500/10 px-3 py-1 text-xs font-semibold text-blue-600 dark:text-blue-400">
-                      Founder
+                  {/* Subtle top edge highlight */}
+                  <div className="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white/20 to-transparent" />
+
+                  {/* Top-Right Surface Glow Orb */}
+                  <div className="absolute -right-12 -top-12 z-0 h-48 w-48 rounded-full bg-blue-500/10 blur-3xl opacity-0 transition-opacity duration-700 group-hover:opacity-100" />
+
+                  {/* Top-Right animated gradient background glow */}
+                  <div className="absolute inset-0 z-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-blue-600/10 via-transparent to-transparent opacity-0 transition-opacity duration-700 group-hover:opacity-100" />
+
+                  {/* Premium Badge */}
+                  {member.badge && (
+                    <div className="absolute right-4 top-4 z-20 flex items-center gap-1.5 rounded-full border border-blue-500/30 bg-blue-500/10 px-2.5 py-1 text-[11px] font-semibold text-blue-300 shadow-[0_0_15px_rgba(59,130,246,0.15)] backdrop-blur-md">
+                      <span className="relative flex h-1 w-1">
+                        <span className="relative inline-flex h-1 w-1 rounded-full bg-blue-400 shadow-[0_0_5px_rgba(96,165,250,0.8)]"></span>
+                      </span>
+                      {member.badge}
                     </div>
                   )}
 
-                  {/* Glow */}
-                  <div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                    <div className="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-100/30 blur-3xl dark:bg-blue-500/10" />
-                  </div>
-
                   {/* Avatar */}
-                  <div className="relative z-10 mb-6 h-20 w-20 overflow-hidden rounded-2xl">
+                  <div className="relative z-10 mb-5 flex h-14 w-14 items-center justify-center rounded-2xl lg:h-16 lg:w-16">
+                    <div className="absolute inset-0 rounded-2xl border-2 border-white/10" />
                     <Image
                       src={member.image}
                       alt={member.name}
                       width={80}
                       height={80}
-                      className="h-full w-full object-cover"
+                      className="relative z-10 h-full w-full rounded-2xl object-cover transition-transform duration-500 group-hover:scale-105"
                     />
                   </div>
 
                   {/* Content */}
                   <div className="relative z-10">
-                    <h3 className="text-xl font-bold text-foreground">
+                    <h3 className="text-[22px] font-bold tracking-tight text-white transition-colors">
                       {member.name}
                     </h3>
-                    <p className="mt-1 text-sm font-medium text-blue-600 dark:text-blue-400">
+                    <p className="mt-1.5 text-[13px] font-medium text-blue-400">
                       {member.role}
                     </p>
-                    <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+                    <p className="mt-3 text-[13px] leading-relaxed text-gray-400 transition-colors group-hover:text-gray-300">
                       {member.bio}
                     </p>
 
@@ -190,7 +196,7 @@ export default function TeamPage() {
                           href={member.socials.github}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-blue-700 hover:text-white hover:shadow-lg"
+                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-white/10 hover:text-white hover:shadow-lg"
                           aria-label="GitHub"
                         >
                           <FaGithub size={20} />
@@ -202,7 +208,7 @@ export default function TeamPage() {
                           href={member.socials.linkedin}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-blue-700 hover:text-white hover:shadow-lg"
+                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-[#0A66C2] hover:text-white hover:shadow-lg hover:shadow-[#0A66C2]/30"
                           aria-label="LinkedIn"
                         >
                           <FaLinkedin size={20} />
@@ -214,7 +220,7 @@ export default function TeamPage() {
                           href={member.socials.twitter}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-blue-700 hover:text-white hover:shadow-lg"
+                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-black hover:text-white hover:shadow-lg hover:shadow-white/10"
                           aria-label="X (Twitter)"
                         >
                           <FaTwitter size={20} />
@@ -226,7 +232,7 @@ export default function TeamPage() {
                           href={member.socials.instagram}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-blue-700 hover:text-white hover:shadow-lg"
+                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-gradient-to-tr hover:from-[#f09433] hover:via-[#dc2743] hover:to-[#bc1888] hover:text-white hover:shadow-lg hover:shadow-[#E1306C]/30"
                           aria-label="Instagram"
                         >
                           <FaInstagram size={20} />
@@ -238,7 +244,7 @@ export default function TeamPage() {
                           href={member.socials.portfolio}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-blue-700 hover:text-white hover:shadow-lg"
+                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-[#10B981] hover:text-white hover:shadow-lg hover:shadow-[#10B981]/30"
                           aria-label="Portfolio"
                         >
                           <Globe className="h-4 w-4" />
@@ -248,7 +254,7 @@ export default function TeamPage() {
                       {member.socials.email && (
                         <a
                           href={member.socials.email}
-                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-blue-700 hover:text-white hover:shadow-lg"
+                          className="rounded-lg p-2 text-muted-foreground transition-all duration-300 ease-out hover:-translate-y-2 hover:bg-[#EA4335] hover:text-white hover:shadow-lg hover:shadow-[#EA4335]/30"
                           aria-label="Email"
                         >
                           <Mail className="h-4 w-4" />
@@ -267,30 +273,31 @@ export default function TeamPage() {
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.1 }}
             viewport={{ once: true }}
-            className="mt-16 rounded-3xl border border-border bg-card/40 p-8 text-center backdrop-blur-sm md:p-12"
+            className="mx-auto mt-16 max-w-3xl rounded-[24px] border border-border bg-card/40 p-8 text-center backdrop-blur-sm md:p-12"
           >
-            <h2 className="text-2xl font-bold text-foreground">
+            <h2 className="text-2xl font-bold tracking-tight text-foreground md:text-3xl">
               Want to Join the Team?
             </h2>
-            <p className="mt-3 text-muted-foreground">
+            <p className="mx-auto mt-3 max-w-xl text-sm leading-relaxed text-muted-foreground">
               Hyper Learning is open-source and community-driven. Contributions
               are always welcome!
             </p>
-            <div className="mt-6 flex flex-wrap items-center justify-center gap-4">
+            <div className="mt-8 flex flex-wrap items-center justify-center gap-4 sm:gap-6">
               <a
                 href="https://github.com/imuniqueshiv/HyperLearningTech"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="inline-flex items-center gap-2 rounded-xl bg-[#1D4ED8] px-6 py-3 font-medium text-white transition hover:bg-[#1E40AF]"
+                className="group/btn relative inline-flex items-center gap-2.5 overflow-hidden rounded-xl bg-blue-600 px-7 py-3 text-sm font-semibold text-white shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:bg-blue-500 hover:shadow-[0_0_15px_rgba(37,99,235,0.3)]"
               >
-                <FaGithub size={20} />
-                View on GitHub
+                <div className="absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent transition-transform duration-700 group-hover/btn:translate-x-full" />
+                <FaGithub size={18} className="relative z-10" />
+                <span className="relative z-10">View on GitHub</span>
               </a>
               <Link
                 href="/contact"
-                className="inline-flex items-center gap-2 rounded-xl border border-border bg-background/50 px-6 py-3 font-medium text-foreground transition hover:border-blue-500/30 hover:bg-blue-500/5"
+                className="group/link inline-flex items-center gap-2.5 rounded-xl border border-white/10 bg-white/5 px-7 py-3 text-sm font-semibold text-foreground backdrop-blur-md transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400/50 hover:bg-white/10 hover:shadow-[0_0_20px_rgba(59,130,246,0.15)]"
               >
-                <Mail className="h-4 w-4" />
+                <Mail className="h-4 w-4 text-blue-400 transition-colors group-hover/link:text-blue-300" />
                 Contact Us
               </Link>
             </div>
diff --git a/components/footer.tsx b/components/footer.tsx
index 2baeb0c..d490fa8 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -4,215 +4,173 @@ import Image from "next/image";
 
 export default function Footer() {
   return (
-    <footer className="border-t border-[#00008B]/20 bg-[#00008B]/95 backdrop-blur-xl supports-[backdrop-filter]:bg-[#00008B]/90">
-      <div className="mx-auto max-w-7xl px-6 py-12 lg:px-8">
-        <div className="grid gap-10 lg:grid-cols-5">
+    <footer className="relative mt-12 border-t border-white/5 bg-[#020617] pt-12 pb-6">
+      <div className="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-blue-500/40 to-transparent" />
+
+      <div className="relative mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="grid gap-10 lg:grid-cols-5 lg:gap-8">
           {/* Brand */}
           <div className="lg:col-span-2">
-            <Link href="/" className="flex items-center gap-3">
-              <div className="relative h-12 w-12 overflow-hidden rounded-xl">
+            <Link href="/" className="group inline-flex items-center gap-3">
+              <div className="relative flex h-10 w-10 items-center justify-center overflow-hidden rounded-xl bg-white/5 p-1.5 shadow-sm ring-1 ring-white/10 transition-all group-hover:bg-blue-500/10 group-hover:ring-blue-500/30">
                 <Image
                   src="/hl-logo.png"
                   alt="Hyper Learning Logo"
-                  width={48}
-                  height={48}
+                  width={32}
+                  height={32}
                   className="object-contain"
                 />
               </div>
 
               <div>
-                <h2 className="text-xl font-bold text-[#F4F5F7]">
+                <h2 className="text-lg font-bold tracking-tight text-white transition-colors group-hover:text-blue-400">
                   Hyper Learning
                 </h2>
-
-                <p className="text-sm text-[#AFC8FF]">
-                  AI-Powered Learning Platform
+                <p className="text-xs font-semibold tracking-wide text-blue-500/80">
+                  AI-Powered Learning
                 </p>
               </div>
             </Link>
 
-            <p className="mt-4 max-w-md text-sm leading-6 text-[#AFC8FF]/70">
-              Hyper Learning helps engineering students learn smarter through
-              AI-powered notes, syllabus mapping, previous year questions,
-              interactive tutoring, and exam-focused preparation resources.
+            <p className="mt-4 max-w-sm text-sm leading-relaxed text-white/50">
+              Transforming how engineering students learn. Get ahead with
+              AI-generated notes, precise syllabus mapping, and interactive exam
+              preparation.
             </p>
 
-            <div className="mt-4 flex items-center gap-4">
+            <div className="mt-6 flex items-center gap-3">
               <a
                 href="mailto:contact@hyperlearning.tech"
-                className="rounded-xl border border-white/20 p-3 text-[#AFC8FF] transition-colors hover:border-white/40 hover:text-white"
+                className="group flex h-9 w-9 items-center justify-center rounded-full border border-white/10 bg-white/5 text-white/60 transition-all duration-300 hover:border-[#EA4335] hover:bg-[#EA4335] hover:text-white hover:shadow-[0_0_15px_rgba(234,67,53,0.4)]"
+              >
+                <Mail className="h-4 w-4 transition-transform group-hover:scale-110" />
+              </a>
+              <a
+                href="https://github.com/imuniqueshiv"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="group flex h-9 w-9 items-center justify-center rounded-full border border-white/10 bg-white/5 text-white/60 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white hover:shadow-[0_0_15px_rgba(255,255,255,0.1)]"
               >
-                <Mail className="h-5 w-5" />
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  height="18"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  className="transition-transform group-hover:scale-110"
+                >
+                  <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
+                  <path d="M9 18c-4.51 2-5-2-7-2" />
+                </svg>
               </a>
             </div>
           </div>
 
           {/* Platform */}
           <div>
-            <h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-[#F4F5F7]">
+            <h3 className="mb-4 text-xs font-bold uppercase tracking-widest text-white/90">
               Platform
             </h3>
-
-            <ul className="space-y-2.5">
-              <li>
-                <Link
-                  href="/rgpv"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Subjects
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/#Universities"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Universities
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/dashboard"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Dashboard
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/sign-in"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Student Login
-                </Link>
-              </li>
+            <ul className="space-y-3">
+              {["Subjects", "Universities", "Dashboard", "Student Login"].map(
+                (item, i) => (
+                  <li key={i}>
+                    <Link
+                      href={
+                        item === "Universities"
+                          ? "/#Universities"
+                          : item === "Student Login"
+                            ? "/sign-in"
+                            : `/${item.toLowerCase()}`
+                      }
+                      className="group flex w-fit items-center text-[15px] font-medium text-slate-300 transition-all duration-300 hover:text-blue-400 hover:drop-shadow-[0_0_12px_rgba(96,165,250,0.4)]"
+                    >
+                      <span className="relative mr-3 flex h-1.5 w-1.5 items-center justify-center">
+                        <span className="absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-0 transition-all duration-500 group-hover:animate-ping group-hover:opacity-100" />
+                        <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-white/30 transition-colors duration-300 group-hover:bg-blue-400" />
+                      </span>
+                      <span className="transition-transform duration-300 group-hover:translate-x-1">
+                        {item}
+                      </span>
+                    </Link>
+                  </li>
+                )
+              )}
             </ul>
           </div>
 
           {/* Learning */}
           <div>
-            <h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-[#F4F5F7]">
+            <h3 className="mb-4 text-xs font-bold uppercase tracking-widest text-white/90">
               Learning
             </h3>
-
-            <ul className="space-y-2.5">
-              <li>
-                <Link
-                  href="/rgpv"
-                  className="flex items-center gap-2 text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  <BookOpen className="h-4 w-4" />
-                  AI Notes
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/rgpv"
-                  className="flex items-center gap-2 text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  <GraduationCap className="h-4 w-4" />
-                  PYQs
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/rgpv"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  AI Tutor
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/rgpv"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Syllabus
-                </Link>
-              </li>
+            <ul className="space-y-3">
+              {[
+                { name: "AI Notes", icon: BookOpen },
+                { name: "PYQs", icon: GraduationCap },
+                { name: "AI Tutor" },
+                { name: "Syllabus" },
+              ].map((item, i) => (
+                <li key={i}>
+                  <Link
+                    href="/rgpv"
+                    className="group flex w-fit items-center text-[15px] font-medium text-slate-300 transition-all duration-300 hover:text-blue-400 hover:drop-shadow-[0_0_12px_rgba(96,165,250,0.4)]"
+                  >
+                    <span className="relative mr-3 flex h-1.5 w-1.5 items-center justify-center">
+                      <span className="absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-0 transition-all duration-500 group-hover:animate-ping group-hover:opacity-100" />
+                      <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-white/30 transition-colors duration-300 group-hover:bg-blue-400" />
+                    </span>
+                    {item.icon && (
+                      <item.icon className="mr-2 h-4 w-4 transition-transform duration-300 group-hover:-translate-y-0.5" />
+                    )}
+                    <span className="transition-transform duration-300 group-hover:translate-x-1">
+                      {item.name}
+                    </span>
+                  </Link>
+                </li>
+              ))}
             </ul>
           </div>
 
           {/* Company */}
           <div>
-            <h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-[#F4F5F7]">
+            <h3 className="mb-4 text-xs font-bold uppercase tracking-widest text-white/90">
               Company
             </h3>
-
-            <ul className="space-y-2.5">
-              <li>
-                <Link
-                  href="/about"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  About
-                </Link>
-              </li>
-
-              <li>
-                <Link
-                  href="/contact"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Contact
-                </Link>
-              </li>
-              <li>
-                <Link
-                  href="/creators"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Creators
-                </Link>
-              </li>
-
-              <li>
-                <a
-                  href="https://github.com/imuniqueshiv"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  GitHub
-                </a>
-              </li>
-
-              <li>
-                <Link
-                  href="/"
-                  className="text-sm text-[#AFC8FF]/70 transition-colors hover:text-white"
-                >
-                  Privacy
-                </Link>
-              </li>
+            <ul className="space-y-3">
+              {["About", "Contact", "Creators", "Privacy"].map((item, i) => (
+                <li key={i}>
+                  <Link
+                    href={item === "Privacy" ? "/" : `/${item.toLowerCase()}`}
+                    className="group flex w-fit items-center text-[15px] font-medium text-slate-300 transition-all duration-300 hover:text-blue-400 hover:drop-shadow-[0_0_12px_rgba(96,165,250,0.4)]"
+                  >
+                    <span className="relative mr-3 flex h-1.5 w-1.5 items-center justify-center">
+                      <span className="absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-0 transition-all duration-500 group-hover:animate-ping group-hover:opacity-100" />
+                      <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-white/30 transition-colors duration-300 group-hover:bg-blue-400" />
+                    </span>
+                    <span className="transition-transform duration-300 group-hover:translate-x-1">
+                      {item}
+                    </span>
+                  </Link>
+                </li>
+              ))}
             </ul>
           </div>
         </div>
 
-        {/* Divider */}
-        <div className="mt-12 border-t border-white/10 pt-6">
-          <div className="flex flex-col items-center justify-between gap-3 md:flex-row">
-            <p className="text-center text-xs text-[#AFC8FF]/50 md:text-left">
-              © {new Date().getFullYear()} Hyper Learning. All rights reserved.
-            </p>
-
-            <p className="text-center text-xs text-[#AFC8FF]/50 md:text-right">
-              Built with Next.js, TypeScript, PostgreSQL, Redis & AI.
-            </p>
-          </div>
-
-          <div className="mt-4 rounded-xl border border-white/10 bg-white/5 p-3">
-            <p className="text-center text-xs leading-5 text-[#AFC8FF]/50">
-              Disclaimer: Some content may contain errors. Please cross-check
-              and share corrections via our feedback section.
-            </p>
-          </div>
+        {/* Divider & Bottom Section */}
+        <div className="mt-12 flex flex-col items-center justify-center gap-3 border-t border-white/10 pt-6 pb-2">
+          <p className="text-center text-xs font-medium text-white/40">
+            © {new Date().getFullYear()} Hyper Learning. All rights reserved.
+          </p>
+          <p className="max-w-xl text-center text-[11px] font-medium text-white/30">
+            Disclaimer: Some content may contain errors. Please cross-check and
+            share corrections via our feedback section.
+          </p>
         </div>
       </div>
     </footer>