Marca real: logos NovaWoW en cabecera/hero + footer con enlaces

- Copia los logos del tema original (nw-logo -> public/brand/logo.webp,
  nw-long-logo -> logo-long.webp).
- Header: logo + nombre. Home hero: logo largo con glow dorado.
- Footer: logo + copyright + enlaces (inicio/foros/votar/registro), i18n.

Verificado: logos se sirven (200), home 200.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-13 00:15:56 +00:00
parent 3e47a3d240
commit 6e7a9634d1
5 changed files with 33 additions and 8 deletions
+3 -1
View File
@@ -24,10 +24,12 @@ export default async function HomePage({ params }: { params: Promise<{ locale: s
{/* Hero */}
<section className="relative overflow-hidden border-b border-nw-border/50">
<div className="mx-auto max-w-4xl px-4 py-16 text-center sm:py-24">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/brand/logo-long.webp" alt="Nova WoW" className="mx-auto mb-4 max-h-28 w-auto drop-shadow-[0_0_25px_rgba(215,150,2,0.35)]" />
<p className="mb-3 text-sm font-semibold uppercase tracking-[0.3em] text-nw-gold/80">
WotLK Classic 3.4.3
</p>
<h1 className="nw-heading text-5xl sm:text-6xl">Nova WoW</h1>
<h1 className="nw-heading text-4xl sm:text-5xl">Nova WoW</h1>
<p className="mx-auto mt-5 max-w-2xl text-nw-muted">{t('tagline')}</p>
<div className="mt-8 flex flex-wrap justify-center gap-3">
<Link href="/register" className="nw-btn">
+26 -5
View File
@@ -1,9 +1,30 @@
export function Footer() {
const year = 2026 // TODO: sustituir por año dinámico cuando haya fuente de fecha
import { getTranslations } from 'next-intl/server'
import { Link } from '@/i18n/navigation'
export async function Footer() {
const t = await getTranslations('Nav')
return (
<footer className="mt-12 border-t border-amber-900/50 bg-[#241812]">
<div className="mx-auto max-w-5xl px-4 py-6 text-center text-sm text-amber-200/60">
© {year} Nova WoW · WotLK Classic 3.4.3
<footer className="mt-16 border-t border-nw-border/60 bg-nw-bg/60">
<div className="mx-auto flex max-w-5xl flex-col items-center gap-4 px-4 py-8 text-sm sm:flex-row sm:justify-between">
<div className="flex items-center gap-2 text-nw-muted">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/brand/logo.webp" alt="Nova WoW" className="h-7 w-auto opacity-80" />
<span>© 2026 Nova WoW · WotLK Classic 3.4.3</span>
</div>
<nav className="flex flex-wrap items-center justify-center gap-4 text-nw-muted">
<Link href="/" className="hover:text-nw-gold-light">
{t('home')}
</Link>
<Link href="/forum" className="hover:text-nw-gold-light">
{t('forum')}
</Link>
<Link href="/vote-points" className="hover:text-nw-gold-light">
{t('vote')}
</Link>
<Link href="/register" className="hover:text-nw-gold-light">
{t('register')}
</Link>
</nav>
</div>
</footer>
)
+4 -2
View File
@@ -12,8 +12,10 @@ export async function Header() {
return (
<header className="sticky top-0 z-50 border-b border-nw-border/60 bg-nw-bg/80 backdrop-blur supports-[backdrop-filter]:bg-nw-bg/60">
<div className="mx-auto flex max-w-5xl items-center justify-between gap-4 px-4 py-3">
<Link href="/" className="nw-heading text-xl">
Nova WoW
<Link href="/" className="flex items-center gap-2">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/brand/logo.webp" alt="Nova WoW" className="h-9 w-auto" />
<span className="nw-heading text-xl">Nova WoW</span>
</Link>
<nav className="flex items-center gap-4 text-sm">
<Link href="/" className="text-amber-200 hover:text-amber-400">
Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB