NguyenThanhToan/ipv6-sims
1
0
Fork 0
forked from UKSOURCE/ipv6
Code Pull Requests Activity

Fix basepath ipv6, fix sponsor.

Browse Source
This commit is contained in:
xuanduong
2026-05-14 21:17:50 +07:00
parent 219b420f48
commit cce0c675f9
12 changed files with 177 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/sponsor/SponsorHero.tsx
+16 -13
View File
@@ -11,36 +11,39 @@ type SponsorHeroData = {
export default function SponsorHero({ data }: { data: SponsorHeroData }) {
return (
<section className="relative py-16 lg:py-32 overflow-hidden">
<div className="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(197,160,89,0.08),transparent_70%)]" />
<div className="max-w-[1280px] mx-auto px-gutter relative z-10 text-center">
<span className="font-label-caps text-label-caps text-primary mb-4 block">
<section className="relative py-16 md:py-32 overflow-hidden text-center px-[var(--spacing-gutter)]">
<div className="relative z-10 max-w-4xl mx-auto w-full">
{/* Eyebrow */}
<p className="font-[var(--font-label-caps)] text-primary text-[10px] md:text-xs font-bold tracking-[0.3em] uppercase mb-4 md:mb-6">
{data.eyebrow}
</span>
</p>
<h1 className="font-display-lg text-display-lg mb-6">
{/* Title */}
<h1 className="font-[var(--font-display-lg)] text-on-surface mb-6 md:mb-8 leading-[1.2] text-3xl sm:text-4xl md:text-6xl lg:text-7xl break-words">
{data.title}
</h1>
<h2 className="font-headline-md text-headline-md text-on-surface-variant mb-8 max-w-3xl mx-auto">
{/* Subtitle */}
<p className="text-primary/90 font-[var(--font-display-lg)] text-[11px] md:text-sm lg:text-base mb-8 md:mb-10 uppercase tracking-[0.2em] max-w-2xl mx-auto leading-relaxed">
{data.subtitle}
</h2>
</p>
<p className="font-body-base text-body-base text-on-surface-variant/80 max-w-2xl mx-auto mb-12">
{/* Description */}
<p className="font-body-base text-on-surface-variant text-sm md:text-lg max-w-2xl mx-auto mb-12 md:mb-16 leading-relaxed opacity-80">
{data.description}
</p>
<div className="flex flex-col sm:flex-row justify-center gap-stack-md">
{/* CTAs */}
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 md:gap-6">
<Link
href={data.primaryCta.href}
className="gold-gradient-bg text-on-primary font-title-sm px-10 py-4 rounded-lg hover:opacity-90 transition-all active:scale-95 text-center"
className="gold-gradient-bg text-on-primary px-10 py-4 rounded-xl font-bold uppercase tracking-widest text-xs md:text-sm shadow-xl shadow-primary/20 hover:shadow-primary/30 transition-all duration-300 active:scale-95 w-full sm:w-auto"
>
{data.primaryCta.label}
</Link>
<Link
href={data.secondaryCta.href}
className="border border-primary text-primary font-title-sm px-10 py-4 rounded-lg hover:bg-primary/5 transition-all active:scale-95 text-center"
className="border border-white/10 text-on-surface px-10 py-4 rounded-xl font-bold uppercase tracking-widest text-xs md:text-sm hover:border-primary hover:bg-primary/5 transition-all duration-300 active:scale-95 w-full sm:w-auto"
>
{data.secondaryCta.label}
</Link>