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

first commit

Browse Source
This commit is contained in:
mukeshs
2026-07-02 14:49:52 +05:30
parent e2cf8f803b
commit 473dc52b92
5 changed files with 105 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Hero.tsx
+13 -13
View File
@@ -15,9 +15,18 @@ export default function Hero() {
className="pointer-events-none absolute -bottom-32 -left-20 h-72 w-72 text-rotary-gold/[0.06]"
/>
<div className="relative mx-auto max-w-6xl">
<div className="relative mx-auto max-w-7xl">
{/* Brand row — replaces the old header's logo now that it's gone */}
<div className="mb-12 flex flex-wrap items-center gap-4 sm:mb-16">
<span className="flex flex-col leading-tight">
<span className="font-serif text-base font-semibold tracking-tight text-white sm:text-lg">
Rotary Club of Vellore
</span>
<span className="text-[11px] uppercase tracking-[0.18em] text-rotary-goldlight/90">
District 3231 · Est. 1948
</span>
</span>
<span className="hidden h-8 w-px bg-white/15 sm:block" />
<div className="rounded-xl bg-white px-3 py-1.5 shadow-lg shadow-black/20">
<Image
src="/images/rotary-logo.png"
@@ -27,15 +36,6 @@ export default function Hero() {
className="h-9 w-auto object-contain sm:h-11"
/>
</div>
<span className="hidden h-8 w-px bg-white/15 sm:block" />
<span className="flex flex-col leading-tight">
<span className="font-serif text-base font-semibold tracking-tight text-white sm:text-lg">
Rotary Club of Vellore
</span>
<span className="text-[11px] uppercase tracking-[0.18em] text-rotary-goldlight/90">
District 3231 · Est. 1948
</span>
</span>
</div>
<div className="grid items-center gap-12 lg:grid-cols-[1.15fr_0.85fr]">
@@ -43,7 +43,7 @@ export default function Hero() {
<div className="animate-fade-up">
{/* Advisor + President thumbnails */}
<div className="mb-6 flex items-center gap-4">
<div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-white/15 sm:h-24 sm:w-24">
<div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-white/15 sm:h-34 sm:w-34">
<Image
src="/images/club-advisor.jpg"
alt="Rtn. Dr. T. Jacob John, Club Advisor"
@@ -52,9 +52,9 @@ export default function Hero() {
className="object-cover"
/>
</div>
<div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-rotary-gold/60 sm:h-24 sm:w-24">
<div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-rotary-gold/60 sm:h-34 sm:w-34">
<Image
src="/images/president.png"
src="/images/president1.jpg"
alt="Rtn. Er. G. Muralidharan, President 2026-27"
fill
sizes="96px"