Skip to content

Title name changed #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
YegonGodwin wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Title name changed #1

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d099c7d
Title name changed
Godwin70-jpg Mar 17, 2025
23024ae
#A bit changed
Godwin70-jpg Mar 17, 2025
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
183 changes: 153 additions & 30 deletions src/components/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,10 @@

import { GraduationCap, Twitter, Facebook, Instagram, Linkedin } from "lucide-react";
import {
GraduationCap,
Twitter,
Facebook,
Instagram,
Linkedin,
} from "lucide-react";

const Footer = () => {
return (
Expand All @@ -9,72 +14,190 @@ const Footer = () => {
<div>
<div className="flex items-center space-x-2 mb-4">
<GraduationCap className="h-6 w-6 text-brand-blue" />
<span className="text-lg font-bold text-brand-blue">school.system</span>
<span className="text-lg font-bold text-brand-blue">
academicore.system
</span>
</div>
<p className="text-gray-600 mb-4">
Empowering educational institutions with modern tools for better learning outcomes.
Empowering educational institutions with modern tools for better
learning outcomes.
</p>
<div className="flex space-x-4">
<a href="#" className="text-gray-500 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-gray-500 hover:text-brand-blue transition-colors"
>
<Twitter className="h-5 w-5" />
</a>
<a href="#" className="text-gray-500 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-gray-500 hover:text-brand-blue transition-colors"
>
<Facebook className="h-5 w-5" />
</a>
<a href="#" className="text-gray-500 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-gray-500 hover:text-brand-blue transition-colors"
>
<Instagram className="h-5 w-5" />
</a>
<a href="#" className="text-gray-500 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-gray-500 hover:text-brand-blue transition-colors"
>
<Linkedin className="h-5 w-5" />
</a>
</div>
</div>

<div>
<h3 className="font-semibold text-gray-900 mb-4">Product</h3>
<h3 className="font-semibold text-gray-900 mb-4">
Product standout
</h3>
<ul className="space-y-3">
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Features</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Pricing</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Case Studies</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Reviews</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Updates</a></li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Features
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Pricing
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Case Studies
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Reviews
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Updates
</a>
</li>
</ul>
</div>

<div>
<h3 className="font-semibold text-gray-900 mb-4">Company</h3>
<ul className="space-y-3">
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">About Us</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Careers</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Partners</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Contact Us</a></li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
About Us
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Careers
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Partners
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Contact Us
</a>
</li>
</ul>
</div>

<div>
<h3 className="font-semibold text-gray-900 mb-4">Resources</h3>
<ul className="space-y-3">
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Blog</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Help Center</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Guides</a></li>
<li><a href="#" className="text-gray-600 hover:text-brand-blue transition-colors">Webinars</a></li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Blog
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Help Center
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Guides
</a>
</li>
<li>
<a
href="#"
className="text-gray-600 hover:text-brand-blue transition-colors"
>
Webinars
</a>
</li>
</ul>
</div>
</div>

<div className="pt-8 border-t border-gray-200">
<div className="flex flex-col md:flex-row justify-between items-center">
<p className="text-gray-600 text-sm">
© {new Date().getFullYear()} school.system. All rights reserved.
© {new Date().getFullYear()} academicore.system. All rights
reserved.
</p>
<div className="flex space-x-6 mt-4 md:mt-0">
<a href="#" className="text-sm text-gray-600 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-sm text-gray-600 hover:text-brand-blue transition-colors"
>
Privacy Policy
</a>
<a href="#" className="text-sm text-gray-600 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-sm text-gray-600 hover:text-brand-blue transition-colors"
>
Terms of Service
</a>
<a href="#" className="text-sm text-gray-600 hover:text-brand-blue transition-colors">
<a
href="#"
className="text-sm text-gray-600 hover:text-brand-blue transition-colors"
>
Cookie Policy
</a>
</div>
Expand Down