mukeshs/cmc_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Further updates on 29-10-25

Browse Source
This commit is contained in:
mukeshs
2025-10-29 12:49:34 +05:30
parent abf4b33a22
commit 5481f2e38a
1 changed files with 43 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/components/Layouts/Footer.tsx
View File

@ -1,6 +1,5 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Link from "next/link";
export function Footer() { export function Footer() {
return ( return (
@ -9,12 +8,11 @@ export function Footer() {
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{/* Company Info */} {/* Company Info */}
<div className="lg:col-span-1"> <div className="lg:col-span-1">
<Link href="/" className="inline-block mb-4"> <div className="inline-block mb-4">
<div className="flex items-center"> <div className="flex items-center">
<span className="text-2xl font-bold text-gray-100">Department of <br></br>Trauma Surgery</span> <span className="text-2xl font-bold text-gray-100">Department of <br></br>Trauma Surgery</span>
</div> </div>
</Link> </div>
<div className="space-y-3 mb-6"> <div className="space-y-3 mb-6">
<a <a
href="mailto:traumasurg@cmcvellore.ac.in" href="mailto:traumasurg@cmcvellore.ac.in"
@ -33,28 +31,45 @@ export function Footer() {
</div> </div>
</div> </div>
{/* Company Links */} {/* Company Links - Two Columns */}
<div className="md:col-span-1"> <div className="md:col-span-1">
<h3 className="font-semibold text-lg mb-4 text-gray-100">Company</h3> <h3 className="font-semibold text-lg mb-4 text-gray-100">Company</h3>
<ul className="space-y-3"> <div className="grid grid-cols-2 gap-x-6 gap-y-3">
{[ <ul className="space-y-3">
{ label: 'About CMC', href: '/about' }, {[
{ label: 'Contact us', href: '/contact' }, { label: 'About CMC', href: '/about' },
{ label: 'Events', href: '/events' }, { label: 'Faculty Team', href: '/teamMember' },
{ label: 'Education', href: '/education-training' }, { label: 'Academics', href: '/education-training' },
{ label: 'Career', href: '/career' }, { label: 'Research', href: '/research'},
{ label: 'Team Member', href: '/teamMember' }, ].map((link) => (
].map((link) => ( <li key={link.label}>
<li key={link.label}> <a
<Link href={link.href}
href={link.href} className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm"
className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm" >
> {link.label}
{link.label} </a>
</Link> </li>
</li> ))}
))} </ul>
</ul> <ul className="space-y-3">
{[
{ label: 'Events', href: '/events' },
{ label: 'Publications', href: '/publications'},
{ label: 'Career', href: '/career' },
{ label: 'Contact us', href: '/contact' },
].map((link) => (
<li key={link.label}>
<a
href={link.href}
className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm"
>
{link.label}
</a>
</li>
))}
</ul>
</div>
</div> </div>
{/* Additional Links */} {/* Additional Links */}
@ -68,12 +83,12 @@ export function Footer() {
{ label: 'Blogs', href: '/blogs' }, { label: 'Blogs', href: '/blogs' },
].map((link) => ( ].map((link) => (
<li key={link.label}> <li key={link.label}>
<Link <a
href={link.href} href={link.href}
className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm" className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm"
> >
{link.label} {link.label}
</Link> </a>
</li> </li>
))} ))}
</ul> </ul>
@ -121,13 +136,13 @@ export function Footer() {
{ label: 'Terms of Service', href: '#' }, { label: 'Terms of Service', href: '#' },
{ label: 'Contact', href: '/contact' }, { label: 'Contact', href: '/contact' },
].map((link) => ( ].map((link) => (
<Link <a
key={link.label} key={link.label}
href={link.href} href={link.href}
className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm" className="text-gray-300 hover:text-red-600 transition-all duration-200 text-sm"
> >
{link.label} {link.label}
</Link> </a>
))} ))}
</div> </div>
<div className="text-sm text-gray-300"> <div className="text-sm text-gray-300">