From 847406cace7b8733a439dab2b18ea6588c504f6b Mon Sep 17 00:00:00 2001
From: "V.Prasanth" <prasanth.v2023@vitstudent.ac.in>
Date: Wed, 12 Feb 2025 13:40:21 +0530
Subject: [PATCH] footer

---
 frontend/src/App.jsx               |   4 +-
 frontend/src/components/Footer.jsx | 124 ++++++++---------------------
 2 files changed, 33 insertions(+), 95 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index bda056a..9d556d3 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -4,7 +4,7 @@ import './App.css'
 import BlogSlider from './components/BlogSection';
 
 import FAQSection from './components/Faqs';
-import FooterSection from './components/Footer';
+import Footer from './components/Footer';
 import { SpotlightNewDemo } from './components/Hero';
 // import Boxbss from './components/Boxbss'
 import "./components/MemberCard";
@@ -67,7 +67,7 @@ function App() {
       <FAQSection />
       <SVGMaskEffectDemo />
       <Sponsors />
-      <FooterSection />
+      <Footer/>
      
     </div>
 
diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index 56f7f77..30f5809 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -1,99 +1,37 @@
 import React from "react";
-import {
-  Footer,
-  FooterColumn,
-  FooterBottom,
-  FooterContent} from "@components/ui/footer"; // Import shadcn UI components
-import LaunchUI from "./logos/launch-ui"; // Adjust the path as needed
-import Github from "./logos/github"; // Adjust the path as needed
-import X from "./logos/x"; 
-import Discord from "./logos/discord";
+import { Facebook, Twitter, Linkedin, Github } from "lucide-react";
 
-export default function FooterSection() {
+export default function Footer() {
   return (
-    <footer className="w-full bg-background px-4">
-      <div className="mx-auto max-w-container">
-        <Footer className="border-t pt-8">
-          <FooterContent className="sm:grid-cols-2 md:grid-cols-3">
-            <FooterColumn className="col-span-2 flex-row items-center justify-between gap-8 border-b pb-8 md:col-span-1 md:flex-col md:items-start md:justify-start md:border-b-0">
-              <div className="flex items-center gap-2">
-                <LaunchUI />
-                <h3 className="text-xl font-bold">Launch UI</h3>
-              </div>
-              <div className="ml-2.5 flex gap-4 sm:ml-0">
-                <a
-                  href="/"
-                  className="text-muted-foreground"
-                >
-                  <span className="sr-only">GitHub</span>
-                  <Github className="h-5 w-5" />
-                </a>
-                <a
-                  href="/"
-                  className="text-muted-foreground"
-                >
-                  <span className="sr-only">Twitter</span>
-                  <X className="h-5 w-5" />
-                </a>
-                <a href="/" className="text-muted-foreground">
-                  <span className="sr-only">Discord</span>
-                  <Discord className="h-5 w-5" />
-                </a>
-              </div>
-            </FooterColumn>
-            <FooterColumn>
-              <h3 className="text-md pt-1 font-semibold">Product</h3>
-              <a href="#" className="text-sm text-muted-foreground">
-                Changelog
-              </a>
-              <a href="#" className="text-sm text-muted-foreground">
-                Documentation
-              </a>
-            </FooterColumn>
-            <FooterColumn>
-              <h3 className="text-md pt-1 font-semibold">Company</h3>
-              <a href="#" className="text-sm text-muted-foreground">
-                About
-              </a>
-              <a href="#" className="text-sm text-muted-foreground">
-                Careers
-              </a>
-              <a href="#" className="text-sm text-muted-foreground">
-                Blog
-              </a>
-            </FooterColumn>
-            <FooterColumn>
-              <h3 className="text-md pt-1 font-semibold">Contact</h3>
-              <a href="#" className="text-sm text-muted-foreground">
-                Discord
-              </a>
-              <a href="#" className="text-sm text-muted-foreground">
-                Twitter
-              </a>
-              <a
-                href="/"
-                className="text-sm text-muted-foreground"
-              >
-                Github
-              </a>
-            </FooterColumn>
-            <FooterColumn>
-              <h3 className="text-md pt-1 font-semibold">Legal</h3>
-              <a href="#" className="text-sm text-muted-foreground">
-                Privacy Policy
-              </a>
-              <a href="#" className="text-sm text-muted-foreground">
-                Terms of Service
-              </a>
-              <a href="#" className="text-sm text-muted-foreground">
-                Cookie Policy
-              </a>
-            </FooterColumn>
-          </FooterContent>
-          <FooterBottom className="border-0">
-            <div>© 2025 Mikołaj Dobrucki. All rights reserved</div>
-          </FooterBottom>
-        </Footer>
+    <footer className="w-full bg-black text-white py-12">
+      <div className="w-[calc(100%-4rem)] mx-auto">
+        <div className="flex items-center flex-col justify-center px-2 md:px-10">
+          <h2 className="text-2xl md:text-6xl font-bold text-center">
+            Cyber Team | Protecting Your Digital World
+          </h2>
+          <p className="text-sm md:text-2xl max-w-xl mt-6 text-center">
+            Stay protected. Cyber threats evolve, but we stay ahead to keep you secure.
+          </p>
+          <div className="flex flex-col sm:flex-row items-center gap-4 mt-6">
+            <button className="px-4 py-2 bg-blue-600 hover:bg-blue-700 transition duration-200 rounded-lg text-white shadow-[0px_2px_0px_0px_#FFFFFF40_inset]">
+              Contact-us
+            </button>
+          </div>
+          <div className="flex gap-6 mt-6">
+            <a href="#" className="text-white hover:text-blue-500">
+              <Facebook size={24} />
+            </a>
+            <a href="#" className="text-white hover:text-blue-400">
+              <Twitter size={24} />
+            </a>
+            <a href="#" className="text-white hover:text-blue-600">
+              <Linkedin size={24} />
+            </a>
+            <a href="#" className="text-white hover:text-gray-400">
+              <Github size={24} />
+            </a>
+          </div>
+        </div>
       </div>
     </footer>
   );