Skip to content

footer #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
prashhviji wants to merge 1 commit into
base: main
Choose a base branch
from
Open

footer #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions frontend/src/App.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -67,7 +67,7 @@ function App() {
<FAQSection />
<SVGMaskEffectDemo />
<Sponsors />
<FooterSection />
<Footer/>

</div>

Expand Down
124 changes: 31 additions & 93 deletions frontend/src/components/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
);
Expand Down