diff --git a/app/components/PrivacyPolicyModal.jsx b/app/components/PrivacyPolicyModal.jsx
index 600a573..6c62a7a 100755
--- a/app/components/PrivacyPolicyModal.jsx
+++ b/app/components/PrivacyPolicyModal.jsx
@@ -25,7 +25,7 @@ const policySections = [
     id : "4",
     title : "Contact Information",
     data : "For any privacy-related questions, please contact us at",
-    contact : "support@dsavisualizer.com",
+    contact : "hello@dsavisualizer.in",
   },
 ];
 
diff --git a/app/components/cookie.jsx b/app/components/cookie.jsx
new file mode 100755
index 0000000..291d7f5
--- /dev/null
+++ b/app/components/cookie.jsx
@@ -0,0 +1,169 @@
+import React, { useEffect } from 'react';
+import { FiX } from 'react-icons/fi';
+
+const cookieSections = [
+  {
+    id: "1",
+    title: "What Are Cookies",
+    data: "Cookies are small text files that are stored on your device when you visit our website. They help us provide you with a better experience by remembering your preferences and understanding how you use our site.",
+  },
+  {
+    id: "2",
+    title: "Types of Cookies We Use",
+    points: [
+      "Essential Cookies: Required for basic site functionality and security",
+      "Performance Cookies: Help us understand how visitors interact with our website",
+      "Functionality Cookies: Remember your preferences and settings",
+      "Analytics Cookies: Collect information about your usage patterns",
+    ],
+  },
+  {
+    id: "3",
+    title: "How We Use Cookies",
+    points: [
+      "To authenticate users and prevent fraudulent use",
+      "Remember your preferences and settings",
+      "Analyze site traffic and usage patterns",
+      "Improve our website performance and user experience",
+      "Provide personalized content when available",
+    ],
+  },
+  {
+    id: "4",
+    title: "Third-Party Cookies",
+    data: "We may also use cookies from trusted third-party services for analytics, performance monitoring, and other functionality. These third parties have their own privacy policies governing cookie usage.",
+  },
+  {
+    id: "5",
+    title: "Cookie Management",
+    points: [
+      "You can control cookie settings through your browser preferences",
+      "Most browsers allow you to refuse or delete cookies",
+      "Disabling essential cookies may affect website functionality",
+      "You can opt-out of analytics cookies using our cookie preferences tool",
+    ],
+  },
+  {
+    id: "6",
+    title: "Your Choices",
+    data: "You have the right to accept or reject cookies. Most web browsers automatically accept cookies, but you can usually modify your browser setting to decline cookies if you prefer. However, this may prevent you from taking full advantage of the website.",
+  },
+  {
+    id: "7",
+    title: "Updates to Cookie Policy",
+    data: "We may update this Cookie Policy from time to time to reflect changes in technology, legislation, or our operations. We encourage you to periodically review this page for the latest information.",
+  },
+  {
+    id: "8",
+    title: "Contact Information",
+    data: "If you have any questions about our use of cookies, please contact us at",
+    contact: "hello@dsavisualizer.in",
+  },
+];
+
+const CookiePolicyModal = ({ isOpen, onClose }) => {
+  // Prevent body scroll when modal is open
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = 'auto';
+    }
+    return () => {
+      document.body.style.overflow = 'auto';
+    };
+  }, [isOpen]);
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      {/* Backdrop with fade-in animation */}
+      <div 
+        className="fixed inset-0 bg-black bg-opacity-50 backdrop-blur-sm transition-opacity duration-300"
+        onClick={onClose}
+      />
+      
+      {/* Modal container with slide-up animation */}
+      <div className="relative bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200 max-w-3xl w-full rounded-xl shadow-2xl overflow-hidden transform transition-all duration-300 max-h-[90vh] flex flex-col">
+        {/* Header with close button */}
+        <div className="sticky top-0 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 p-4 flex justify-between items-center z-10">
+          <h2 className="text-2xl font-bold bg-gradient-to-r from-blue-600 to-blue-400 bg-clip-text text-transparent">
+            Cookie Policy
+          </h2>
+          <button
+            onClick={onClose}
+            className="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors text-gray-500 hover:text-gray-700 dark:hover:text-gray-300"
+            aria-label="Close"
+          >
+            <FiX className="w-6 h-6" />
+          </button>
+        </div>
+
+        {/* Scrollable content */}
+        <div className="overflow-y-auto p-6">
+          <p className="mb-6 text-gray-600 dark:text-gray-300">
+            This Cookie Policy explains how we use cookies and similar technologies on our website. It describes the types of cookies we use, their purposes, and how you can manage your cookie preferences.
+          </p>
+
+          {/* Cookie policy sections */}
+          <div className="space-y-6">
+            <ul>
+              {cookieSections.map((item, index) => (
+                <li key={index} className='mb-3'>
+                  <div className="bg-gray-50 dark:bg-gray-800/50 p-4 rounded-lg">
+                    <div className='flex'>
+                      <span className="w-6 h-6 font-poppins font-semibold bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center text-blue-600 dark:text-blue-400 mr-3">{item.id}</span>
+                      <h3 className="text-xl font-semibold mb-2 flex items-center">
+                        {item.title}
+                      </h3>
+                    </div>
+                    {item.points && <ul className="space-y-2 text-gray-600 dark:text-gray-300 pl-9">
+                      {item.points.map((subitem, subindex) => (
+                        <li key={subindex} className='list-disc text-blue-500'>
+                          <span className='text-gray-600 dark:text-gray-300'>{subitem}</span>
+                        </li>
+                      ))}
+                    </ul>}
+                    <p className="text-gray-600 dark:text-gray-300 pl-9">{item.data}</p>
+                    {item.contact && (
+                      <span className="font-medium pl-9 text-blue-600 dark:text-blue-400">{item.contact}</span>
+                    )}
+                  </div>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Additional cookie information */}
+          <div className="mt-6 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
+            <h4 className="font-semibold text-blue-800 dark:text-blue-300 mb-2">
+              🍪 Cookie Duration
+            </h4>
+            <p className="text-sm text-blue-700 dark:text-blue-400">
+              Session cookies are temporary and expire when you close your browser. Persistent cookies remain on your device for a set period or until you delete them.
+            </p>
+          </div>
+
+          <div className="mt-8 pt-4 border-t border-gray-200 dark:border-gray-700">
+            <p className="text-sm text-gray-500 dark:text-gray-400">
+              Last updated: May 17, 2025
+            </p>
+          </div>
+        </div>
+
+        {/* Footer with close button */}
+        <div className="sticky bottom-0 bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700 p-4 flex justify-end">
+          <button
+            onClick={onClose}
+            className="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors duration-300"
+          >
+            Accept & Close
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default CookiePolicyModal;
\ No newline at end of file
diff --git a/app/components/footer.jsx b/app/components/footer.jsx
index f629b21..3244e6c 100755
--- a/app/components/footer.jsx
+++ b/app/components/footer.jsx
@@ -3,6 +3,8 @@ import React from "react";
 import Link from "next/link";
 import { useState } from "react";
 import PrivacyPolicyModal from "@/app/components/PrivacyPolicyModal";
+import TermsOfServiceModal from "@/app/components/termsOfServicesModal";
+import CookiePolicyModal from "@/app/components/cookie";
 import { GoHomeFill } from "react-icons/go";
 import { MdAnimation } from "react-icons/md";
 import { IoMdInformationCircle } from "react-icons/io";
@@ -11,6 +13,8 @@ import { RiQuestionLine } from "react-icons/ri";
 
 const Footer = () => {
   const [showPolicyModal, setShowPolicyModal] = useState(false);
+  const [showTermsModal, setShowTermsModal] = useState(false);
+  const [showCookieModal, setShowCookieModal] = useState(false);
 
   const quickLinks = [
     { href: "/", text: "Home", icon: GoHomeFill },
@@ -68,9 +72,9 @@ const Footer = () => {
   ];
 
   const legalLinks = [
-    { href: "/privacy", text: "Privacy Policy", type: "modal" },
-    { href: "/terms", text: "Terms of Service", type: "link" },
-    { href: "/cookies", text: "Cookies", type: "link" },
+    { href: "/privacy", text: "Privacy Policy", type: "policyModal" },
+    { href: "/terms", text: "Terms of Service", type: "termsModal" },
+    { href: "/cookies", text: "Cookies", type: "cookieModal" },
   ];
 
   return (
@@ -107,14 +111,12 @@ const Footer = () => {
                   </a>
                 </span>
               </div>
-              {/*
               <div className="flex items-start">
                 <svg className="w-5 h-5 mt-0.5 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                 </svg>
-                <a href="mailto:contact@dsavisualizer.com" className="hover:text-blue-400 transition">contact@dsavisualizer.com</a>
+                <a href="mailto:hello@dsavisualizer.in" className="hover:text-blue-400 transition">hello@dsavisualizer.in</a>
               </div>
-              */}
               <div className="flex justify-left">
                 <a
                 className="border rounded-xl"
@@ -163,14 +165,33 @@ const Footer = () => {
               <ul className="space-y-3">
                 {legalLinks.map((link, index) => (
                   <li key={index}>
-                    {link.type === "modal" ? (
+                    {link.type === "policyModal" ? (
                       <button
                         onClick={() => setShowPolicyModal(true)}
                         className="text-gray-500 hover:text-blue-400 transition"
                       >
                         {link.text}
                       </button>
-                    ) : (
+                    ) : 
+                      link.type === "termsModal" ? (
+                        <button
+                        onClick={() => setShowTermsModal(true)}
+                        className="text-gray-500 hover:text-blue-400 transition"
+                      >
+                        {link.text}
+                      </button>
+                      )
+                     :
+                      link.type === "cookieModal" ? (
+                        <button
+                        onClick={() => setShowCookieModal(true)}
+                        className="text-gray-500 hover:text-blue-400 transition"
+                      >
+                        {link.text}
+                      </button>
+                      )
+                      :
+                     (
                       <Link
                         href={link.href}
                         className="text-gray-500 hover:text-blue-400 transition"
@@ -189,6 +210,18 @@ const Footer = () => {
               onClose={() => setShowPolicyModal(false)}
             />
 
+            {/* Render the modal */}
+            <TermsOfServiceModal
+              isOpen={showTermsModal}
+              onClose={() => setShowTermsModal(false)}
+            />
+
+            {/* Render the modal */}
+            <CookiePolicyModal
+              isOpen={showCookieModal}
+              onClose={() => setShowCookieModal(false)}
+            />
+
             <div>
               <h3 className="text-sm font-semibold text-white uppercase tracking-wider mb-4">
                 Connect
diff --git a/app/components/termsOfServicesModal.jsx b/app/components/termsOfServicesModal.jsx
new file mode 100755
index 0000000..9c9ca13
--- /dev/null
+++ b/app/components/termsOfServicesModal.jsx
@@ -0,0 +1,152 @@
+import React, { useEffect } from 'react';
+import { FiX } from 'react-icons/fi';
+
+const termsSections = [
+  {
+    id: "1",
+    title: "Acceptance of Terms",
+    data: "By accessing and using this website, you accept and agree to be bound by the terms and provision of this agreement.",
+  },
+  {
+    id: "2",
+    title: "Use License",
+    points: [
+      "Permission is granted to temporarily use the materials on this website for personal, non-commercial transitory viewing only",
+      "This is the grant of a license, not a transfer of title",
+      "You may not modify or copy the materials, use them for any commercial purpose, or remove any copyright or proprietary notations",
+    ],
+  },
+  {
+    id: "3",
+    title: "User Responsibilities",
+    points: [
+      "Provide accurate and complete information when required",
+      "Maintain the confidentiality of your account credentials",
+      "Notify us immediately of any unauthorized use of your account",
+      "Use the service in compliance with all applicable laws and regulations",
+    ],
+  },
+  {
+    id: "4",
+    title: "Intellectual Property",
+    data: "All content, features, and functionality on this website, including but not limited to text, graphics, logos, and software, are the exclusive property of the company and are protected by international copyright, trademark, and other intellectual property laws.",
+  },
+  {
+    id: "5",
+    title: "Limitation of Liability",
+    data: "In no event shall the company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses.",
+  },
+  {
+    id: "6",
+    title: "Governing Law",
+    data: "These Terms shall be governed and construed in accordance with the laws of the applicable jurisdiction, without regard to its conflict of law provisions.",
+  },
+  {
+    id: "7",
+    title: "Changes to Terms",
+    data: "We reserve the right, at our sole discretion, to modify or replace these Terms at any time. By continuing to access or use our service after those revisions become effective, you agree to be bound by the revised terms.",
+  },
+  {
+    id: "8",
+    title: "Contact Information",
+    data: "If you have any questions about these Terms, please contact us at",
+    contact: "hello@dsavisualizer.in",
+  },
+];
+
+const TermsOfServiceModal = ({ isOpen, onClose }) => {
+  // Prevent body scroll when modal is open
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = 'auto';
+    }
+    return () => {
+      document.body.style.overflow = 'auto';
+    };
+  }, [isOpen]);
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      {/* Backdrop with fade-in animation */}
+      <div 
+        className="fixed inset-0 bg-black bg-opacity-50 backdrop-blur-sm transition-opacity duration-300"
+        onClick={onClose}
+      />
+      
+      {/* Modal container with slide-up animation */}
+      <div className="relative bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200 max-w-3xl w-full rounded-xl shadow-2xl overflow-hidden transform transition-all duration-300 max-h-[90vh] flex flex-col">
+        {/* Header with close button */}
+        <div className="sticky top-0 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 p-4 flex justify-between items-center z-10">
+          <h2 className="text-2xl font-bold bg-gradient-to-r from-blue-600 to-blue-400 bg-clip-text text-transparent">
+            Terms of Service
+          </h2>
+          <button
+            onClick={onClose}
+            className="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors text-gray-500 hover:text-gray-700 dark:hover:text-gray-300"
+            aria-label="Close"
+          >
+            <FiX className="w-6 h-6" />
+          </button>
+        </div>
+
+        {/* Scrollable content */}
+        <div className="overflow-y-auto p-6">
+          <p className="mb-6 text-gray-600 dark:text-gray-300">
+            Please read these terms and conditions carefully before using our website and services. Your access to and use of the service is conditioned on your acceptance of and compliance with these terms.
+          </p>
+
+          {/* Terms sections */}
+          <div className="space-y-6">
+            <ul>
+              {termsSections.map((item, index) => (
+                <li key={index} className='mb-3'>
+                  <div className="bg-gray-50 dark:bg-gray-800/50 p-4 rounded-lg">
+                    <div className='flex'>
+                      <span className="w-6 h-6 font-poppins font-semibold bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center text-blue-600 dark:text-blue-400 mr-3">{item.id}</span>
+                      <h3 className="text-xl font-semibold mb-2 flex items-center">
+                        {item.title}
+                      </h3>
+                    </div>
+                    {item.points && <ul className="space-y-2 text-gray-600 dark:text-gray-300 pl-9">
+                      {item.points.map((subitem, subindex) => (
+                        <li key={subindex} className='list-disc text-blue-500'>
+                          <span className='text-gray-600 dark:text-gray-300'>{subitem}</span>
+                        </li>
+                      ))}
+                    </ul>}
+                    <p className="text-gray-600 dark:text-gray-300 pl-9">{item.data}</p>
+                    {item.contact && (
+                      <span className="font-medium pl-9 text-blue-600 dark:text-blue-400">{item.contact}</span>
+                    )}
+                  </div>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          <div className="mt-8 pt-4 border-t border-gray-200 dark:border-gray-700">
+            <p className="text-sm text-gray-500 dark:text-gray-400">
+              Last updated: May 17, 2025
+            </p>
+          </div>
+        </div>
+
+        {/* Footer with close button */}
+        <div className="sticky bottom-0 bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700 p-4 flex justify-end">
+          <button
+            onClick={onClose}
+            className="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors duration-300"
+          >
+            I Agree
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TermsOfServiceModal;
\ No newline at end of file
diff --git a/public/ads.txt b/public/ads.txt
new file mode 100755
index 0000000..3522a41
--- /dev/null
+++ b/public/ads.txt
@@ -0,0 +1 @@
+google.com, pub-4311738896428559, DIRECT, f08c47fec0942fa0
\ No newline at end of file