sudo-rsingh/ML4E
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #5 from BlueWaves-afk/main

Browse Source 
footer centered
This commit is contained in:
Ashwani Senapati
2025-10-20 20:03:05 +05:30
committed by GitHub
parent 61ee9057b0 3be6973b6e
commit c5cec69b71
1 changed files with 26 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app/components/Footer.jsx
View File

@@ -1,13 +1,6 @@
// src/app/components/Footer.jsx
"use client";
import React from "react";
/**
* Optional global fix:
* Add this to globals.css (or your layout)
* :root { --sidebar-width: 100px; } // adjust to match sidebar width
*/
const Glow = ({ className = "" }) => (
<div
className={`pointer-events-none absolute inset-0 -z-10 opacity-60 blur-2xl
@@ -22,113 +15,62 @@ export default function Footer() {
<footer
className="
relative z-30 w-full overflow-hidden border-t border-cyan-500/20
bg-[#0b1117] text-slate-200 isolate
bg-[#0b1117] text-slate-200 isolate flex flex-col items-center
"
style={{
// Default fallback: 105px sidebar width
paddingLeft: "var(--sidebar-width, 105px)",
}}
>
<Glow />
{/* Container */}
<div className="relative mx-auto max-w-7xl px-6 py-16 sm:px-8 lg:px-10">
<div className="relative w-full max-w-4xl px-4 py-12 sm:px-8 text-center">
{/* Title */}
<h2 className="mb-8 text-3xl font-extrabold tracking-wide text-cyan-200 drop-shadow-[0_0_18px_rgba(0,255,255,.45)]">
ML4E
</h2>
{/* Cards */}
<div className="grid gap-8 md:grid-cols-2">
<div className="grid gap-8 md:grid-cols-2 place-items-center">
{/* Faculty Advisor */}
<div className="rounded-2xl bg-white/5 p-6 ring-1 ring-white/10 backdrop-blur">
<h3 className="mb-3 text-2xl font-bold text-cyan-200 drop-shadow-[0_0_12px_rgba(0,255,255,.4)]">
<div className="w-full max-w-sm rounded-2xl bg-white/5 p-6 ring-1 ring-white/10 backdrop-blur text-left sm:text-center md:text-left">
<h3 className="mb-2 text-2xl font-bold text-cyan-200 drop-shadow-[0_0_12px_rgba(0,255,255,.4)]">
Faculty Advisor
</h3>
<p className="text-sm leading-6 text-slate-300">
Prof. Ayas Kanta Swain
<br />
<p className="text-base leading-6 text-slate-300">
Prof. Ayas Kanta Swain <br />
Assistant Professor, ECE Department
</p>
<p className="mt-3 text-sm text-slate-300">
Phone:{" "}
<a
className="text-cyan-200 hover:underline"
href="tel:066126462458"
>
0661-26462458
</a>
<p className="mt-2 text-sm text-slate-400">
Phone: 0661-26462458
</p>
<div className="mt-3 flex flex-wrap gap-2 text-sm">
<a
href="mailto:swaina@nitrkl.ac.in"
className="inline-flex items-center gap-2 rounded-lg bg-cyan-400/10 px-3 py-1.5 font-medium text-cyan-200 ring-1 ring-cyan-400/30 hover:bg-cyan-400/20"
className="mt-3 inline-flex items-center justify-center rounded-md bg-cyan-900/30 px-3 py-2 text-cyan-200 hover:bg-cyan-800/40 transition"
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path
d="M4 6h16v12H4z"
stroke="currentColor"
strokeWidth="1.5"
/>
<path
d="m4 6 8 6 8-6"
stroke="currentColor"
strokeWidth="1.5"
/>
</svg>
swaina@nitrkl.ac.in
✉️ swaina@nitrkl.ac.in
</a>
</div>
</div>
{/* President */}
<div className="rounded-2xl bg-white/5 p-6 ring-1 ring-white/10 backdrop-blur">
<h3 className="mb-3 text-2xl font-bold text-cyan-200 drop-shadow-[0_0_12px_rgba(0,255,255,.4)]">
<div className="w-full max-w-sm rounded-2xl bg-white/5 p-6 ring-1 ring-white/10 backdrop-blur text-left sm:text-center md:text-left">
<h3 className="mb-2 text-2xl font-bold text-cyan-200 drop-shadow-[0_0_12px_rgba(0,255,255,.4)]">
President
</h3>
<p className="text-sm leading-6 text-slate-300">
<p className="text-base leading-6 text-slate-300">
Rudra Nandkishor Anjiwadekar
</p>
<p className="mt-3 text-sm text-slate-300">
Phone:{" "}
<a
className="text-cyan-200 hover:underline"
href="tel:9022275481"
>
9022275481
</a>
</p>
<div className="mt-3 flex flex-wrap gap-2 text-sm">
<p className="mt-2 text-sm text-slate-400">Phone: 9022275481</p>
<a
href="mailto:122me0896@nitrkl.ac.in"
className="inline-flex items-center gap-2 rounded-lg bg-cyan-400/10 px-3 py-1.5 font-medium text-cyan-200 ring-1 ring-cyan-400/30 hover:bg-cyan-400/20"
className="mt-3 inline-flex items-center justify-center rounded-md bg-cyan-900/30 px-3 py-2 text-cyan-200 hover:bg-cyan-800/40 transition"
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path
d="M4 6h16v12H4z"
stroke="currentColor"
strokeWidth="1.5"
/>
<path
d="m4 6 8 6 8-6"
stroke="currentColor"
strokeWidth="1.5"
/>
</svg>
122me0896@nitrkl.ac.in
✉️ 122me0896@nitrkl.ac.in
</a>
</div>
</div>
</div>
{/* Bottom line */}
<div className="mt-12 rounded-2xl bg-white/5 p-5 text-center ring-1 ring-white/10 backdrop-blur">
<p className="text-base font-semibold tracking-wide text-cyan-200 drop-shadow-[0_0_10px_rgba(0,255,255,.4)]">
Made with ❤ by Team ML4E
Made with ❤️ by Team ML4E
</p>
<p className="mt-2 text-xs text-slate-400">© {year}</p>
</div>