diff --git a/app/company/about/page.tsx b/app/company/about/page.tsx
new file mode 100644
index 0000000..6260925
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/app/company/contact/page.tsx b/app/company/contact/page.tsx
new file mode 100644
index 0000000..7b4cbdf
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file
diff --git a/app/company/privacy-policy/page.tsx b/app/company/privacy-policy/page.tsx
new file mode 100644
index 0000000..f5d2d9c
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/app/company/terms/page.tsx b/app/company/terms/page.tsx
new file mode 100644
index 0000000..aeb41ea
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/app/globals.css b/app/globals.css
index f2ff4e0..55e21fa 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,6 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   font-family: Arial, Helvetica, sans-serif;
 }
diff --git a/app/resources/blog/page.tsx b/app/resources/blog/page.tsx
new file mode 100644
index 0000000..25c1f23
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/app/resources/document-templete/page.tsx b/app/resources/document-templete/page.tsx
new file mode 100644
index 0000000..c43b677
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/app/resources/faq/page.tsx b/app/resources/faq/page.tsx
new file mode 100644
index 0000000..f5ef0b0
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/app/resources/legal-guidance/page.tsx b/app/resources/legal-guidance/page.tsx
new file mode 100644
index 0000000..ed3d88f
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/components.json b/components.json
index d9ef0ae..644d1d8 100644
--- a/components.json
+++ b/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": ""
diff --git a/components/footer.tsx b/components/footer.tsx
index bef4624..54feefd 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -96,7 +96,7 @@ 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
@@ -104,7 +104,7 @@ export function Footer() {
               </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
@@ -112,7 +112,7 @@ export function Footer() {
               </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
@@ -120,7 +120,7 @@ export function Footer() {
               </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,7 +134,7 @@ 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
@@ -142,7 +142,7 @@ export function Footer() {
               </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
@@ -150,7 +150,7 @@ export function Footer() {
               </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
@@ -158,7 +158,7 @@ export function Footer() {
               </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
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e4f0330..d01401a 100644
--- a/tailwind.config.ts
+++ b/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