mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 15:27:52 +00:00
@@ -92,7 +92,7 @@ const aSeguir = [
|
|||||||
export function TvoneDestaques() {
|
export function TvoneDestaques() {
|
||||||
return (
|
return (
|
||||||
<section className="mx-auto w-full max-w-[1200px] px-4 pb-10">
|
<section className="mx-auto w-full max-w-[1200px] px-4 pb-10">
|
||||||
<h2 className="mb-5 text-xl font-bold tracking-tight text-neutral-900">Destaques</h2>
|
<h2 className="mb-6 text-2xl font-bold tracking-tight text-neutral-900 md:text-3xl">Destaques</h2>
|
||||||
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
|
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
|
||||||
{destaques.map((item) => (
|
{destaques.map((item) => (
|
||||||
<article
|
<article
|
||||||
@@ -111,7 +111,7 @@ export function TvoneDestaques() {
|
|||||||
</div>
|
</div>
|
||||||
<div className="p-4">
|
<div className="p-4">
|
||||||
<p className={`mb-2 text-[11px] font-bold uppercase tracking-wide ${item.catColor}`}>{item.cat}</p>
|
<p className={`mb-2 text-[11px] font-bold uppercase tracking-wide ${item.catColor}`}>{item.cat}</p>
|
||||||
<h3 className="text-[15px] font-semibold leading-snug text-neutral-900">{item.title}</h3>
|
<h3 className="text-base font-bold leading-snug text-neutral-900 md:text-lg">{item.title}</h3>
|
||||||
<p className="mt-3 text-xs text-neutral-500">{item.date}</p>
|
<p className="mt-3 text-xs text-neutral-500">{item.date}</p>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
@@ -126,7 +126,7 @@ export function TvoneMainColumns() {
|
|||||||
return (
|
return (
|
||||||
<div className="mx-auto grid w-full max-w-[1200px] gap-10 px-4 pb-12 lg:grid-cols-[1fr_340px]">
|
<div className="mx-auto grid w-full max-w-[1200px] gap-10 px-4 pb-12 lg:grid-cols-[1fr_340px]">
|
||||||
<section>
|
<section>
|
||||||
<h2 className="mb-6 text-xl font-bold tracking-tight text-neutral-900">Mais Recentes</h2>
|
<h2 className="mb-7 text-2xl font-bold tracking-tight text-neutral-900 md:text-3xl">Mais Recentes</h2>
|
||||||
<ul className="flex flex-col gap-6">
|
<ul className="flex flex-col gap-6">
|
||||||
{recentes.map((item) => (
|
{recentes.map((item) => (
|
||||||
<li key={item.title}>
|
<li key={item.title}>
|
||||||
@@ -138,10 +138,10 @@ export function TvoneMainColumns() {
|
|||||||
<span className={`inline-block rounded px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide ${item.catBg}`}>
|
<span className={`inline-block rounded px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide ${item.catBg}`}>
|
||||||
{item.cat}
|
{item.cat}
|
||||||
</span>
|
</span>
|
||||||
<h3 className="mt-2 text-base font-semibold leading-snug text-neutral-900 group-hover:text-[#0066cc]">
|
<h3 className="mt-2 text-lg font-bold leading-snug text-neutral-900 group-hover:text-[#0066cc] md:text-xl">
|
||||||
{item.title}
|
{item.title}
|
||||||
</h3>
|
</h3>
|
||||||
<p className="mt-1 line-clamp-2 text-sm text-neutral-600">{item.excerpt}</p>
|
<p className="mt-1 line-clamp-2 text-sm font-normal leading-relaxed text-neutral-600">{item.excerpt}</p>
|
||||||
<p className="mt-2 text-xs text-neutral-500">
|
<p className="mt-2 text-xs text-neutral-500">
|
||||||
{item.byline} · {item.date}
|
{item.byline} · {item.date}
|
||||||
</p>
|
</p>
|
||||||
@@ -191,7 +191,7 @@ export function TvoneMainColumns() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h3 className="mb-4 text-lg font-bold text-neutral-900">A seguir</h3>
|
<h3 className="mb-4 text-xl font-bold tracking-tight text-neutral-900">A seguir</h3>
|
||||||
<ul className="flex flex-col gap-4">
|
<ul className="flex flex-col gap-4">
|
||||||
{aSeguir.map((item) => (
|
{aSeguir.map((item) => (
|
||||||
<li key={item.title}>
|
<li key={item.title}>
|
||||||
@@ -200,7 +200,9 @@ export function TvoneMainColumns() {
|
|||||||
<Image src={item.img} alt="" fill className="object-cover" sizes="64px" />
|
<Image src={item.img} alt="" fill className="object-cover" sizes="64px" />
|
||||||
</div>
|
</div>
|
||||||
<div className="min-w-0">
|
<div className="min-w-0">
|
||||||
<p className="text-sm font-medium leading-snug text-neutral-900 group-hover:text-[#0066cc]">{item.title}</p>
|
<p className="text-[15px] font-semibold leading-snug text-neutral-900 group-hover:text-[#0066cc] md:text-base">
|
||||||
|
{item.title}
|
||||||
|
</p>
|
||||||
<p className="mt-1 text-xs text-neutral-500">{item.date}</p>
|
<p className="mt-1 text-xs text-neutral-500">{item.date}</p>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
@@ -219,7 +221,7 @@ export function TvoneAdBanner() {
|
|||||||
<div className="relative overflow-hidden rounded-xl bg-gradient-to-r from-[#0a4d8c] via-[#1e6fb8] to-[#e85c2a] px-6 py-8 text-white md:flex md:items-center md:justify-between md:py-10">
|
<div className="relative overflow-hidden rounded-xl bg-gradient-to-r from-[#0a4d8c] via-[#1e6fb8] to-[#e85c2a] px-6 py-8 text-white md:flex md:items-center md:justify-between md:py-10">
|
||||||
<div className="max-w-lg">
|
<div className="max-w-lg">
|
||||||
<p className="text-[11px] font-semibold uppercase tracking-widest text-white/90">BAI Directo</p>
|
<p className="text-[11px] font-semibold uppercase tracking-widest text-white/90">BAI Directo</p>
|
||||||
<h2 className="mt-2 text-2xl font-bold md:text-3xl">Actualização do BAI Directo</h2>
|
<h2 className="mt-2 text-3xl font-bold leading-tight tracking-tight md:text-4xl">Actualização do BAI Directo</h2>
|
||||||
<p className="mt-2 text-sm text-white/90">Faça as suas operações com mais rapidez e segurança em qualquer dispositivo.</p>
|
<p className="mt-2 text-sm text-white/90">Faça as suas operações com mais rapidez e segurança em qualquer dispositivo.</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="relative mt-6 h-32 w-full max-w-xs shrink-0 md:mt-0 md:h-36">
|
<div className="relative mt-6 h-32 w-full max-w-xs shrink-0 md:mt-0 md:h-36">
|
||||||
|
|||||||
@@ -18,4 +18,5 @@ body {
|
|||||||
background: var(--background);
|
background: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
|
font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
|
||||||
|
/* Body copy stays regular weight; news titles use bold/semibold in components */
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user