SidharthPL/Event-Management-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update footer links, text, layout, and add X logo

Browse Source
This commit is contained in:
Sachin
2026-06-19 14:58:09 +05:30
parent 9a575a126a
commit 8c4540a6ce
3 changed files with 68 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
RIT-EMS-main/frontend/public/parchment_texture.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
RIT-EMS-main/frontend/public/wood_roller_texture.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 747 KiB

117
RIT-EMS-main/frontend/src/components/student/Footer.tsx
View File

@@ -1,41 +1,56 @@
import React from 'react'; import React from 'react';
import { Youtube, Instagram, Facebook, Linkedin, Twitter, MapPin, Phone, Mail, ExternalLink } from 'lucide-react'; import { Youtube, Instagram, Facebook, Linkedin, MapPin, Phone, Mail, ExternalLink } from 'lucide-react';
const XLogo = ({ size = 24, className = "" }: { size?: number, className?: string }) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="currentColor"
className={className}
>
<path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
</svg>
);
const Footer: React.FC = () => { const Footer: React.FC = () => {
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
const footerLinks = { const footerLinks = {
col1: [ col1: [
{ name: 'About The College', href: 'https://ritchennai.org' }, { name: 'About The College', href: 'https://ritchennai.org/about-chairman-message.php' },
{ name: 'News Room', href: 'https://ritchennai.org' }, { name: 'News Room', href: 'https://ritchennai.org/rit-news-room.php' },
{ name: 'Governing Council', href: 'https://ritchennai.org/about-governing-council.php' }, { name: 'Governing Council', href: 'https://ritchennai.org/about-governing-council.php' },
{ name: 'Career @ RIT', href: 'https://ritchennai.org' }, { name: 'Career @ RIT', href: 'https://ritchennai.org/career.php' },
{ name: 'Blog', href: 'https://ritchennai.org' }, { name: 'Blog', href: 'https://ritchennai.org/blog' },
{ name: 'In alliance with Rajalakshmi Eduverse (www.myeduverse.net) - Cancellation & Refund Policy', href: 'https://ritchennai.org' }, { name: 'In alliance with Rajalakshmi Eduverse (www.myeduverse.net)', href: 'https://eduver.se/' },
{ name: 'Cancellation & Refund Policy', href: 'https://ritchennai.org/downloads/C&R-Policy.pdf' },
], ],
col2: [ col2: [
{ name: 'Courses', href: 'https://www.ritchennai.org/admission-courses-offered.php' }, { name: 'Courses', href: 'https://ritchennai.org/admission-courses-offered.php' },
{ name: 'Admissions', href: 'https://www.ritchennai.org/admission-eligibility.php' }, { name: 'Admissions', href: 'https://apply.ritchennai.org/' },
{ name: 'Eligibility', href: 'https://www.ritchennai.org/admission-eligibility.php' }, { name: 'Eligibility', href: 'https://ritchennai.org/admission-eligibility.php' },
{ name: 'Code of Conduct - Students', href: 'https://ritchennai.org' }, { name: 'Code of Conduct - Students', href: 'https://ritchennai.org/downloads/CODE%20OF%20CONDUCT%20FOR%20STUDENTS.pdf' },
{ name: 'Online Fees Payment', href: 'https://ritchennai.org' }, { name: 'Online Fees Payment', href: 'https://epayments.in.worldline.com/rajalakshmi?swith=rollnumber' },
{ name: 'Terms & Conditions', href: 'https://ritchennai.org' }, { name: 'Terms & Conditions', href: 'https://ritchennai.org/downloads/T&C.pdf' },
{ name: 'Privacy Policy', href: 'https://ritchennai.org/downloads/Privacy-Policy.pdf' },
], ],
col3: [ col3: [
{ name: 'Library', href: 'https://ritchennai.org' }, { name: 'Library', href: 'https://ritchennai.org/facilities-library.php' },
{ name: 'Hostel', href: 'https://ritchennai.org' }, { name: 'Hostel', href: 'https://ritchennai.org/facilities-hostel.php' },
{ name: 'Sports', href: 'https://ritchennai.org' }, { name: 'Sports', href: 'https://ritchennai.org/facilities-sports.php' },
{ name: 'Transport', href: 'https://ritchennai.org' }, { name: 'Transport', href: 'https://ritchennai.org/facilities-transport.php' },
{ name: 'HR Manual', href: 'https://ritchennai.org' }, { name: 'HR Manual', href: 'https://ritchennai.org/downloads/HR%20manual.pdf' },
{ name: 'Patent', href: 'https://ritchennai.org' }, { name: 'Patent', href: 'https://ritchennai.org/downloads/document%207.01.2022.pdf' },
{ name: 'Audited Statements', href: 'https://ritchennai.org' }, { name: 'Audited Statements', href: 'https://ritchennai.org/audited-statements.php' },
{ name: 'Shopping and Delivery Conditions', href: 'https://ritchennai.org' }, { name: 'Shopping and Delivery Conditions', href: 'https://ritchennai.org/downloads/S&D-Conditions.pdf' },
], ],
}; };
const socialLinks = [ const socialLinks = [
{ icon: Facebook, href: 'https://www.facebook.com/ritchennai/', color: 'hover:text-blue-600' }, { icon: Facebook, href: 'https://www.facebook.com/ritchennai/', color: 'hover:text-blue-600' },
{ icon: Twitter, href: 'https://x.com/rit_chennai', color: 'hover:text-sky-500' }, { icon: XLogo, href: 'https://x.com/rit_chennai', color: 'hover:text-gray-900' },
{ icon: Instagram, href: 'https://www.instagram.com/ritchennai/', color: 'hover:text-pink-600' }, { icon: Instagram, href: 'https://www.instagram.com/ritchennai/', color: 'hover:text-pink-600' },
{ icon: Linkedin, href: 'https://www.linkedin.com/school/rajalakshmi-institute-of-technology/', color: 'hover:text-blue-700' }, { icon: Linkedin, href: 'https://www.linkedin.com/school/rajalakshmi-institute-of-technology/', color: 'hover:text-blue-700' },
{ icon: Youtube, href: 'https://youtube.com/@rajalakshmiinstituteoftech4448?si=jRmCDzp9dbwBLVQI', color: 'hover:text-red-600' }, { icon: Youtube, href: 'https://youtube.com/@rajalakshmiinstituteoftech4448?si=jRmCDzp9dbwBLVQI', color: 'hover:text-red-600' },
@@ -47,10 +62,16 @@ const Footer: React.FC = () => {
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 lg:gap-8 mb-16"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 lg:gap-8 mb-16">
{/* Brand and Social */} {/* Brand and Social */}
<div className="lg:col-span-4 space-y-8"> <div className="lg:col-span-4 space-y-6 pr-4 lg:pr-8">
<div className="space-y-4"> <div className="pb-2">
<p className="text-sm leading-relaxed max-w-xs"> <img
We are a leading Engineering college in India, Rajalakshmi Institutions. Imparting the Spirit of Excellence and Quality Technical Education that fosters Learning. src="https://www.facultyplus.com/wp-content/uploads/2020/11/Rit-logo.png"
alt="RIT Logo"
className="h-16 w-auto object-contain mb-6"
referrerPolicy="no-referrer"
/>
<p className="text-sm leading-relaxed text-gray-600 text-justify">
Established in 2008, Rajalakshmi Institute of Technology (An Autonomous Institution) is a premier engineering college in Chennai. Accredited with an A++ grade by NAAC, affiliated to Anna University, and approved by AICTE & NBA, RIT is dedicated to providing excellence in higher education.
</p> </p>
</div> </div>
@@ -61,25 +82,19 @@ const Footer: React.FC = () => {
href={social.href} href={social.href}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className={`w-10 h-10 rounded-full border border-gray-200 flex items-center justify-center transition-all duration-300 hover:border-transparent hover:shadow-lg ${social.color} group`} className={`w-10 h-10 rounded-full bg-gray-50 border border-gray-200 flex items-center justify-center transition-all duration-300 hover:border-transparent hover:shadow-md ${social.color} group`}
> >
<social.icon size={18} className="group-hover:scale-110 transition-transform" /> <social.icon size={18} className="group-hover:scale-110 transition-transform" />
</a> </a>
))} ))}
</div> </div>
<div className="pt-8">
<img
src="https://www.facultyplus.com/wp-content/uploads/2020/11/Rit-logo.png"
alt="RIT Logo"
className="h-16 w-auto object-contain"
referrerPolicy="no-referrer"
/>
</div>
</div> </div>
{/* Links Columns */} {/* Links Columns */}
<div className="lg:col-span-2 space-y-6 pt-2"> <div className="lg:col-span-2 space-y-6 pt-2">
<h3 className="text-xs font-black text-[#1e3a8a] uppercase tracking-widest border-b-2 border-[#f97316] pb-2 w-fit">
DISCOVER RIT
</h3>
<ul className="space-y-4"> <ul className="space-y-4">
{footerLinks.col1.map((link) => ( {footerLinks.col1.map((link) => (
<li key={link.name}> <li key={link.name}>
@@ -90,6 +105,9 @@ const Footer: React.FC = () => {
</div> </div>
<div className="lg:col-span-2 space-y-6 pt-2"> <div className="lg:col-span-2 space-y-6 pt-2">
<h3 className="text-xs font-black text-[#1e3a8a] uppercase tracking-widest border-b-2 border-[#f97316] pb-2 w-fit">
ADMISSIONS
</h3>
<ul className="space-y-4"> <ul className="space-y-4">
{footerLinks.col2.map((link) => ( {footerLinks.col2.map((link) => (
<li key={link.name}> <li key={link.name}>
@@ -100,11 +118,16 @@ const Footer: React.FC = () => {
</div> </div>
<div className="lg:col-span-2 space-y-6 pt-2"> <div className="lg:col-span-2 space-y-6 pt-2">
<div className="grid grid-cols-1 gap-4"> <h3 className="text-xs font-black text-[#1e3a8a] uppercase tracking-widest border-b-2 border-[#f97316] pb-2 w-fit">
FACILITIES
</h3>
<ul className="space-y-4">
{footerLinks.col3.map((link) => ( {footerLinks.col3.map((link) => (
<a key={link.name} href={link.href} className="text-sm font-medium hover:text-[#f97316] transition-colors leading-relaxed">{link.name}</a> <li key={link.name}>
<a href={link.href} className="text-sm font-medium hover:text-[#f97316] transition-colors leading-relaxed">{link.name}</a>
</li>
))} ))}
</div> </ul>
</div> </div>
{/* Contact Info */} {/* Contact Info */}
@@ -115,16 +138,9 @@ const Footer: React.FC = () => {
</h3> </h3>
<div className="space-y-4 text-[13px]"> <div className="space-y-4 text-[13px]">
<div> <div>
<p className="font-bold text-gray-800 mb-1">Rajalakshmi Institutions Head Office</p> <p className="font-bold text-gray-800 mb-1">RAJALAKSHMI INSTITUTE OF TECHNOLOGY</p>
<p># 69 New Avadi Road</p> <p>BANGALORE HIGHWAY ROAD, KUTHAMBAKKAM</p>
<p>Kilpauk</p> <p>CHENNAI TAMIL NADU - 600124,</p>
<p>Chennai - 600 010.</p>
</div>
<div>
<p className="font-bold text-gray-800 mb-1">College Campus</p>
<p>Rajalakshmi Nagar</p>
<p>Thandalam</p>
<p>Tamil Nadu 602105</p>
</div> </div>
</div> </div>
</div> </div>
@@ -133,7 +149,10 @@ const Footer: React.FC = () => {
<h3 className="text-xs font-black text-[#1e3a8a] uppercase tracking-widest border-b-2 border-[#f97316] pb-2 w-fit"> <h3 className="text-xs font-black text-[#1e3a8a] uppercase tracking-widest border-b-2 border-[#f97316] pb-2 w-fit">
PHONE PHONE
</h3> </h3>
<p className="text-[13px]">44-26442472 / 44-26461316 / 44-26460124</p> <div className="text-[13px] space-y-1">
<p>Mobile : +91 8925977445</p>
<p>Ph : 91 44 6718 1601</p>
</div>
</div> </div>
<div className="space-y-4"> <div className="space-y-4">