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:
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
@@ -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 |
Reference in New Issue
Block a user