peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 15:27:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

max-w-[1200px]

Browse Source
This commit is contained in:
Peter Maquiran
2026-04-09 13:19:42 +01:00
parent 8a274e0623
commit e6636db3a8
1 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-content.tsx
+23 -10
View File
@@ -135,12 +135,27 @@ const aSeguir = [
export function TvoneDestaques() {
return (
<section className="mx-auto w-full max-w-[1200px] px-4 pb-10">
<div className="mb-10 flex items-end justify-between pb-6">
<section className="mx-auto w-full max-w-[1200px] px-4 pb-20">
<div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-6">
<h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
Famosos
</h2>
<Link
href="/negocios"
className="group flex items-center gap-1 text-sm font-semibold text-[#0066CC] transition-colors hover:text-[#004499]"
>
Ver tudo
<svg
className="h-4 w-4 transition-transform group-hover:translate-x-0.5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={2.5}
>
<path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
</svg>
</Link>
</div>
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
{destaques.map((item) => (
@@ -190,11 +205,11 @@ export function TvoneDestaques() {
export function TvoneMainColumns() {
return (
<section className="mx-auto w-full max-w-[1200px] px-4 pb-16">
<section className="mx-auto w-full max-w-[1200px] px-4 pb-20">
{/* SECTION HEADER */}
<div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-6">
<h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
Notícias Recentes
Destaques
</h2>
<Link
@@ -269,7 +284,7 @@ export function TvoneMainColumns() {
export function TvoneAdBanner() {
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-20">
<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">
<p className="text-[11px] font-semibold uppercase tracking-widest text-white/90">BAI Directo</p>
@@ -314,13 +329,11 @@ export function TvoneFooter() {
</div>
<div className="mt-4 space-y-3 text-[12px] leading-[1.33337] text-[#6e6e73]">
<p className="text-pretty">
A TV ONE é um portal angolano dedicado à informação e ao entretenimento, com a missão de informar,
educar e envolver o público angolano e todos os interessados nos mais variados temas da atualidade.
Com uma abordagem moderna, dinâmica e sempre atual, a TV ONE destaca-se pela oferta de conteúdos diversificados e relevantes, que abrangem áreas como cultura, turismo, moda, celebridades, entretenimento, atualidade, lifestyle, conteúdos virais e desporto.
</p>
<p className="text-pretty">
Com uma abordagem dinâmica e atual, a TV ONE oferece conteúdos diversificados que abrangem áreas como
cultura, turismo, moda, celebridades, entretenimento, atualidade, lifestyle, conteúdos virais e
desporto, proporcionando uma experiência completa e envolvente para os seus leitores e espectadores.
Com uma abordagem moderna, dinâmica e sempre atual, a TV ONE destaca-se pela oferta de conteúdos diversificados e relevantes, que abrangem áreas como cultura, turismo, moda, celebridades, entretenimento, atualidade, lifestyle, conteúdos virais e desporto.
Mais do que informar, o portal proporciona uma experiência completa, envolvente e interativa, conectando os seus leitores e espectadores às principais tendências e acontecimentos do momento.
</p>
</div>
</div>