diff --git a/.env b/.env
new file mode 100644
index 0000000..0957dee
--- /dev/null
+++ b/.env
@@ -0,0 +1,4 @@
+NEXT_PUBLIC_SUPABASE_URL='https://fubfczsptfmjnwxntoid.supabase.co'
+NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZ1YmZjenNwdGZtam53eG50b2lkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Mjg1MDE0ODgsImV4cCI6MjA0NDA3NzQ4OH0.g9pEvpRH-sLAJDkJuqj64e3pSrsmBhrbF0CYSGxjrMYy
+NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=duu0hcmib
+NEXT_PUBLIC_CLOUDINARY_API_KEY=524166365459426
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index fd3dbb5..00bba9b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel
diff --git a/package-lock.json b/package-lock.json
index ae3c157..4c05329 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@fortawesome/free-solid-svg-icons": "^6.6.0",
         "@fortawesome/react-fontawesome": "^0.2.2",
         "clsx": "^2.1.1",
+        "dotenv": "^16.4.5",
         "framer-motion": "^11.11.1",
         "gsap": "^3.12.5",
         "mini-svg-data-uri": "^1.4.4",
@@ -1639,6 +1640,17 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
diff --git a/package.json b/package.json
index 4b8418b..4b98ce5 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "clsx": "^2.1.1",
+    "dotenv": "^16.4.5",
     "framer-motion": "^11.11.1",
     "gsap": "^3.12.5",
     "mini-svg-data-uri": "^1.4.4",
diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
new file mode 100644
index 0000000..c981e37
--- /dev/null
+++ b/src/app/about-us/page.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+const AboutUs: React.FC = () => {
+    return (
+        <div className="p-6">
+            <h1 className="text-3xl font-bold">About Us</h1>
+            <p className="mt-4 text-lg">
+                Welcome to TechZRevamp! We are passionate about bringing the latest in technology and innovation to our users.
+            </p>
+            <p className="mt-4 text-lg">
+                Our platform is dedicated to providing insightful discussions, news, and reviews on various tech-related topics.
+            </p>
+        </div>
+    );
+};
+
+export default AboutUs;
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 533cce2..7a0c246 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,5 +1,11 @@
 import React from "react";
 import Image from "next/image";
+
+import Link from "next/link";
+
+// Importing the SVG assets
+
+
 import Logo from '@/app/assest/logo.svg';
 import IconXing from '@/app/assest/xing.svg';
 import IconInstagram from '@/app/assest/instagram.svg';
@@ -82,6 +88,21 @@ const Footer = () => {
                             </a>
                         </div>
                     </div>
+
+                    {/* Quick Links Section */}
+
+                    <div className="flex flex-col md:flex-row items-center space-y-2 md:space-y-0 md:space-x-8 mb-4 md:mb-0 justify-between w-full py-5 text-xl font-normal">
+                        <a href="#" className="hover:text-[#39ff14]">Projects</a>
+                        <a href="#" className="hover:text-[#39ff14]">Team Page</a>
+                        <a href="#" className="hover:text-[#39ff14]">Event Page</a>
+                        <a href="#" className="hover:text-[#39ff14]">RCCIIT website</a>
+                        <a href="#" className="hover:text-[#39ff14]">RCCIIT Github Repos</a>
+                        <Link href="/about-us" className="hover:text-[#39ff14]">About Us </Link>
+                        
+                    </div>
+
+
+
                 </div>
             </div>
         </footer>