Made the footer links functionable

app/company/about/page.tsx

@@ -0,0 +1,15 @@
+export default function AboutPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400 animate-fadeIn">
+          About Us
+        </h1>
+        <p className="text-lg leading-relaxed text-slate-600 dark:text-slate-300 animate-slideUp">
+          We’re on a mission to simplify legal access for all Indians using AI. LegalEase bridges the gap
+          between law and people through intuitive tools and clear language.
+        </p>
+      </div>
+    </div>
+  );
+}

app/company/contact/page.tsx

@@ -0,0 +1,12 @@
+export default function ContactPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">Contact Us</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Got questions or suggestions? We'd love to hear from you!
+        </p>
+      </div>
+    </div>
+  );
+}

app/company/privacy-policy/page.tsx

@@ -0,0 +1,12 @@
+export default function PrivacyPolicyPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">Privacy Policy</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Learn how we collect, use, and protect your personal information.
+        </p>
+      </div>
+    </div>
+  );
+}

app/company/terms/page.tsx

@@ -0,0 +1,12 @@
+export default function TermsOfServicePage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">Terms of Service</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Read the rules and conditions that apply when you use our platform.
+        </p>
+      </div>
+    </div>
+  );
+}

app/globals.css

@@ -2,6 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   font-family: Arial, Helvetica, sans-serif;
 }

app/resources/blog/page.tsx

@@ -0,0 +1,12 @@
+export default function BlogPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">Blog</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Read about legal updates, stories, and helpful articles curated by experts.
+        </p>
+      </div>
+    </div>
+  );
+}

app/resources/document-templete/page.tsx

@@ -0,0 +1,12 @@
+export default function DocumentTemplatesPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">Document Templates</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Download legal document templates to handle common legal matters.
+        </p>
+      </div>
+    </div>
+  );
+}

app/resources/faq/page.tsx

@@ -0,0 +1,12 @@
+export default function FAQPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">FAQs</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Find answers to the most frequently asked questions about our platform and services.
+        </p>
+      </div>
+    </div>
+  );
+}

app/resources/legal-guidance/page.tsx

@@ -0,0 +1,12 @@
+export default function LegalGuidesPage() {
+  return (
+    <div className="min-h-screen px-6 py-20 bg-white dark:bg-slate-900 text-slate-800 dark:text-white transition-all duration-300">
+      <div className="max-w-3xl mx-auto text-center animate-fadeIn">
+        <h1 className="text-4xl font-bold mb-6 text-teal-600 dark:text-teal-400">Legal Guides</h1>
+        <p className="text-lg text-slate-600 dark:text-slate-300">
+          Explore comprehensive guides to help you understand Indian law in simple terms.
+        </p>
+      </div>
+    </div>
+  );
+}

components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "app/globals.css",
+    "css": "app/globals.css" ,
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

components/footer.tsx

@@ -96,31 +96,31 @@ export function Footer() {
             <ul className="space-y-2">
               <li>
                 <Link
-                  href="#"
+                  href="/resources/legal-guidance"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   Legal Guides
                 </Link>
               </li>
               <li>
                 <Link
-                  href="#"
+                  href="/resources/document-templete"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   Document Templates
                 </Link>
               </li>
               <li>
                 <Link
-                  href="#"
+                  href="/resources/faq"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   FAQs
                 </Link>
               </li>
               <li>
                 <Link
-                  href="#"
+                  href="/resources/blog"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   Blog
@@ -134,31 +134,31 @@ export function Footer() {
             <ul className="space-y-2">
               <li>
                 <Link
-                  href="#"
+                  href="/company/about"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   About Us
                 </Link>
               </li>
               <li>
                 <Link
-                  href="#"
+                  href="/company/contact"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   Contact
                 </Link>
               </li>
               <li>
                 <Link
-                  href="#"
+                  href="/company/privacy-policy"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   Privacy Policy
                 </Link>
               </li>
               <li>
                 <Link
-                  href="#"
+                  href="/company/terms"
                   className="text-sm text-slate-600 hover:text-teal-600 dark:text-slate-400 dark:hover:text-teal-400"
                 >
                   Terms of Service

tailwind.config.ts

@@ -100,13 +100,28 @@ const config = {
           from: { height: "var(--radix-accordion-content-height)" },
           to: { height: "0" },
         },
+        fadeIn: {
+         "0%": { opacity: "0" },
+         "100%": { opacity: "1" },
+        },
+        slideUp: {
+         "0%": { transform: "translateY(20px)", opacity: "0" },
+         "100%": { transform: "translateY(0)", opacity: "1" },
+        },
       },
+
       animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
+      "accordion-down": "accordion-down 0.4s ease-out",
+      "accordion-up": "accordion-up 0.4s ease-out",
+      fadeIn: "fadeIn 0.6s ease-out forwards",
+      slideUp: "slideUp 0.8s ease-out forwards",
     },
+    animationDelay: {
+      200: '200ms',
+      500: '500ms'
+    }
   },
+},
   plugins: [require("tailwindcss-animate")],
 } satisfies Config