ayrisdev/kitebeachakyaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Refactor all page headers to minimal text layout without hero images and fix overlapping with navbar

Browse Source
This commit is contained in:
Ayris Dev
2026-07-15 14:31:56 +03:00
parent 7a874ab11d
commit f78fb90a55
6 changed files with 63 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[lang]/etkinlikler/page.tsx
+13 -29
View File
@@ -31,35 +31,19 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
{/* ──────────────────────────────────────────
HERO
────────────────────────────────────────── */}
<section className="relative h-[60vh] min-h-[500px] w-full flex items-center justify-center overflow-hidden">
<div className="absolute inset-0 z-0">
<Image
src="https://images.unsplash.com/photo-1514525253161-7a46d19cd819?q=80&w=2874&auto=format&fit=crop"
alt={isEn ? "Kite Beach Akyaka Events" : "Kite Beach Akyaka Etkinlikler"}
fill
sizes="100vw"
className="object-cover"
priority
/>
<div className="absolute inset-0 bg-dark/60" />
</div>
<div className="relative z-10 text-center px-4 max-w-4xl mx-auto mt-16">
<ScrollReveal>
<span className="inline-block text-accent text-xs tracking-[0.35em] uppercase mb-4 font-bold">
Kite Beach Akyaka
</span>
<h1 className="font-serif text-5xl md:text-7xl font-bold text-white mb-6">
{isEn ? "Events" : "Etkinlikler"}
</h1>
<p className="text-white/80 text-lg md:text-xl font-light max-w-2xl mx-auto leading-relaxed">
{isEn
? "Unforgettable experiences where music, sports, and nature intertwine."
: "Müzik, spor ve doğanın iç içe geçtiği unutulmaz deneyimler."}
</p>
</ScrollReveal>
</div>
</section>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center mb-16 pt-40">
<span className="inline-block text-accent text-xs tracking-[0.35em] uppercase font-bold mb-4 animate-fade-up">
Kite Beach Akyaka
</span>
<h1 className="font-serif text-5xl md:text-6xl text-dark font-bold animate-fade-up delay-100 mb-6">
{isEn ? "Events" : "Etkinlikler"}
</h1>
<p className="text-muted text-lg max-w-2xl mx-auto animate-fade-up delay-200">
{isEn
? "Unforgettable experiences where music, sports, and nature intertwine."
: "Müzik, spor ve doğanın iç içe geçtiği unutulmaz deneyimler."}
</p>
</div>
{/* ──────────────────────────────────────────
EVENTS LIST