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