diff --git a/package-lock.json b/package-lock.json
index f5a401b..16920f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3070,7 +3070,6 @@
       "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -3081,7 +3080,6 @@
       "integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.0.0"
       }
@@ -3148,7 +3146,6 @@
       "integrity": "sha512-4O3idHxhyzjClSMJ0a29AcoK0+YwnEqzI6oz3vlRf3xw0zbzt15MzXwItOlnr5nIth6zlY2RENLsOPvhyrKAQA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.34.1",
         "@typescript-eslint/types": "8.34.1",
@@ -3665,7 +3662,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4085,7 +4081,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001718",
         "electron-to-chromium": "^1.5.160",
@@ -4763,7 +4758,6 @@
       "integrity": "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -4937,7 +4931,6 @@
       "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.8",
@@ -7493,7 +7486,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -7686,7 +7678,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7696,7 +7687,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -8534,7 +8524,6 @@
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8700,7 +8689,6 @@
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 7227965..cbe0dd1 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,11 +1,21 @@
 "use client";
-import React, { useState, useEffect, useRef } from 'react';
-import { Star, Clock, Filter } from 'lucide-react';
-import Image from 'next/image';
-import { NavbarDemo } from '@/components/nav';
 
-// Magic Card Component
-const MagicCard = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => {
+import React, { useState, useEffect, useRef } from "react";
+import { Star, Clock, Filter } from "lucide-react";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { NavbarDemo } from "@/components/nav";
+import { AnimatePresence } from "framer-motion";
+import AcademicHubSkeleton from "@/components/skeletons/dashboardPageSkeleton";
+
+// Magic Card Component (from main)
+const MagicCard = ({
+  children,
+  className = "",
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) => {
   const cardRef = useRef<HTMLDivElement>(null);
   const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
   const [isHovered, setIsHovered] = useState(false);
@@ -26,7 +36,7 @@ const MagicCard = ({ children, className = "" }: { children: React.ReactNode; cl
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
       className={`relative overflow-hidden ${className}`}
-      style={{ position: 'relative' }}
+      style={{ position: "relative" }}
     >
       {/* Border highlight effect */}
       {isHovered && (
@@ -34,12 +44,14 @@ const MagicCard = ({ children, className = "" }: { children: React.ReactNode; cl
           className="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100"
           style={{
             background: `radial-gradient(400px circle at ${mousePosition.x}px ${mousePosition.y}px, rgba(139, 92, 246, 0.4), transparent 40%)`,
-            maskImage: 'linear-gradient(black, black) content-box, linear-gradient(black, black)',
-            maskComposite: 'exclude',
-            WebkitMaskImage: 'linear-gradient(black, black) content-box, linear-gradient(black, black)',
-            WebkitMaskComposite: 'xor',
-            padding: '1px',
-            borderRadius: 'inherit',
+            maskImage:
+              "linear-gradient(black, black) content-box, linear-gradient(black, black)",
+            maskComposite: "exclude",
+            WebkitMaskImage:
+              "linear-gradient(black, black) content-box, linear-gradient(black, black)",
+            WebkitMaskComposite: "xor",
+            padding: "1px",
+            borderRadius: "inherit",
           }}
         />
       )}
@@ -58,6 +70,7 @@ const MagicCard = ({ children, className = "" }: { children: React.ReactNode; cl
 };
 
 const AcademicHub = () => {
+  const router = useRouter();
   const [isLoading, setIsLoading] = useState(false);
 
   const featuredProjects = [
@@ -72,7 +85,7 @@ const AcademicHub = () => {
       price: 100,
       originalPrice: 200,
       tag: "Best Seller",
-      tagColor: "bg-amber-500"
+      tagColor: "bg-amber-500",
     },
     {
       id: 2,
@@ -85,7 +98,7 @@ const AcademicHub = () => {
       price: 250,
       originalPrice: 400,
       tag: "New",
-      tagColor: "bg-emerald-500"
+      tagColor: "bg-emerald-500",
     },
     {
       id: 3,
@@ -98,7 +111,7 @@ const AcademicHub = () => {
       price: 50,
       originalPrice: 100,
       tag: "Popular",
-      tagColor: "bg-blue-500"
+      tagColor: "bg-blue-500",
     },
     {
       id: 4,
@@ -111,229 +124,299 @@ const AcademicHub = () => {
       price: 0,
       originalPrice: 0,
       tag: "Free",
-      tagColor: "bg-green-500"
-    }
+      tagColor: "bg-green-500",
+    },
   ];
 
   const stats = [
     { number: "0%", label: "Plagiarism" },
     { number: "5K+", label: "Projects Delivered" },
     { number: "98%", label: "Success Rate" },
-    { number: "24/7", label: "Support" }
+    { number: "24/7", label: "Support" },
   ];
 
-  const categories = [
-    "Assignments",
-    "Projects", 
-    "Presentations",
-    "Termwork"
-  ];
+  const categories = ["Assignments", "Projects", "Presentations", "Termwork"];
 
   return (
     <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-white overflow-y-auto">
-      {/* Navbar */}
-      <NavbarDemo />
-      
-      {/* Hero Section */}
-      <section className="relative py-20 px-4 sm:px-6 lg:px-8 overflow-hidden">
-        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 to-purple-600/20 backdrop-blur-3xl"></div>
-        <div className="relative max-w-4xl mx-auto text-center">
-          <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
-            Premium Academic{" "}
-            <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
-              Solutions
-            </span>
-          </h1>
-          <p className="text-xl text-slate-300 mb-10 max-w-2xl mx-auto leading-relaxed">
-            Get high-quality assignments, projects, and research papers crafted by experts. 
-            Boost your academic performance with our premium collection.
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            <button className="px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 rounded-xl font-semibold transition-all transform hover:scale-105 shadow-lg hover:shadow-xl">
-              Browse Projects
-            </button>
-            <button className="px-8 py-4 bg-slate-800/50 hover:bg-slate-700/50 border border-slate-600 rounded-xl font-semibold transition-all">
-              View Samples
-            </button>
-          </div>
-        </div>
-      </section>
+      {/* Loading Screen (from your branch) */}
+      <AnimatePresence>{isLoading && <AcademicHubSkeleton />}</AnimatePresence>
+
+      <div
+        className={
+          isLoading ? "opacity-0" : "opacity-100 transition-opacity duration-500"
+        }
+      >
+        {/* Navbar */}
+        <NavbarDemo />
 
-      {/* Featured Projects */}
-      <section className="py-16 px-4 sm:px-6 lg:px-8">
-        <div className="max-w-7xl mx-auto">
-          <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-12">
-            <h2 className="text-3xl font-bold mb-4 sm:mb-0">Featured Projects</h2>
-            <div className="flex gap-3">
-              <button className="flex items-center gap-2 px-4 py-2 bg-slate-800/50 border border-slate-600 rounded-lg hover:bg-slate-700/50 transition-all">
-                <Filter className="w-4 h-4" />
-                Filter
+        {/* Hero Section (single) */}
+        <section className="relative py-20 px-4 sm:px-6 lg:px-8 overflow-hidden">
+          <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 to-purple-600/20 backdrop-blur-3xl"></div>
+          <div className="relative max-w-4xl mx-auto text-center">
+            <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
+              Premium Academic{" "}
+              <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
+                Solutions
+              </span>
+            </h1>
+            <p className="text-xl text-slate-300 mb-10 max-w-2xl mx-auto leading-relaxed">
+              Get high-quality assignments, projects, and research papers
+              crafted by experts. Boost your academic performance with our
+              premium collection.
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
+              <button className="px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 rounded-xl font-semibold transition-all transform hover:scale-105 shadow-lg hover:shadow-xl">
+                Browse Projects
               </button>
-              <button className="px-4 py-2 bg-slate-800/50 border border-slate-600 rounded-lg hover:bg-slate-700/50 transition-all">
-                View All
+              <button className="px-8 py-4 bg-slate-800/50 hover:bg-slate-700/50 border border-slate-600 rounded-xl font-semibold transition-all">
+                View Samples
               </button>
             </div>
           </div>
+        </section>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-            {featuredProjects.map((project) => (
-              <MagicCard
-                key={project.id}
-                className="bg-slate-800/50 backdrop-blur-sm border border-slate-700/50 rounded-2xl p-6 hover:border-slate-600 transition-all duration-300 group hover:transform hover:scale-105"
-              >
-                <div className="flex justify-between items-start mb-4">
-                  <span className={`px-3 py-1 ${project.tagColor} text-white text-sm font-medium rounded-full`}>
-                    {project.tag}
-                  </span>
-                </div>
+        {/* Featured Projects (MagicCard + your Shop Now button) */}
+        <section className="py-16 px-4 sm:px-6 lg:px-8">
+          <div className="max-w-7xl mx-auto">
+            <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-12">
+              <h2 className="text-3xl font-bold mb-4 sm:mb-0">Featured Projects</h2>
+              <div className="flex gap-3">
+                <button className="flex items-center gap-2 px-4 py-2 bg-slate-800/50 border border-slate-600 rounded-lg hover:bg-slate-700/50 transition-all">
+                  <Filter className="w-4 h-4" />
+                  Filter
+                </button>
+                <button className="px-4 py-2 bg-slate-800/50 border border-slate-600 rounded-lg hover:bg-slate-700/50 transition-all">
+                  View All
+                </button>
+              </div>
+            </div>
 
-                <div className="w-full aspect-square bg-slate-700/50 rounded-xl mb-4 flex items-center justify-center overflow-hidden">
-                  {project.id === 1 && (
-                    <Image
-                      src="/img1.png"
-                      alt="Assignment"
-                      width={400}
-                      height={400}
-                      className="w-full h-full object-contain rounded-xl"
-                    />
-                  )}
-                  {project.id === 2 && (
-                    <Image 
-                      src="/img2.png" 
-                      alt="Termwork"
-                      width={400}
-                      height={400}
-                      className="w-full h-full object-contain rounded-xl"
-                    />
-                  )}
-                  {project.id === 3 && (
-                    <div className="w-full h-full bg-gradient-to-br from-blue-600/20 to-cyan-600/20 rounded-xl flex items-center justify-center">
-                      <div className="text-4xl">📊</div>
-                    </div>
-                  )}
-                  {project.id === 4 && (
-                    <div className="w-full h-full bg-gradient-to-br from-purple-600/20 to-blue-600/20 rounded-xl flex items-center justify-center">
-                      <div className="text-4xl">🤖</div>
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+              {featuredProjects.map((project) => (
+                <MagicCard
+                  key={project.id}
+                  className="bg-slate-800/50 backdrop-blur-sm border border-slate-700/50 rounded-2xl p-6 hover:border-slate-600 transition-all duration-300 group hover:transform hover:scale-105"
+                >
+                  <div className="flex justify-between items-start mb-4">
+                    <span
+                      className={`px-3 py-1 ${project.tagColor} text-white text-sm font-medium rounded-full`}
+                    >
+                      {project.tag}
+                    </span>
+                  </div>
+
+                  <div className="w-full aspect-square bg-slate-700/50 rounded-xl mb-4 flex items-center justify-center overflow-hidden">
+                    {project.id === 1 && (
+                      <Image
+                        src="/img1.png"
+                        alt="Assignment"
+                        width={400}
+                        height={400}
+                        className="w-full h-full object-contain rounded-xl"
+                      />
+                    )}
+                    {project.id === 2 && (
+                      <Image
+                        src="/img2.png"
+                        alt="Termwork"
+                        width={400}
+                        height={400}
+                        className="w-full h-full object-contain rounded-xl"
+                      />
+                    )}
+                    {project.id === 3 && (
+                      <div className="w-full h-full bg-gradient-to-br from-blue-600/20 to-cyan-600/20 rounded-xl flex items-center justify-center">
+                        <div className="text-4xl">📊</div>
+                      </div>
+                    )}
+                    {project.id === 4 && (
+                      <div className="w-full h-full bg-gradient-to-br from-purple-600/20 to-blue-600/20 rounded-xl flex items-center justify-center">
+                        <div className="text-4xl">🤖</div>
+                      </div>
+                    )}
+                  </div>
+
+                  <div className="mb-3">
+                    <div className="flex items-center gap-2 text-sm text-slate-400 mb-2">
+                      <span className="px-2 py-1 bg-slate-700/50 rounded text-xs">
+                        {project.category}
+                      </span>
+                      <span className="px-2 py-1 bg-slate-700/50 rounded text-xs">
+                        {project.level}
+                      </span>
                     </div>
-                  )}
-                </div>
+                    <h3 className="text-lg font-semibold text-white group-hover:text-blue-400 transition-colors">
+                      {project.title}
+                    </h3>
+                  </div>
 
-                <div className="mb-3">
-                  <div className="flex items-center gap-2 text-sm text-slate-400 mb-2">
-                    <span className="px-2 py-1 bg-slate-700/50 rounded text-xs">{project.category}</span>
-                    <span className="px-2 py-1 bg-slate-700/50 rounded text-xs">{project.level}</span>
+                  <div className="flex items-center gap-4 mb-4 text-sm text-slate-400">
+                    <div className="flex items-center gap-1">
+                      <Star className="w-4 h-4 text-yellow-500 fill-current" />
+                      <span>{project.rating}</span>
+                      <span>({project.reviews} reviews)</span>
+                    </div>
                   </div>
-                  <h3 className="text-lg font-semibold text-white group-hover:text-blue-400 transition-colors">
-                    {project.title}
-                  </h3>
-                </div>
 
-                <div className="flex items-center gap-4 mb-4 text-sm text-slate-400">
-                  <div className="flex items-center gap-1">
-                    <Star className="w-4 h-4 text-yellow-500 fill-current" />
-                    <span>{project.rating}</span>
-                    <span>({project.reviews} reviews)</span>
+                  <div className="flex items-center gap-1 mb-4 text-sm text-slate-400">
+                    <Clock className="w-4 h-4" />
+                    <span>{project.duration}</span>
                   </div>
-                </div>
 
-                <div className="flex items-center gap-1 mb-4 text-sm text-slate-400">
-                  <Clock className="w-4 h-4" />
-                  <span>{project.duration}</span>
-                </div>
+                  <div className="flex items-center justify-between">
+                    <div className="flex items-center gap-2">
+                      {project.id === 4 ? (
+                        <span className="text-2xl font-bold text-green-400">
+                          FREE
+                        </span>
+                      ) : (
+                        <>
+                          <span className="text-2xl font-bold text-white">
+                            ₹{project.price}
+                          </span>
+                          <span className="text-sm text-slate-400 line-through">
+                            ₹{project.originalPrice}
+                          </span>
+                        </>
+                      )}
+                    </div>
 
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-2">
-                    {project.id === 4 ? (
-                      <span className="text-2xl font-bold text-green-400">FREE</span>
-                    ) : (
-                      <>
-                        <span className="text-2xl font-bold text-white">₹{project.price}</span>
-                        <span className="text-sm text-slate-400 line-through">₹{project.originalPrice}</span>
-                      </>
-                    )}
+                    {/* Your new minimal button */}
+                    <button
+                      onClick={() => {
+                        if (project.id === 1) {
+                          router.push("/form?noOfPage=10&totalAmount=100");
+                        } else if (project.id === 2) {
+                          router.push("/form?noOfPage=24&totalAmount=250");
+                        } else if (project.id === 3) {
+                          router.push("/form?noOfPage=8&totalAmount=50");
+                        } else if (project.id === 4) {
+                          router.push("/ai-generator");
+                        }
+                      }}
+                      className="relative flex items-center gap-3 py-2 text-white uppercase tracking-[0.15em] bg-transparent border-0 cursor-pointer group"
+                    >
+                      <span>{project.id === 4 ? "Try Now" : "Shop Now"}</span>
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        strokeWidth="1.5"
+                        stroke="currentColor"
+                        className="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          d="M13.5 4.5L21 12l-7.5 7.5M21 12H3"
+                        />
+                      </svg>
+                      <span className="absolute bottom-0 left-0 w-full h-[1px] bg-white origin-right scale-x-0 transition-transform duration-300 group-hover:origin-left group-hover:scale-x-100" />
+                    </button>
                   </div>
-                  <button
-                    className={`px-6 py-2 rounded-lg font-medium transition-all transform hover:scale-105 ${
-                      project.id === 4 
-                        ? 'bg-gradient-to-r from-green-600 to-emerald-600 hover:from-green-700 hover:to-emerald-700'
-                        : 'bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700'
-                    }`}
-                  >
-                    {project.id === 4 ? 'Try Now' : 'Add to Cart'}
-                  </button>
+                </MagicCard>
+              ))}
+            </div>
+          </div>
+        </section>
+
+        {/* Stats Section */}
+        <section className="py-16 px-4 sm:px-6 lg:px-8 bg-slate-800/30">
+          <div className="max-w-6xl mx-auto">
+            <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
+              {stats.map((stat, index) => (
+                <div key={index} className="text-center">
+                  <div className="text-4xl lg:text-5xl font-bold text-white mb-2 bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
+                    {stat.number}
+                  </div>
+                  <div className="text-slate-400 font-medium">{stat.label}</div>
                 </div>
-              </MagicCard>
-            ))}
+              ))}
+            </div>
           </div>
-        </div>
-      </section>
+        </section>
 
-      {/* Stats Section */}
-      <section className="py-16 px-4 sm:px-6 lg:px-8 bg-slate-800/30">
-        <div className="max-w-6xl mx-auto">
-          <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
-            {stats.map((stat, index) => (
-              <div key={index} className="text-center">
-                <div className="text-4xl lg:text-5xl font-bold text-white mb-2 bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
-                  {stat.number}
+        {/* Footer */}
+        <footer className="bg-slate-900/80 border-t border-slate-700/50 py-12 px-4 sm:px-6 lg:px-8">
+          <div className="max-w-7xl mx-auto">
+            <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
+              {/* Company Info */}
+              <div className="col-span-1 md:col-span-2">
+                <div className="flex items-center space-x-2 mb-4">
+                  <div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center">
+                    <span className="text-white font-bold text-lg">A</span>
+                  </div>
+                  <span className="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
+                    Asshelp
+                  </span>
                 </div>
-                <div className="text-slate-400 font-medium">{stat.label}</div>
+                <p className="text-slate-400 max-w-md">
+                  Your trusted partner for academic excellence. Get premium
+                  assignments and projects delivered on time.
+                </p>
               </div>
-            ))}
-          </div>
-        </div>
-      </section>
 
-      {/* Footer */}
-      <footer className="bg-slate-900/80 border-t border-slate-700/50 py-12 px-4 sm:px-6 lg:px-8">
-        <div className="max-w-7xl mx-auto">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
-            {/* Company Info */}
-            <div className="col-span-1 md:col-span-2">
-              <div className="flex items-center space-x-2 mb-4">
-                <div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center">
-                  <span className="text-white font-bold text-lg">A</span>
+              {/* Categories */}
+              <div>
+                <h3 className="text-lg font-semibold text-white mb-4">
+                  Categories
+                </h3>
+                <div className="space-y-2">
+                  {categories.map((category) => (
+                    <a
+                      key={category}
+                      href="#"
+                      className="block text-slate-400 hover:text-white transition-colors"
+                    >
+                      {category}
+                    </a>
+                  ))}
                 </div>
-                <span className="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
-                  Asshelp
-                </span>
               </div>
-              <p className="text-slate-400 max-w-md">
-                Your trusted partner for academic excellence. Get premium assignments and projects delivered on time.
-              </p>
-            </div>
 
-            {/* Categories */}
-            <div>
-              <h3 className="text-lg font-semibold text-white mb-4">Categories</h3>
-              <div className="space-y-2">
-                {categories.map((category) => (
-                  <a key={category} href="#" className="block text-slate-400 hover:text-white transition-colors">
-                    {category}
+              {/* Support */}
+              <div>
+                <h3 className="text-lg font-semibold text-white mb-4">
+                  Support
+                </h3>
+                <div className="space-y-2">
+                  <a
+                    href="#"
+                    className="block text-slate-400 hover:text-white transition-colors"
+                  >
+                    Help Center
+                  </a>
+                  <a
+                    href="#"
+                    className="block text-slate-400 hover:text-white transition-colors"
+                  >
+                    Contact Us
                   </a>
-                ))}
+                  <a
+                    href="#"
+                    className="block text-slate-400 hover:text-white transition-colors"
+                  >
+                    FAQ
+                  </a>
+                  <a
+                    href="#"
+                    className="block text-slate-400 hover:text-white transition-colors"
+                  >
+                    Live Chat
+                  </a>
+                </div>
               </div>
             </div>
 
-            {/* Support */}
-            <div>
-              <h3 className="text-lg font-semibold text-white mb-4">Support</h3>
-              <div className="space-y-2">
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">Help Center</a>
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">Contact Us</a>
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">FAQ</a>
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">Live Chat</a>
-              </div>
+            <div className="border-t border-slate-700/50 mt-8 pt-8 text-center text-slate-400">
+              <p>&copy; 2025 Asshelp. All rights reserved.</p>
             </div>
           </div>
-
-          <div className="border-t border-slate-700/50 mt-8 pt-8 text-center text-slate-400">
-            <p>&copy; 2025 Asshelp. All rights reserved.</p>
-          </div>
-        </div>
-      </footer>
+        </footer>
+      </div>
     </div>
   );
 };
 
-export default AcademicHub;
\ No newline at end of file
+export default AcademicHub;