From 8656fde770030699e9d81659e14ee2fb38052caa Mon Sep 17 00:00:00 2001
From: IT24100028 <heshanthenura@protonmail.com>
Date: Thu, 16 Oct 2025 19:27:39 +0530
Subject: [PATCH 1/2] feat: add footer

---
 src/app/page.tsx          |  8 ++++++-
 src/components/Footer.tsx | 49 +++++++++++++++++++++++++++++++++++++++
 tsconfig.json             |  8 ++++++-
 3 files changed, 63 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Footer.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7bcd29e..a089df5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,3 +1,9 @@
+import Footer from '@/components/Footer';
+
 export default function Home() {
-  return <div></div>;
+  return (
+    <div>
+      <Footer />
+    </div>
+  );
 }
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..0b52f11
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,49 @@
+import Link from 'next/link';
+
+export default function Footer() {
+  return (
+    <div className="bg-black px-[50px] py-[30px] flex flex-col gap-[40px]">
+      <div>
+        <div className="flex gap-[250px]">
+          <div>
+            <h1 className="font-montserrat font-medium text-[21px] ">
+              Socials
+            </h1>
+            <div className="font-montserrat font-medium text-[15px] text-white/53 flex flex-col gap-[9px] mt-[9px]">
+              <Link href={'#'}>Instagram</Link>
+              <Link href={'#'}>Facebook</Link>
+              <Link href={'#'}>Github</Link>
+              <Link href={'#'}>Youtube</Link>
+              <Link href={'#'}>LinkedIn</Link>
+              <Link href={'#'}>TikTok</Link>
+            </div>
+          </div>
+          <div>
+            <h1 className="font-montserrat font-medium text-[21px] ">
+              Quick Navs
+            </h1>
+            <div className="font-montserrat font-medium text-[15px] text-white/53 flex flex-col gap-[9px] mt-[9px]">
+              <Link href={'#'}>Home</Link>
+              <Link href={'#'}>About</Link>
+              <Link href={'#'}>Blog</Link>
+              <Link href={'#'}>Podcast</Link>
+              <Link href={'#'}>Events</Link>
+              <Link href={'#'}>Register</Link>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="flex justify-between items-center">
+        <h1 className="font-montserrat font-medium text-[20px]">SLIIT FOSS</h1>
+        <div className="p-[1px] bg-gradient-to-r from-[#62DDFF] to-[#B039FF] rounded-[17px] inline-block">
+          <button className="font-bricolage font-extralight text-[20px] bg-black text-white rounded-[16px] px-[6px] py-[4px]">
+            Back to top
+          </button>
+        </div>
+        <div className="hidden md:block font-montserrat font-medium text-[20px]">
+          Copyright 2025 SLIIT FOSS
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/tsconfig.json b/tsconfig.json
index c133409..b5b4af0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,6 +22,12 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "tailwind.config.js"
+  ],
   "exclude": ["node_modules"]
 }

From f880c2ded291cad5ba324554c76c8f1b50fb4682 Mon Sep 17 00:00:00 2001
From: IT24100028 <heshanthenura@protonmail.com>
Date: Thu, 16 Oct 2025 19:47:11 +0530
Subject: [PATCH 2/2] fix: remove unused tailwind.config.js from project

---
 src/components/Footer.tsx | 4 ++--
 tsconfig.json             | 8 +-------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 0b52f11..a9eda0e 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -2,9 +2,9 @@ import Link from 'next/link';
 
 export default function Footer() {
   return (
-    <div className="bg-black px-[50px] py-[30px] flex flex-col gap-[40px]">
+    <div className="bg-black px-[20px] py-[30px] md:px-[50px] md:py-[30px]  flex flex-col gap-[40px]">
       <div>
-        <div className="flex gap-[250px]">
+        <div className="flex gap-[100px] md:gap-[200px]">
           <div>
             <h1 className="font-montserrat font-medium text-[21px] ">
               Socials
diff --git a/tsconfig.json b/tsconfig.json
index b5b4af0..c133409 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,12 +22,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    "tailwind.config.js"
-  ],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }