mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 07:17:52 +00:00
456 lines
24 KiB
TypeScript
456 lines
24 KiB
TypeScript
"use client";
|
|
import React, { useState } from 'react';
|
|
import Image from 'next/image';
|
|
import { ThumbsUp, MessageCircle, Send, Share2, LinkIcon, Link2, ChevronRight } from 'lucide-react';
|
|
import { TvoneAdBanner, TvoneFooter } from '../components/tvone-content';
|
|
import { TvonePromoStrip } from '../components/tvone-promo-strip';
|
|
import { TvoneSiteNav } from '../components/tvone-site-nav';
|
|
import { SiWhatsapp, SiFacebook, SiX } from 'react-icons/si'; // Ícones oficiais de marca
|
|
import { FiCopy } from 'react-icons/fi'; // Ícone de cópia mais limpo
|
|
import Link from 'next/link';
|
|
|
|
export default function NewsArticlePage() {
|
|
// Estado para controlar o play do vídeo customizado
|
|
const [isPlaying, setIsPlaying] = useState(false);
|
|
const recentes = [
|
|
{
|
|
cat: "EM FOCO",
|
|
readTime: "6",
|
|
catBg: "bg-pink-100 text-pink-700",
|
|
title: "Governo anuncia medidas para apoiar famílias e pequenas empresas.",
|
|
excerpt: "Pacote inclui linhas de crédito e simplificação de procedimentos.",
|
|
byline: "Por Redação",
|
|
date: "24 Mar 2025",
|
|
img: "https://images.unsplash.com/photo-1507679799987-c73779587ccf?w=200&q=80",
|
|
},
|
|
{
|
|
cat: "ECONOMIA",
|
|
readTime: "6",
|
|
catBg: "bg-amber-100 text-amber-800",
|
|
title: "Inflação desce pelo terceiro mês consecutivo, segundo dados preliminares.",
|
|
excerpt: "Analistas mantêm cautela face ao cenário internacional.",
|
|
byline: "Por Economia",
|
|
date: "24 Mar 2025",
|
|
img: "https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=200&q=80",
|
|
},
|
|
{
|
|
cat: "CULTURA",
|
|
readTime: "6",
|
|
catBg: "bg-violet-100 text-violet-800",
|
|
title: "Museu inaugura exposição com obras inéditas de artistas locais.",
|
|
excerpt: "Visitas guiadas e programa educativo arrancam no próximo fim de semana.",
|
|
byline: "Por Cultura",
|
|
date: "23 Mar 2025",
|
|
img: "https://images.unsplash.com/photo-1507679799987-c73779587ccf?w=200&q=80",
|
|
},
|
|
{
|
|
cat: "SAÚDE",
|
|
readTime: "6",
|
|
catBg: "bg-emerald-100 text-emerald-800",
|
|
title: "Campanha de vacinação alarga faixas etárias em todo o país.",
|
|
excerpt: "Autoridades de saúde reforçam importância da adesão às janelas recomendadas.",
|
|
byline: "Por Saúde",
|
|
date: "23 Mar 2025",
|
|
img: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=200&q=80",
|
|
},
|
|
];
|
|
|
|
|
|
return (
|
|
<div className="min-h-screen bg-white font-sans text-[#1d1d1f] selection:bg-[#0066CC]/20">
|
|
<TvonePromoStrip />
|
|
<TvoneSiteNav />
|
|
|
|
<main className="mx-auto max-w-[1240px] px-6 py-12">
|
|
<div className="flex flex-col gap-16 lg:flex-row lg:items-start">
|
|
|
|
|
|
{/* --- COLUNA PRINCIPAL (ARTIGO) --- */}
|
|
<article className="flex-1 min-w-0">
|
|
<div className="mb-4">
|
|
<span className="text-[13px] font-semibold uppercase tracking-wider text-[#0066CC]">
|
|
Música
|
|
</span>
|
|
</div>
|
|
|
|
<h1 className="Text-3xl font-bold tracking-tight text-neutral-900 text-2xl md:text-4xl">
|
|
Adele: A Turnê Mundial que Redefiniu a Indústria Musical.
|
|
</h1>
|
|
|
|
<div className="mt-6 flex items-center gap-3">
|
|
<div className="h-10 w-10 overflow-hidden rounded-full bg-[#f5f5f7] border border-black/5 flex items-center justify-center font-bold text-[#0066CC]">
|
|
R
|
|
</div>
|
|
<div className="text-[14px]">
|
|
<p className="font-semibold text-[#1d1d1f]">Redação TV ONE</p>
|
|
<p className="text-[#6e6e73]">12 de Junho, 2016 • 4 min de leitura</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{/* Hero Image (Bordas Apple 32px) */}
|
|
<div className="relative mt-10 aspect-video w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-sm border border-black/5">
|
|
<Image
|
|
src="https://images.unsplash.com/photo-1543900694-133f37abaaa5"
|
|
alt="Adele Live 2016"
|
|
fill
|
|
className="object-cover transition-transform duration-700 hover:scale-105"
|
|
priority
|
|
/>
|
|
</div>
|
|
|
|
{/* Corpo do Conteúdo */}
|
|
<div className="mt-12 space-y-8 text-[20px] leading-[1.6] text-[#333] lg:text-[18px] px-6">
|
|
<p className="text-1xl md:text-2xl font-bold leading-snug text-black lg:tracking-tight">
|
|
A turnê de Adele em 2016 foi o ápice de sua carreira, uma celebração de puro talento e conexão emocional que parou o mundo.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
<p>
|
|
A turnê mundial redefiniu um império de mais de $160 milhões, com passagens por arenas esgotadas em quase cem cidades.
|
|
Diferente de outros shows da época, Adele apostou no minimalismo: apenas ela e sua voz impecável.
|
|
</p>
|
|
|
|
|
|
{/* Galeria Grid */}
|
|
<div className="grid grid-cols-2 gap-6 mt-12">
|
|
<div className="relative aspect-square overflow-hidden rounded-2xl bg-neutral-100 border border-black/5">
|
|
<Image unoptimized src="https://images.unsplash.com/photo-1493225255756-d9584f8606e9" fill className="object-cover" alt="Concerto Adele 1" />
|
|
</div>
|
|
<div className="relative aspect-square overflow-hidden rounded-2xl bg-neutral-100 border border-black/5">
|
|
<Image unoptimized src="https://images.unsplash.com/photo-1470225620780-dba8ba36b745" fill className="object-cover" alt="Concerto Adele 2" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Autor e Meta Info */}
|
|
<div className="mt-4 flex items-center justify-between pt-8">
|
|
<div className="flex items-center gap-4">
|
|
<div className="relative h-12 w-12 overflow-hidden rounded-full bg-blue-50 border border-blue-100 flex items-center justify-center">
|
|
<span className="text-[#0066CC] font-bold text-lg">R</span>
|
|
</div>
|
|
<div>
|
|
<p className="text-[15px] font-bold text-black">Por <span className="text-[#0066CC]">Redação</span></p>
|
|
<p className="text-[13px] text-neutral-400 font-medium">12 de Junho, 2016 | 09:30 UTC</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Share Buttons (Estilo Clean Apple) */}
|
|
{/* <div className="flex items-center gap-2.5">
|
|
<button className="flex h-10 w-10 items-center justify-center rounded-2xl bg-neutral-50 text-neutral-500 transition-all hover:bg-[#25D366] hover:text-white hover:scale-110 active:scale-95">
|
|
<FaWhatsapp size={20} />
|
|
</button>
|
|
<button className="flex h-10 w-10 items-center justify-center rounded-2xl bg-neutral-50 text-neutral-500 transition-all hover:bg-[#1877F2] hover:text-white hover:scale-110 active:scale-95">
|
|
<FaFacebookF size={18} />
|
|
</button>
|
|
<button className="flex h-10 w-10 items-center justify-center rounded-2xl bg-neutral-50 text-neutral-500 border border-neutral-200 transition-all hover:bg-black hover:text-white hover:scale-110 active:scale-95">
|
|
<FaInstagram size={20} />
|
|
</button>
|
|
</div> */}
|
|
</div>
|
|
|
|
|
|
{/* Seção de Comentários */}
|
|
<section className="mt-24 border-t border-neutral-100 pt-16">
|
|
<h3 className="text-2xl font-[900] mb-8 flex items-center gap-3 tracking-tight">
|
|
<MessageCircle size={28} className="text-[#0066CC]"/> Comentários
|
|
</h3>
|
|
<div className="rounded-2xl bg-neutral-50 p-8 border border-neutral-100 transition-all focus-within:border-[#0066CC]/30 focus-within:bg-white focus-within:shadow-xl focus-within:shadow-blue-500/5">
|
|
<textarea
|
|
className="w-full bg-transparent outline-none text-lg placeholder:text-neutral-400"
|
|
placeholder="Partilhe a sua opinião..."
|
|
rows={4}
|
|
/>
|
|
<div className="mt-4 flex justify-end">
|
|
<button className="flex items-center gap-2 rounded-2xl bg-[#0066CC] px-10 py-3 font-bold text-white transition-all hover:opacity-90 active:scale-95 shadow-lg shadow-blue-500/20">
|
|
Enviar <Send size={18}/>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
{/* --- SIDEBAR REFINADA --- */}
|
|
{/* --- SIDEBAR REFINADA COM SOCIAL SHARE --- */}
|
|
|
|
<aside className="w-full lg:w-[340px] flex flex-col justify-center align-center items-center shrink-0">
|
|
<div className="sticky top-10 space-y-10 max-w-[400px]">
|
|
|
|
{/* 1. SEÇÃO DE SHARE (ESTILO APPLE NEWS) */}
|
|
<div className="bg-white p-5 rounded-xl border border-neutral-100 shadow-[0_2px_15px_rgba(0,0,0,0.03)]">
|
|
<div className="flex items-center gap-2 mb-4">
|
|
<Share2 size={15} className="text-neutral-400" />
|
|
<h3 className="text-[11px] font-bold text-neutral-400 uppercase tracking-widest">
|
|
Compartilhar
|
|
</h3>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-4 gap-3">
|
|
<button className="group flex flex-col items-O futucenter gap-2">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-full bg-[#25D366] text-white transition-all hover:opacity-90 active:scale-95">
|
|
<SiWhatsapp size={20} />
|
|
</div>
|
|
<span className="text-[10px] font-medium text-neutral-500">WhatsApp</span>
|
|
</button>
|
|
|
|
<button className="group flex flex-col items-center gap-2">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-full bg-[#007AFF] text-white transition-all hover:opacity-90 active:scale-95">
|
|
<SiFacebook size={20} />
|
|
</div>
|
|
<span className="text-[10px] font-medium text-neutral-500">Facebook</span>
|
|
</button>
|
|
|
|
<button className="group flex flex-col items-center gap-2">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-full bg-black text-white transition-all hover:opacity-80 active:scale-95">
|
|
<SiX size={18} />
|
|
</div>
|
|
<span className="text-[10px] font-medium text-neutral-500">Twitter</span>
|
|
</button>
|
|
|
|
<button className="group flex flex-col items-center gap-2">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-full bg-[#F2F2F7] text-[#8E8E93] transition-all hover:bg-[#E5E5EA] active:scale-95">
|
|
<Link2 size={20} />
|
|
</div>
|
|
<span className="text-[10px] font-medium text-neutral-500">Link</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 2. ADVERTORIAL (CEO UNITEL) - REPLACING TV CARD */}
|
|
<div className="group cursor-pointer">
|
|
<div className="flex items-center justify-between mb-3 px-1">
|
|
<div className="h-[15px] flex items-center">
|
|
<img src="/unitel-logo.png" alt="Unitel logo" className="h-full w-auto" />
|
|
</div>
|
|
<span className="text-[10px] font-bold text-neutral-400 uppercase">Pub</span>
|
|
</div>
|
|
|
|
<div className="relative aspect-[4/5] w-full overflow-hidden rounded-xl bg-neutral-100 shadow-sm transition-shadow">
|
|
<Image
|
|
src="/zap.jpeg" // Substitua pelo path real da imagem do print
|
|
alt="CEO da Unitel - O futuro do 5G em Angola"
|
|
fill
|
|
unoptimized
|
|
className="object-contain"
|
|
/>
|
|
{/* Overlay de gradiente para legibilidade do texto se estiver na imagem */}
|
|
{/* <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent opacity-60" /> */}
|
|
|
|
{/* <div className="absolute bottom-6 left-6 right-6">
|
|
<span className="text-[10px] font-bold text-[#007AFF] uppercase tracking-widest">CEO DA UNITEL</span>
|
|
<h4 className="text-white text-xl font-bold mt-2 leading-tight">
|
|
"ro do 5G em Angola e a expansão da conectividade rural"
|
|
</h4>
|
|
</div> */}
|
|
</div>
|
|
|
|
{/* <div className="mt-4 px-1">
|
|
<div className="flex items-center text-[13px] font-bold text-[#007AFF]">
|
|
Ler entrevista completa <ChevronRight size={14} className="ml-1" />
|
|
</div>
|
|
</div> */}
|
|
</div>
|
|
|
|
{/* 3. PREMIUM SUBSCRIPTION - APPLE STYLE */}
|
|
<div className="bg-black p-7 rounded-xl relative overflow-hidden text-white shadow-xl">
|
|
<div className="relative z-10">
|
|
<h4 className="text-[20px] font-bold leading-tight tracking-tight mb-2">
|
|
Assine o Premium.
|
|
</h4>
|
|
<p className="text-[13px] text-[#8E8E93] font-medium mb-6">
|
|
Acesso ilimitado às notícias e análises exclusivas.
|
|
</p>
|
|
|
|
<button className="flex w-full items-center justify-center gap-2 rounded-xl bg-white py-3 text-black font-bold text-[15px] transition-all hover:bg-neutral-100 active:scale-95">
|
|
<svg viewBox="0 0 384 512" className="h-4 w-4 fill-black">
|
|
<path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/>
|
|
</svg>
|
|
<span>Pay</span>
|
|
</button>
|
|
</div>
|
|
{/* Sutil glow de fundo */}
|
|
<div className="absolute top-0 right-0 w-32 h-32 bg-blue-600/20 blur-[40px]" />
|
|
</div>
|
|
|
|
|
|
|
|
<div className="px-1">
|
|
<div className="flex items-center justify-between mb-4 border-b border-neutral-100 pb-2">
|
|
<h3 className="text-[13px] font-bold text-black uppercase tracking-tight">Mais Lidas</h3>
|
|
<span className="text-[11px] font-medium text-neutral-400">Últimas 24h</span>
|
|
</div>
|
|
|
|
<div className="space-y-4">
|
|
{[
|
|
{ id: "01", title: "Câmbio: Kwanza mantém trajetória de estabilidade frente ao Dólar", cat: "Economia" },
|
|
{ id: "02", title: "Novas infraestruturas no Porto de Luanda aumentam eficiência", cat: "Logística" },
|
|
{ id: "03", title: "Selecção Nacional prepara amistoso contra Marrocos", cat: "Desporto" }
|
|
].map((news) => (
|
|
<div key={news.id} className="group cursor-pointer flex align-start justify-start gap-4 text-black">
|
|
<span className="text-2xl font-black text-black group-hover:text-blue transition-colors leading-none">
|
|
{news.id}
|
|
</span>
|
|
<div className="space-y-1 flex flex-col">
|
|
<span className="text-[10px] font-bold text-blue-600 uppercase tracking-widest">{news.cat}</span>
|
|
<h4 className="text-[14px] font-bold text-neutral-900 leading-tight group-hover:text-blue-600 transition-colors">
|
|
{news.title}
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
|
|
<div className="grid gap-x-12 mt-12 gap-y-3 md:grid-cols-1">
|
|
<div className="flex items-center justify-between mb-2 border-b border-neutral-100 pb-2">
|
|
<h3 className="text-[13px] font-bold text-black uppercase tracking-tight">Noticias Principais</h3>
|
|
{/* <span className="text-[11px] font-medium text-neutral-400">Últimas 24h</span> */}
|
|
</div>
|
|
|
|
{recentes.map((item) => (
|
|
<article key={item.title} className="group cursor-pointer">
|
|
<Link href="#" className="flex flex-row items-start gap-6">
|
|
|
|
{/* 1. LADO DA IMAGEM (Limpo e Minimalista) */}
|
|
<div className="relative aspect-[4/3] w-25 shrink-0 overflow-hidden rounded-2xl bg-neutral-100 shadow-sm transition-all duration-500 group-hover:shadow-xl sm:w-25 md:w-25 lg:w-25">
|
|
<Image
|
|
src={item.img}
|
|
alt=""
|
|
fill
|
|
className="object-cover transition duration-700 group-hover:scale-110"
|
|
sizes="(max-width: 60px) 60px, 64px"
|
|
/>
|
|
</div>
|
|
|
|
{/* 2. LADO DO TEXTO (Categoria externa ao topo) */}
|
|
<div className="flex flex-1 flex-col pt-1">
|
|
{/* CATEGORIA E DATA LADO A LADO */}
|
|
<div className="flex items-center gap-2 mb-2">
|
|
<span className="text-[10px] font-bold uppercase tracking-wider text-[#0066CC]">
|
|
{item.cat}
|
|
</span>
|
|
{/* <span className="h-1 w-1 rounded-2xl bg-neutral-300" /> */}
|
|
{/* <span className="text-[10px] font-semibold text-neutral-400 uppercase tracking-tight">
|
|
{item.date}
|
|
</span>
|
|
<span className="h-1 w-1 rounded-2xl bg-neutral-300" />
|
|
<span className="text-[10px] font-bold uppercase text-neutral-400">
|
|
{item.readTime} min
|
|
</span> */}
|
|
</div>
|
|
|
|
<h3 className="line-clamp-3 text-[14px] font-bold leading-tight text-neutral-900 transition-colors group-hover:text-[#0066cc]">
|
|
{item.title}
|
|
</h3>
|
|
|
|
|
|
</div>
|
|
|
|
</Link>
|
|
</article>
|
|
))}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{/* 2. VIDEO - Minimalist Edge-to-Edge */}
|
|
<div className="group">
|
|
<div className="flex items-center justify-between mb-3 px-1">
|
|
<h3 className="text-[13px] font-bold text-black tracking-tight">TV One Angola</h3>
|
|
<div className="flex items-center gap-1.5">
|
|
<span className="h-1.5 w-1.5 rounded-full bg-[#FF3B30] animate-pulse" />
|
|
<span className="text-[11px] font-bold text-[#FF3B30] uppercase">Ao Vivo</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="relative aspect-video w-full overflow-hidden rounded-xl bg-black shadow-sm group-hover:shadow-md transition-shadow">
|
|
{!isPlaying ? (
|
|
<div className="absolute inset-0 z-10 cursor-pointer" onClick={() => setIsPlaying(true)}>
|
|
<Image
|
|
src="https://i.ytimg.com/vi/bfEYtb2O3iI/maxresdefault.jpg"
|
|
alt="Workshop"
|
|
fill
|
|
className="object-cover transition-transform duration-500 group-hover:scale-105 opacity-90"
|
|
/>
|
|
<div className="absolute inset-0 flex items-center justify-center">
|
|
<div className="flex h-14 w-14 items-center justify-center rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white transition-all group-hover:bg-white group-hover:text-[#007AFF] group-hover:scale-110">
|
|
<svg className="h-6 w-6 ml-0.5" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M8 5v14l11-7z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
) : (
|
|
<iframe
|
|
className="absolute inset-0 h-full w-full"
|
|
src="https://www.youtube.com/embed/bfEYtb2O3iI?autoplay=1"
|
|
frameBorder="0"
|
|
allow="autoplay; encrypted-media"
|
|
allowFullScreen
|
|
/>
|
|
)}
|
|
</div>
|
|
|
|
<div className="mt-3.5 px-1">
|
|
<h4 className="text-[16px] font-semibold text-black leading-snug tracking-tight group-hover:text-[#007AFF] transition-colors">
|
|
Workshop “Acelere a Sua Empresa” impulsiona o empreendedorismo em Angola
|
|
</h4>
|
|
<p className="mt-2 text-[12px] text-[#8E8E93] font-medium tracking-tight">Publicado em 24 de Março, 2026</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<TvoneAdBanner />
|
|
<TvoneFooter />
|
|
</div>
|
|
);
|
|
} |