[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.15 0 0); --foreground: oklch(0.98 0 0); --card: oklch(0.12 0 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.12 0 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.55 0.22 25); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.2 0 0); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.25 0 0); --muted-foreground: oklch(0.6 0 0); --accent: oklch(0.55 0.22 25); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.55 0.22 25); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.25 0 0); --input: oklch(0.25 0 0); --ring: oklch(0.55 0.22 25); --chart-1: oklch(0.55 0.22 25); --chart-2: oklch(0.35 0 0); --chart-3: oklch(0.45 0 0); --chart-4: oklch(0.65 0.18 25); --chart-5: oklch(0.4 0 0); --radius: 0.75rem; --sidebar: oklch(0.12 0 0); --sidebar-foreground: oklch(0.98 0 0); --sidebar-primary: oklch(0.55 0.22 25); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.25 0 0); --sidebar-accent-foreground: oklch(0.98 0 0); --sidebar-border: oklch(0.25 0 0); --sidebar-ring: oklch(0.55 0.22 25); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const inter = Inter({ subsets: ["latin"], weight: ["400", "500", "600", "700", "800", "900"] }) export const metadata: Metadata = { title: "Sport Club Petrópolis | Clube Esportivo", description: "Site oficial do Sport Club Petrópolis - Notícias, elenco, loja e sócio-torcedor", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from "next/link" import { Instagram, Twitter, Facebook, Youtube } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { HeroSection } from "@/components/home/hero-section" import { LastMatchSection } from "@/components/home/last-match-section" import { NewsPreview } from "@/components/home/news-preview" import { StatsSection } from "@/components/home/stats-section" import { TitlesTimeline } from "@/components/home/titles-timeline" export default function HomePage() { return (

) } [V0_FILE]typescriptreact:file="components/home/hero-section.tsx" isMerged="true" import { Button } from "@/components/ui/button" import Link from "next/link" export function HeroSection() { return (

{/* Banner institucional SCP */}

Sport Club Petrópolis — Força, Energia e Samba

{/* Hero com conteúdo */}

Temporada 2026

Site Oficial do Sport Club Petrópolis

Tuas Cores fazem parte da minha vida • Lobo Do RJ

) } [V0_FILE]typescriptreact:file="components/home/last-match-section.tsx" isMerged="true" import { Card } from "@/components/ui/card" export function LastMatchSection() { return (

Último Jogo

SC Petrópolis

3 × 1

FC Rival

Estádio Municipal • 13/12/2025

) } [V0_FILE]typescriptreact:file="components/home/next-match-countdown.tsx" isMerged="true" "use client" import { Card } from "@/components/ui/card" import { useEffect, useState } from "react" export function NextMatchCountdown() { const [timeLeft, setTimeLeft] = useState({ days: 5, hours: 14, minutes: 32, seconds: 18, }) useEffect(() => { const timer = setInterval(() => { setTimeLeft((prev) => { if (prev.seconds > 0) { return { ...prev, seconds: prev.seconds - 1 } } else if (prev.minutes > 0) { return { ...prev, minutes: prev.minutes - 1, seconds: 59 } } else if (prev.hours > 0) { return { ...prev, hours: prev.hours - 1, minutes: 59, seconds: 59 } } else if (prev.days > 0) { return { ...prev, days: prev.days - 1, hours: 23, minutes: 59, seconds: 59 } } return prev }) }, 1000) return () => clearInterval(timer) }, []) return (

Próxima Partida

SC Petrópolis vs União FC

Campeonato Estadual • Estádio Municipal

Domingo, 22 de Dezembro • 16:00

{[ { label: "Dias", value: timeLeft.days }, { label: "Horas", value: timeLeft.hours }, { label: "Min", value: timeLeft.minutes }, { label: "Seg", value: timeLeft.seconds }, ].map(({ label, value }) => (

{value.toString().padStart(2, "0")}

{label}

))}

) } [V0_FILE]typescriptreact:file="components/home/stats-section.tsx" isMerged="true" import { Trophy, Target, Users, TrendingUp } from "lucide-react" export function StatsSection() { const stats = [ { icon: Trophy, label: "Títulos", value: "39", color: "text-primary" }, { icon: Target, label: "Vitórias na Temporada", value: "0", color: "text-primary" }, { icon: Users, label: "Sócios-Torcedores", value: "92K", color: "text-primary" }, { icon: TrendingUp, label: "Torcedores no Mundo", value: "19M", color: "text-primary" }, ] return (

{stats.map((stat, index) => (

{stat.value}

{stat.label}

))}

) } [V0_FILE]typescriptreact:file="components/home/news-preview.tsx" isMerged="true" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import Link from "next/link" import { ArrowRight, Calendar } from "lucide-react" export function NewsPreview() { const news = [ { id: 1, title: "BEM-VINDO À ALPHA ARENA: A NOVA CASA DO PETRÓPOLIS NA CAPITAL", excerpt: "O Sport Club Petrópolis anuncia sua nova arena no Jardim Oceânico, Barra da Tijuca — a Alpha Arena será a sede dos jogos cariocas do clube.", date: "13 Mar 2026", category: "Infraestrutura", image: "/alpha-arena-banner.png", }, { id: 2, title: "BEM-VINDO, SEBAS: NOVO TÉCNICO É ANUNCIADO PARA A TEMPORADA 2026", excerpt: "Após trabalho brilhante no Club Athletico Paulistano & Urugaúcho, Sebas assina com o Petrópolis por uma temporada.", date: "13 Mar 2026", category: "Contratações", image: "/sebas-welcome.png", }, { id: 3, title: "NOVA IDENTIDADE VISUAL: ALLIANZ LOBO 2026", excerpt: "O estádio Allianz Lobo, no Rio de Janeiro, apresenta sua nova identidade visual para a temporada 2026 com visual moderno e agressivo.", date: "12 Mar 2026", category: "Clube", image: "/allianz-lobo-logo.png", }, ] return (

Últimas Notícias

{news.map((item) => (

{item.category}

{item.date}

{item.title}

{item.excerpt}

))}

) } [V0_FILE]typescriptreact:file="app/socio-torcedor/page.tsx" isMerged="true" "use client" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Check, Star, ArrowLeft, CreditCard, Lock, User, Mail, Phone } from "lucide-react" import { useState } from "react" interface Plan { name: string price: string priceNum: number period: string benefits: string[] highlight: boolean color: string } export default function SocioTorcedorPage() { const [selectedPlan, setSelectedPlan] = useState(null) const [step, setStep] = useState<"plans" | "checkout" | "success">("plans") const plans: Plan[] = [ { name: "Bronze", price: "R$ 29,90", priceNum: 29.90, period: "/mês", color: "text-amber-700", benefits: [ "Desconto de 10% na loja oficial", "Acesso a pré-vendas de ingressos", "Newsletter exclusiva", "Carteirinha digital", ], highlight: false, }, { name: "Prata", price: "R$ 59,90", priceNum: 59.90, period: "/mês", color: "text-slate-300", benefits: [ "Todos os benefícios Bronze", "Desconto de 20% na loja oficial", "1 ingresso gratuito por mês", "Acesso a eventos exclusivos", "Camiseta oficial de boas-vindas", ], highlight: true, }, { name: "Ouro", price: "R$ 99,90", priceNum: 99.90, period: "/mês", color: "text-yellow-400", benefits: [ "Todos os benefícios Prata", "Desconto de 30% na loja oficial", "2 ingressos gratuitos por mês", "Meet & Greet com jogadores", "Acesso às áreas VIP do estádio", "Kit anual de produtos oficiais", ], highlight: false, }, ] const handleSelectPlan = (plan: Plan) => { setSelectedPlan(plan) setStep("checkout") } if (step === "success") { return (

Bem-vindo ao Clube!

Sua assinatura do plano {selectedPlan?.name} foi realizada com sucesso.

Você faz parte da família do Sport Club Petrópolis.

) } if (step === "checkout" && selectedPlan) { return (

Finalizar Assinatura

Plano selecionado: {selectedPlan.name}

{/* Formulário */}

{/* Dados Pessoais */}

Dados Pessoais

Nome Completo

CPF

E-mail

Telefone

{/* Pagamento */}

Pagamento

{/* Método de Pagamento */}

{["Cartão de Crédito", "PIX", "Boleto"].map((method, i) => ( ))}

Número do Cartão

Nome no Cartão

Validade

CVV

{/* Resumo do Pedido */}

Resumo

Plano

{selectedPlan.name}

Total mensal {selectedPlan.price}

Renovação automática todo mês

Pagamento 100% seguro e criptografado

) } return (

{/* Hero Section */}

Temporada 2026

Seja Sócio-Torcedor

O Petrópolis não é apenas um time, é uma religião. Faça parte desta história.

{/* Plans */}

Escolha Seu Plano

Encontre o plano perfeito para você e sua família

{plans.map((plan) => ( {plan.highlight && (

Mais Popular

)}

{plan.name}

{plan.price} {plan.period}

{benefit}

))}

{/* CTA */}

Dúvidas sobre o Programa?

Entre em contato pelo WhatsApp ou e-mail para mais informações

) } [V0_FILE]jpg:file="public/soccer-team-training.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-team-training-X22jsyauqKRddCKsw8eah5RS4giQSl.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-player-signing-contract.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-player-signing-contract-wIOePn8z7QISNeuT2o42DkfzZRsdXQ.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-stadium-tickets.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-stadium-tickets-bbbNyTDnWyFCgxZXFNOer3cQmJiAO9.jpg" isMerged="true" [V0_FILE]jpg:file="public/modern-stadium-renovation.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-stadium-renovation-yUF8xM6L1AJa3QcQ6O4H1rDtKTzAdb.jpg" isMerged="true" [V0_FILE]jpg:file="public/young-soccer-players-training.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/young-soccer-players-training-LUbiFA4b2e2DaR59LVujcYB2W7WoIf.jpg" isMerged="true" [V0_FILE]jpg:file="public/community-charity-event.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/community-charity-event-zhGPfQuYINtTcJ6diVq8aOZ1Mw3QOS.jpg" isMerged="true" [V0_FILE]png:file="public/soccer-goalkeeper-portrait.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-goalkeeper-portrait-51OYvIx7LvFojVH2pPBrhIdScEiFDH.png" isMerged="true" [V0_FILE]jpg:file="public/soccer-defender-portrait.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-defender-portrait-duDhlv9YIpD80iDwIvONXIh5bHwThs.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-defender-athletic.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-defender-athletic-8IRmnxIpQkZTlFZPsssLfrBb0nIjVk.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-center-back.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-center-back-SR6OJHQxHXRnqvIa3PBgEHFYnTShgV.jpg" isMerged="true" [V0_FILE]png:file="public/soccer-midfielder-portrait.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-midfielder-portrait-rFpTpl1V2ZaZc1pyO21iyo6vUD02Zq.png" isMerged="true" [V0_FILE]jpg:file="public/soccer-midfielder-action.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-midfielder-action-V04QCzFZtTBHHoXVey7Yw004rBvk3p.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-playmaker-number-10.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-playmaker-number-10-Q2T3H0WWRHgj7EEzrIwBfzhtwQOEYI.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-winger-portrait.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-winger-portrait-Xuj8M1ZNvzdjoONQyHMQBQfGdkfYT0.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-striker-portrait.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-striker-portrait-pmsmjEyInW7vFIHMDfAMwQMqoyK7C4.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-forward-celebration.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-forward-celebration-yVDZvGo478QJH8DQwOAGaD48OjJjjV.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-defensive-midfielder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-defensive-midfielder-9nsJGUOxyzOU9Lb29N3p7ziAcblkvj.jpg" isMerged="true" [V0_FILE]jpg:file="public/soccer-fullback-running.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soccer-fullback-running-eSSheJBan38wqxnzZiuhxpfM9oPUUQ.jpg" isMerged="true" [V0_FILE]jpg:file="public/black-red-soccer-jersey-home.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/black-red-soccer-jersey-home-pk3MP10xtb05L5o8L3xNkKXo78E6GE.jpg" isMerged="true" [V0_FILE]jpg:file="public/white-red-soccer-jersey-away.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/white-red-soccer-jersey-away-uUQMc3QIlVuqLfrCdkJSjXBGvG1rxh.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]png:file="public/alpha-arena-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/20260313_215545_0000-2auCGHsEQjWHG5u5OqCSA05QwAyAoh.png" isMerged="true" [V0_FILE]png:file="public/sebas-welcome.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/bem%20vindo%2C_20260313_125542_0000-0RONJcKa6TOdRJUV21fYjfVs2Lr0me.png" isMerged="true" [V0_FILE]png:file="public/alpha-arena-banner.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Design%20sem%20nome_20260313_225640_0000-cpKNekX30cv4w4i79Rpv4zCWaUVke2.png" isMerged="true" [V0_FILE]png:file="public/scp-monogram.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Design%20sem%20nome_20260313_152006_0000-8V9X8HeX7hoE7SatJEbakFEYratbSz.png" isMerged="true" [V0_FILE]png:file="public/allianz-lobo-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/20260313_215402_0000-hNOgfZGercsdHCRNBLOj4mPMWFAF0n.png" isMerged="true" [V0_FILE]typescriptreact:file="app/login/page.tsx" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import Image from "next/image" import { Eye, EyeOff, Lock, User } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" export default function LoginPage() { const router = useRouter() const [showPassword, setShowPassword] = useState(false) const [username, setUsername] = useState("") const [password, setPassword] = useState("") const [error, setError] = useState("") function handleSubmit(e: React.FormEvent) { e.preventDefault() if (!username || !password) { setError("Preencha todos os campos.") return } // Simulação de autenticação — aceita qualquer credencial preenchida document.cookie = "scp_auth=1; path=/" router.push("/") } return (

{/* Fundo sutil */}

{/* Logo */}

Bem-vindo ao

Sport Club Petrópolis

{/* Card de login */}

Acesse sua conta

{/* Campo usuário */}

setUsername(e.target.value)} className="pl-10 bg-secondary border-border text-white placeholder:text-muted-foreground focus:border-primary h-12 rounded-lg" />

{/* Campo senha */}

setPassword(e.target.value)} className="pl-10 pr-12 bg-secondary border-border text-white placeholder:text-muted-foreground focus:border-primary h-12 rounded-lg" />

{error && (

{error}

)}

Esqueci minha senha

Ainda não é sócio?{" "} Seja Sócio-Torcedor

{/* Divisor */}

) } [V0_FILE]typescriptreact:file="components/home/titles-timeline.tsx" isMerged="true" export function TitlesTimeline() { type TitleEntry = { year: number competition: string edition?: string badge: string highlight?: boolean } // Campeonato Carioca: 35 títulos com anos reais const cariocaYears = [ 1921, 1928, 1937, 1941, 1950, 1951, 1952, 1953, 1954, 1956, 1961, 1964, 1969, 1970, 1972, 1973, 1974, 1975, 1982, 1988, 1992, 1993, 1994, 1996, 1999, 2000, 2001, 2006, 2009, 2015, 2021, 2022, 2023, 2024, 2025, ] const rawEntries: TitleEntry[] = [ ...cariocaYears.map((year, i) => ({ year, competition: "Campeonato Carioca", edition: `${i + 1}º Título`, badge: "🏆", })), { year: 1987, competition: "Little Cup", edition: "1ª Edição", badge: "🥇", highlight: true }, { year: 2015, competition: "Little Cup", edition: "2ª Edição", badge: "🥇", highlight: true }, { year: 2022, competition: "Little Cup", edition: "3ª Edição", badge: "🥇", highlight: true }, { year: 2022, competition: "Mundial de Clubes", edition: "Campeão Mundial", badge: "🌍", highlight: true }, ] const entries = rawEntries.sort((a, b) => a.year - b.year || a.competition.localeCompare(b.competition)) // Agrupar por década para organizar visualmente type Decade = { label: string; entries: TitleEntry[] } const decades: Decade[] = [] for (const entry of entries) { const decadeStart = Math.floor(entry.year / 10) * 10 const label = `${decadeStart}s` const existing = decades.find((d) => d.label === label) if (existing) { existing.entries.push(entry) } else { decades.push({ label, entries: [entry] }) } } const competitionColors: Record = { "Campeonato Carioca": "bg-primary/20 border-primary/40 text-primary", "Little Cup": "bg-yellow-500/20 border-yellow-500/40 text-yellow-400", "Mundial de Clubes": "bg-blue-500/20 border-blue-500/40 text-blue-400", } return (

História de Títulos

35 Campeonatos Cariocas · 3 Little Cups · 1 Mundial de Clubes

{/* Legenda */}

{Object.entries(competitionColors).map(([comp, cls]) => (

{comp === "Campeonato Carioca" && 🏆} {comp === "Little Cup" && 🥇} {comp === "Mundial de Clubes" && 🌍} {comp}

))}

{/* Timeline por décadas */}

{/* Linha vertical central */}

{decades.map((decade, di) => (

{/* Rótulo da década */}

{decade.label}

{/* Entradas da década */}

{decade.entries.map((entry, ei) => { const isLeft = (di + ei) % 2 === 0 const colorClass = competitionColors[entry.competition] ?? "bg-secondary border-border text-white" return (

{/* Ponto na linha */}

{/* Card do título */}

{entry.competition}

{entry.year} {entry.edition && ( {entry.edition} )}

) })}

))}

) } [V0_FILE]png:file="public/gersta-parceria.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/RIO%20DE_20260313_173439_0000-LNyd74QEKPMugmvpQ6aYqJqELnviA4.png" isMerged="true" [V0_FILE]typescriptreact:file="app/noticias/gersta/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import Link from "next/link" import { ArrowLeft, Calendar, Tag } from "lucide-react" export default function NoticiaGerstaPage() { return (

{/* Hero da Notícia */}

Parceria

Gersta Football é a Nova Fornecedora Oficial do Sport Club Petrópolis

{/* Conteúdo */}

{/* Meta */}

14 de Março de 2026

Parceria Comercial · Materiais Esportivos

{/* Corpo da notícia */}

O Sport Club Petrópolis anuncia nesta sexta-feira (14) uma parceria histórica com a Gersta Football, marca brasileira de materiais esportivos com sede no Rio de Janeiro. O contrato, firmado por 2 temporadas, torna a Gersta a fornecedora oficial de uniformes, equipamentos e acessórios do clube.

A parceria representa um passo importante na profissionalização do Sport Club Petrópolis. A Gersta Football, conhecida por seu DNA brasileiro e pelo compromisso com a qualidade, passará a vestir os 31 atletas do elenco profissional, além das categorias de base, comissão técnica e staff do clube.

Anúncio oficial da parceria Gersta Football e SC Petrópolis

Arte oficial de anúncio da parceria — Gersta Football x SC Petrópolis, Rio de Janeiro

Uma parceria com identidade carioca

A escolha da Gersta Football não foi por acaso. A marca compartilha dos valores do Petrópolis: raízes cariocas, ambição e orgulho de representar o Rio de Janeiro nas competições mais importantes do futebol nacional e internacional. O lema da parceria — "We The Triangle" — simboliza a união entre clube, torcida e fornecedora.

Segundo a diretoria do clube, os novos uniformes desenvolvidos pela Gersta Football para a temporada 2026 foram criados com tecnologia de ponta, priorizando desempenho em campo e identidade visual moderna, condizente com o novo posicionamento do Sport Club Petrópolis.

O que está incluso no contrato

{item}

Declarações oficiais

"A Gersta Football entende o que o Sport Club Petrópolis representa para o Rio de Janeiro e para o futebol brasileiro. Estamos honrados em vestir esse clube histórico e temos certeza de que essa parceria vai muito além dos uniformes."

— Gersta Football, Diretoria Comercial

"Queríamos uma parceria que refletisse nossa nova identidade: moderna, agressiva e com orgulho de ser carioca. A Gersta representa exatamente isso. Estamos muito animados para o que está por vir."

— Sport Club Petrópolis, Diretoria Executiva

Os novos uniformes oficiais da temporada 2026 serão apresentados em evento exclusivo para sócios-torcedores e imprensa nos próximos dias. A linha completa de produtos licenciados estará disponível na Loja Oficial do SC Petrópolis em breve.

{/* Rodapé da notícia */}

Categoria: Parceria

) } [V0_FILE]typescriptreact:file="app/ingressos/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { CalendarX, Bell } from "lucide-react" export default function IngressosPage() { return (

{/* Hero */}

Temporada 2026

Ingressos

Garanta seu lugar no Allianz Lobo e viva a emoção de estar ao lado do Lobo do RJ

{/* Conteúdo principal */}

{/* Ícone */}

Nenhum Jogo Agendado

A temporada 2026 ainda não possui adversários confirmados. Assim que os jogos forem divulgados, os ingressos estarão disponíveis aqui.

Ative as notificações para ser avisado imediatamente quando os jogos forem anunciados.

{/* CTA de notificação */}

{/* Info dos estádios */}

Nossos Estádios

Allianz Lobo

Estádio Principal

Petrópolis, Rio de Janeiro - RJ

Casa oficial do Sport Club Petrópolis

Alpha Arena

Arena na Capital

Jardim Oceânico, Barra da Tijuca — RJ

Sede dos jogos cariocas do clube

) } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" "use client" import Link from "next/link" import { useState, useEffect } from "react" import { Menu, X, LogIn } from "lucide-react" import { Button } from "@/components/ui/button" export function Header() { const [isScrolled, setIsScrolled] = useState(false) const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 10) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

{/* Logo */}

Sport Club Petrópolis

{/* Desktop Navigation */} {/* Mobile Menu Button */}

{/* Mobile Navigation */} {isMobileMenuOpen && (

setIsMobileMenuOpen(false)} > Home setIsMobileMenuOpen(false)} > Notícias setIsMobileMenuOpen(false)} > Elenco setIsMobileMenuOpen(false)} > Loja setIsMobileMenuOpen(false)} > Ingressos setIsMobileMenuOpen(false)}> setIsMobileMenuOpen(false)}>

)}

) } [V0_FILE]typescriptreact:file="app/noticias/[id]/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { ArrowLeft, Calendar, Tag } from "lucide-react" import Link from "next/link" const articles: Record = { "1": { title: "BEM-VINDO À ALPHA ARENA: A NOVA CASA DO PETRÓPOLIS NA CAPITAL", date: "13 Mar 2026", category: "Infraestrutura", image: "/alpha-arena-banner.png", body: [ "O Sport Club Petrópolis dá mais um grande passo rumo ao futuro: a Alpha Arena, localizada no Jardim Oceânico, Barra da Tijuca, Rio de Janeiro, será a nova sede dos jogos cariocas do clube a partir da temporada 2026.", "O projeto da arena foi desenvolvido com o mais alto padrão arquitetônico, trazendo para os torcedores uma experiência imersiva e moderna, digna de um clube de nível internacional. Capacidade para dezenas de milhares de torcedores, camarotes exclusivos para sócios e uma infraestrutura de ponta são alguns dos diferenciais.", "\"A Alpha Arena representa a ambição do Petrópolis de se consolidar como um dos clubes mais relevantes do Brasil. Trazer nossos jogos para a Barra da Tijuca é abrir as portas do clube para uma nova geração de torcedores cariocas\", declarou a diretoria do clube.", "Os jogos no Rio de Janeiro terão os portões abertos para todos os torcedores, com a mesma energia e paixão que o Lobo do RJ carrega desde 2021. Em breve, mais informações sobre a programação de jogos e a venda de ingressos para a Alpha Arena serão divulgadas nos canais oficiais do Sport Club Petrópolis.", ], }, "2": { title: "BEM-VINDO, SEBAS: NOVO TÉCNICO É ANUNCIADO PARA A TEMPORADA 2026", date: "13 Mar 2026", category: "Contratações", image: "/sebas-welcome.png", body: [ "O Sport Club Petrópolis anuncia oficialmente a contratação de Sebas como novo treinador para a temporada 2026. O técnico chega com um currículo impressionante, após realizar um trabalho brilhante no Club Athletico Paulistano e no Urugaúcho, onde conquistou títulos e projetou jogadores ao cenário nacional.", "Sebas assinou contrato por uma temporada completa, com a missão de elevar o nível técnico do elenco e brigar por todos os títulos em disputa. O treinador é conhecido por seu estilo ofensivo, alta intensidade e capacidade de desenvolver jovens atletas.", "\"É uma honra treinar o Sport Club Petrópolis. Este clube tem uma história gigante, 35 títulos do Campeonato Carioca, Little Cups e um Mundial de Clubes. Vim para somar e brigar pelo topo\", afirmou Sebas em sua primeira entrevista coletiva.", "A torcida recebeu o novo técnico com entusiasmo nas redes sociais, e a expectativa é alta para a temporada que se inicia. Sebas já começa a trabalhar com o elenco no Allianz Lobo a partir desta semana.", ], }, "3": { title: "NOVA IDENTIDADE VISUAL: ALLIANZ LOBO 2026", date: "12 Mar 2026", category: "Clube", image: "/allianz-lobo-logo.png", body: [ "O Allianz Lobo, estádio oficial do Sport Club Petrópolis localizado no Rio de Janeiro, apresenta sua nova identidade visual para a temporada 2026. O rebranding traz uma estética moderna e agressiva, com o lobo vermelho como símbolo central e tipografia de alto impacto.", "A nova marca do estádio foi desenvolvida para refletir a força e a tradição do clube, mantendo as cores históricas — preto e vermelho — mas com uma linguagem visual contemporânea, inspirada nos maiores estádios do mundo.", "\"O Allianz Lobo sempre foi a nossa fortaleza. Com a nova identidade, queremos que o estádio transmita, já na sua comunicação visual, o que sentimos dentro de campo: garra, paixão e vitória\", destacou o departamento de marketing do clube.", "A nova identidade estará presente em todas as comunicações oficiais do estádio, sinalização interna, uniformes de funcionários e materiais de evento a partir da temporada 2026.", ], }, "4": { title: "ELENCO SE REAPRESENTA PARA A TEMPORADA 2026", date: "10 Mar 2026", category: "Treinos", image: "/soccer-team-training.jpg", body: [ "O Sport Club Petrópolis deu início oficial à preparação para a temporada 2026 com a reapresentação do elenco no Allianz Lobo. Os 31 atletas se reuniram pela primeira vez sob o comando do novo técnico Sebas para os primeiros trabalhos físicos e táticos do ano.", "A pré-temporada inclui avaliações médicas e físicas, trabalhos de força e resistência, e as primeiras sessões táticas com o novo sistema de jogo proposto por Sebas. O foco inicial está na construção de uma base física sólida para encarar a temporada longa que se aproxima.", "Destaques do elenco como Nevek (10), João Pedrinho (7) e Matheus Rayo (9) participaram normalmente de todos os treinos e demonstraram motivação para a nova temporada.", "O calendário competitivo de 2026 ainda está sendo definido. Assim que os adversários e datas forem confirmados, o clube divulgará todas as informações em seus canais oficiais.", ], }, "5": { title: "CATEGORIAS DE BASE: JOVENS TALENTOS EM DESTAQUE", date: "08 Mar 2026", category: "Base", image: "/young-soccer-players-training.jpg", body: [ "O Sport Club Petrópolis segue investindo fortemente em seu projeto de categorias de base. A temporada 2026 promete revelar novos talentos formados nas divisões juvenis do clube, que já atraem atenção de olheiros nacionais.", "O centro de formação do clube, localizado em Petrópolis, recebe jovens atletas de todo o estado do Rio de Janeiro, oferecendo estrutura de treino, apoio educacional e acompanhamento psicológico. O modelo de formação integral é um dos diferenciais do projeto.", "Nesta temporada, cinco jovens das categorias sub-17 e sub-20 foram promovidos para treinar com o elenco profissional, acompanhando os trabalhos do técnico Sebas. A aposta na base é uma das diretrizes estratégicas do clube para os próximos anos.", ], }, "6": { title: "CAMPANHA SOLIDÁRIA: CLUBE APOIA COMUNIDADE LOCAL", date: "05 Mar 2026", category: "Social", image: "/community-charity-event.jpg", body: [ "O Sport Club Petrópolis realizou mais uma edição de sua campanha solidária, entregando cestas básicas, material escolar e kits esportivos para famílias em situação de vulnerabilidade social na região de Petrópolis, RJ.", "A ação contou com a presença de jogadores do elenco profissional, que interagiram com crianças e jovens da comunidade, reforçando o papel social que o clube desempenha além das quatro linhas.", "\"O Petrópolis é de Petrópolis. Nossa obrigação não é só vencer dentro de campo, mas também transformar vidas fora dele. Ações como essa representam o que o clube significa para a nossa comunidade\", afirmou o presidente do clube.", "A campanha é realizada trimestralmente e já beneficiou mais de 2.000 famílias desde sua criação. Qualquer torcedor pode contribuir através do programa de sócios solidários disponível no site oficial.", ], }, } export default function NoticiaPage({ params }: { params: { id: string } }) { const article = articles[params.id] if (!article) { return (

Notícia não encontrada

) } return (

Voltar às Notícias

{article.category} {article.date}

{article.title}

{article.body.map((paragraph, i) => (

{paragraph}

))}

) } [V0_FILE]typescriptreact:file="app/noticias/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Card } from "@/components/ui/card" import { Calendar } from "lucide-react" import Link from "next/link" export default function NoticiasPage() { const news = [ { id: "uniformes-2026", title: "A FORCA RUBRO-NEGRA: OS NOVOS UNIFORMES GERSTA 2026 SAO REVELADOS", excerpt: "Em parceria com a Gersta Football, o Sport Club Petrópolis apresenta a coleção de uniformes 2026 — Home Kit, Away Kit e Camisa de Goleiro. Visual arrojado, identidade rubro-negra e muito orgulho.", date: "16 Mar 2026", category: "Uniformes", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/20260316_174710_0000-GLl6OMgJaUBEoiSFzUyW8ElrulXFcC.png", href: "/noticias/uniformes-2026", }, { id: "iker", title: "BEM-VINDO, IKER: VOLANTE CHEGA AO PETROPOLIS EM CONTRATO DE 3 TEMPORADAS", excerpt: "Um dos melhores volantes do Brasil assina com o Sport Club Petrópolis. Iker chega do Camburí Futebol Clube (ES) em negociação de 15 milhões de Little Coins.", date: "16 Mar 2026", category: "Contratações", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/1_20260316_184143_0000-nffDQQmeVlll9BIlLP1DyiGNoLdpKo.png", href: "/noticias/iker", }, { id: "rael", title: "BEM-VINDO, RAEL: LATERAL CAMPEO DA LITTLE CUP REFROCA O PETROPOLIS", excerpt: "Rael, lateral esquerdo ofensivo e campeão da Little Cup 2023 com a Gralha-Azul, chega ao Petrópolis em negociação de 7 milhões de Little Coins e contrato de 4 anos.", date: "16 Mar 2026", category: "Contratações", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/20260316_193922_0000-6RZlfh9pjUbyZ5ToBpLwE4TLKFirFI.png", href: "/noticias/rael", }, { id: 7, title: "GERSTA FOOTBALL E A NOVA FORNECEDORA OFICIAL DO PETROPOLIS", excerpt: "Sport Club Petrópolis e Gersta Football firmam contrato de 2 anos para fornecimento de materiais esportivos. Uma parceria histórica entre o clube e a marca brasileira.", date: "14 Mar 2026", category: "Parceria", image: "/gersta-parceria.png", href: "/noticias/gersta", }, { id: 1, title: "BEM-VINDO A ALPHA ARENA: A NOVA CASA DO PETROPOLIS NA CAPITAL", excerpt: "O Sport Club Petrópolis anuncia sua nova arena no Jardim Oceânico, Barra da Tijuca — a Alpha Arena será a sede dos jogos cariocas do clube a partir de 2026.", date: "13 Mar 2026", category: "Infraestrutura", image: "/alpha-arena-banner.png", href: "/noticias/1", }, { id: 2, title: "BEM-VINDO, SEBAS: NOVO TECNICO E ANUNCIADO PARA A TEMPORADA 2026", excerpt: "Após trabalho brilhante no Club Athletico Paulistano & Urugaúcho, Sebas assina com o Petrópolis por uma temporada.", date: "13 Mar 2026", category: "Contratações", image: "/sebas-welcome.png", href: "/noticias/2", }, { id: 3, title: "NOVA IDENTIDADE VISUAL: ALLIANZ LOBO 2026", excerpt: "O Allianz Lobo, estádio do Petrópolis no Rio de Janeiro, apresenta sua nova identidade visual para a temporada 2026 com visual moderno e agressivo.", date: "12 Mar 2026", category: "Clube", image: "/allianz-lobo-logo.png", href: "/noticias/3", }, { id: 4, title: "ELENCO SE REAPRESENTA PARA A TEMPORADA 2026", excerpt: "Jogadores iniciam preparação física e tática visando os campeonatos da temporada.", date: "10 Mar 2026", category: "Treinos", image: "/soccer-team-training.jpg", href: "/noticias/4", }, { id: 5, title: "CATEGORIAS DE BASE: JOVENS TALENTOS EM DESTAQUE", excerpt: "Projeto de formação do clube revela promessas para o futuro do Sport Club Petrópolis.", date: "08 Mar 2026", category: "Base", image: "/young-soccer-players-training.jpg", href: "/noticias/5", }, { id: 6, title: "CAMPANHA SOLIDARIA: CLUBE APOIA COMUNIDADE LOCAL", excerpt: "Ação social entrega cestas básicas e material esportivo para famílias carentes da região.", date: "05 Mar 2026", category: "Social", image: "/community-charity-event.jpg", href: "/noticias/6", }, ] return (

Notícias

Fique por dentro de tudo que acontece no Sport Club Petrópolis

{news.map((item) => (

{item.category}

{item.date}

{item.title}

{item.excerpt}

))}

) } [V0_FILE]typescriptreact:file="app/elenco/page.tsx" isMerged="true" "use client" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { useState } from "react" type PositionCategory = | "todos" | "goleiros" | "zagueiros" | "laterais" | "volantes" | "meias" | "pontas" | "atacantes" interface Player { id: number name: string number: string position: string category: PositionCategory } export default function ElencoPage() { const [hoveredPlayer, setHoveredPlayer] = useState(null) const [activeFilter, setActiveFilter] = useState("todos") const players: Player[] = [ // Goleiros { id: 1, name: "Rafaella Djonovas", number: "1", position: "Goleira", category: "goleiros" }, { id: 2, name: "Menezes", number: "12", position: "Goleiro", category: "goleiros" }, // Zagueiros { id: 3, name: "Salinha do Fut", number: "5", position: "Zagueiro", category: "zagueiros" }, { id: 4, name: "Madu Ferroz", number: "2", position: "Zagueira", category: "zagueiros" }, { id: 5, name: "Yago Sentinel", number: "3", position: "Zagueiro", category: "zagueiros" }, { id: 6, name: "Luscas Cucuro", number: "4", position: "Zagueiro", category: "zagueiros" }, // Laterais { id: 8, name: "Iguinício", number: "6", position: "Lateral Direito", category: "laterais" }, { id: 9, name: "Sinistro Jr", number: "13", position: "Lateral Esquerdo", category: "laterais" }, { id: 10, name: "Silveiro Peres", number: "44", position: "Lateral Direito", category: "laterais" }, { id: 11, name: "Thurzinho", number: "99", position: "Lateral Esquerdo", category: "laterais" }, { id: 32, name: "Rael", number: "14", position: "Lateral Esquerdo", category: "laterais" }, // Volantes { id: 12, name: "Enzinhoxx", number: "15", position: "Volante", category: "volantes" }, { id: 13, name: "Iuri Delgado", number: "18", position: "Volante", category: "volantes" }, { id: 33, name: "Iker", number: "21", position: "Volante", category: "volantes" }, // Meias de Ligação { id: 15, name: "Nicolas Marley", number: "23", position: "Meia de Ligação", category: "meias" }, { id: 16, name: "Bruna CRF", number: "8", position: "Meia de Ligação", category: "meias" }, { id: 17, name: "Xaybach", number: "17", position: "Meia de Ligação", category: "meias" }, // Meias Atacantes { id: 18, name: "Nevek", number: "10", position: "Meia Atacante", category: "meias" }, { id: 19, name: "Brunech", number: "81", position: "Meia Atacante", category: "meias" }, { id: 20, name: "Santoskkj", number: "16", position: "Meia Atacante", category: "meias" }, // Pontas { id: 22, name: "Sarah Timão", number: "77", position: "Ponta Esquerda", category: "pontas" }, { id: 23, name: "Enrico Miguel", number: "29", position: "Ponta Direita", category: "pontas" }, // Segundos Atacantes { id: 25, name: "Venezia BR", number: "45", position: "Segundo Atacante", category: "atacantes" }, { id: 26, name: "Maconha Rodrigues", number: "40", position: "Segundo Atacante", category: "atacantes" }, // Centroavantes { id: 27, name: "João Pedrinho", number: "7", position: "Centroavante", category: "atacantes" }, { id: 28, name: "Matheus Rayo", number: "9", position: "Centroavante", category: "atacantes" }, { id: 29, name: "Leton Brasileiro", number: "11", position: "Centroavante", category: "atacantes" }, ] const filters: { label: string; value: PositionCategory }[] = [ { label: "Todos", value: "todos" }, { label: "Goleiros", value: "goleiros" }, { label: "Zagueiros", value: "zagueiros" }, { label: "Laterais", value: "laterais" }, { label: "Volantes", value: "volantes" }, { label: "Meias", value: "meias" }, { label: "Pontas", value: "pontas" }, { label: "Atacantes", value: "atacantes" }, ] const filteredPlayers = activeFilter === "todos" ? players : players.filter((p) => p.category === activeFilter) const getPositionColor = (category: PositionCategory): string => { switch (category) { case "goleiros": return "bg-amber-500" case "zagueiros": return "bg-blue-500" case "laterais": return "bg-cyan-500" case "volantes": return "bg-green-500" case "meias": return "bg-purple-500" case "pontas": return "bg-orange-500" case "atacantes": return "bg-primary" default: return "bg-primary" } } const getInitials = (name: string): string => { const parts = name.split(" ") if (parts.length === 1) return parts[0].substring(0, 2).toUpperCase() return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase() } return (

Elenco 2026

Conheça os 27 atletas que defendem as cores do Sport Club Petrópolis

{/* Filters */}

{filters.map((filter) => ( ))}

{filteredPlayers.map((player) => ( setHoveredPlayer(player.id)} onMouseLeave={() => setHoveredPlayer(null)} >

{/* Player Avatar with Initials */}

{getInitials(player.name)}

{/* Number Badge */}

{player.number}

{/* Position Indicator */}

{/* Player Info */}

{player.position}

{player.name}

))}

{/* Stats Bar */}

{filters.slice(1).map((filter) => { const count = players.filter((p) => p.category === filter.value).length return (

{count}

{filter.label}

) })}

) } [V0_FILE]typescriptreact:file="app/noticias/uniformes-2026/page.tsx" isMerged="true" 'use client' import { Header } from '@/components/header' import { Footer } from '@/components/footer' import { Button } from '@/components/ui/button' import { ArrowLeft, Calendar } from 'lucide-react' import Link from 'next/link' export default function UniformesPage() { return (

{/* Breadcrumb */}

{/* Hero Image */}

{/* Article */}

{/* Header */}

16 de Março de 2026

A Força Rubro-Negra: Os Novos Uniformes Gersta 2026

Em parceria histórica, Sport Club Petrópolis e Gersta Football revelam a coleção de uniformes para a temporada 2026

{/* Content */}

Nesta terça-feira, 16 de março de 2026, o Sport Club Petrópolis e a Gersta Football anunciaram oficialmente a nova coleção de uniformes que vestirão os atletas rubro-negros durante a temporada 2026. Em um evento grandioso que reuniu torcedores, mídia especializada e membros da diretoria, os novos kits foram apresentados em toda sua magnitude.

Design Arrojado e Identidade Rubro-Negra

A Gersta Football, marca brasileira consolidada no mercado de materiais esportivos, entregou um projeto ambicioso e moderno. Os uniformes 2026 do Petrópolis combinam a tradição rubro-negra com inovações tecnológicas de ponta, refletindo a força, energia e samba que definem o clube desde 2021.

"A parceria com a Gersta representa um marco em nossa história. Esses uniformes são mais que uma vestimenta — são a expressão visual de nosso projeto de crescimento e consolidação como uma das grandes forças do futebol carioca", afirmou o presidente do clube durante o evento de lançamento.

Os Três Uniformes da Coleção 2026

1. Home Kit — Poder do Lobo

O uniforme principal apresenta o clássico padrão de listras horizontais vermelhas e pretas com os acabamentos em branco. A peça traz o monograma SP em branco bordado no peito, logo da Gersta e patrocinador principal Verizon. Costas limpas e linhas laterais em degradê completam o design robusto e agressivo.

2. Away Kit — Elegância Rubro-Negra

A camisa de visitante opta por um design branco minimalista com faixa vertical vermelha central e detalhes pretos nas mangas. Mantém o mesmo padrão de logos e acabamentos do home, garantindo coesão visual entre os kits. A escolha do branco destaca a identidade visual moderna do Petrópolis.

3. Camisa de Goleiro

Para os guarda-redes, a Gersta criou uma peça exclusiva em vermelho vibrante com detalhes em branco na gola polo e mangas. O design robusto transmite autoridade e proteção, elementos essenciais para quem defende o patrimônio rubro-negro. Padrão de textura em triângulos confere movimento visual à peça.

Tecnologia e Conforto

Todos os uniformes foram desenvolvidos com tecnologia respirável de última geração, garantindo máximo desempenho em campo. A Gersta utilizou malha especial de alta compressão que favorece a circulação de ar e reduz fadiga muscular, essencial para atletas de elite.

Os tecidos são resistentes a umidade e secam rapidamente, características fundamentais para o futebol carioca com seu clima tropical. Além disso, toda a coleção passou por testes rigorosos de durabilidade e movimentação.

Disponibilidade na Loja

Os novos uniformes Gersta 2026 já estão disponíveis para compra na loja oficial do Sport Club Petrópolis. A coleção será usada pelos atletas a partir do próximo compromisso oficial do clube, marcando o início de uma nova era no futebol rubro-negro.

Home Kit: R$ 499,99 | Away Kit: R$ 489,90 | Camisa de Goleiro: R$ 249,99

"Força, Energia e Samba" — o lema que define o Sport Club Petrópolis também define estes uniformes. Uma coleção para a história.

) } [V0_FILE]typescriptreact:file="app/noticias/iker/page.tsx" isMerged="true" 'use client' import { Header } from '@/components/header' import { Footer } from '@/components/footer' import { Button } from '@/components/ui/button' import { ArrowLeft, Calendar } from 'lucide-react' import Link from 'next/link' export default function IkerPage() { return (

{/* Breadcrumb */}

{/* Hero Image */}

{/* Article */}

{/* Header */}

16 de Março de 2026

Bem-Vindo, Iker: Volante Chega ao Petrópolis

Um dos melhores volantes do Brasil assina contrato de 3 temporadas com o Sport Club Petrópolis

{/* Content */}

Após meses de negociações e trâmites burocráticos, o Sport Club Petrópolis oficializou a contratação de Iker, um dos volantes mais promissores do futebol brasileiro. O jogador, que atuava no Camburí Futebol Clube (Espírito Santo), assina contrato por 3 temporadas com o clube rubro-negro e chega para reforçar significativamente o elenco de 2026.

Um Volante de Classe Mundial

Iker é reconhecido nacionalmente como um dos melhores volantes em atividade no Brasil. Sua capacidade de marcação, distribuição de jogo e liderança em campo o colocam entre os principais nomes da posição. Aos 27 anos, o atleta chega em seu auge físico e técnico para reforçar o setor defensivo do Petrópolis.

"Iker é exatamente o que procurávamos. Um volante experiente, vencedor e com uma visão de jogo excepcional. Sua chegada marca nossa ambição em competir nas mais altas esferas do futebol carioca", declarou o diretor de futebol do clube.

História de Interesse e Superação

O Sport Club Petrópolis já havia demonstrado interesse no atleta em 2024, mas complicações administrativas e contratuais do Camburí Futebol Clube impediram a transação na época. Durante dois anos, a diretoria rubro-negra manteve contato com o jogador e seu agente, acompanhando seu desempenho e reafirmando o interesse.

"Ficou claro para mim que o Petrópolis realmente me queria. Essa perseverança durante esses dois anos me mostrou a magnitude do projeto do clube. Agora chego em 2026 pronto para conquistar títulos e ajudar o Petrópolis a crescer ainda mais", disse Iker em entrevista coletiva no dia da apresentação.

Números da Contratação

A negociação envolveu 15 milhões de Little Coins, tornando-se uma das maiores contratações na história recente do Sport Club Petrópolis. O investimento reflete a confiança da diretoria no potencial do atleta e no projeto de crescimento do clube para a temporada 2026.

O contrato contempla cláusulas de desempenho e bonificações por títulos conquistados, um modelo moderno que beneficia tanto o clube quanto o jogador em caso de sucesso coletivo.

Impacto no Elenco

A chegada de Iker completa o setor de volantes do Petrópolis, que agora conta com três atletas de alto nível para disputar a posição. O volante promete trazer mais solidez defensiva e criatividade nas transições, características que elevam o padrão técnico do elenco rubro-negro.

O técnico Sebas já trabalha na integração de Iker ao sistema tático do Petrópolis. Os primeiros treinos mostram sintonia e entrosamento rápido, alimentando esperanças de que o volante contribuirá decisivamente nos campeonatos vindouros.

Expectativas Para 2026

Com Iker em campo, o torcedor rubro-negro espera ver um Petrópolis mais robusto defensivamente e mais criativo ofensivamente. A combinação de sua experiência com a qualidade do restante do elenco promete fazer de 2026 um ano marcante na história do clube.

Um dos melhores volantes do Brasil, finalmente, vista a camisa rubro-negra. Bem-vindo, Iker. O Lobo do RJ espera por você.

) } [V0_FILE]typescriptreact:file="app/noticias/rael/page.tsx" isMerged="true" 'use client' import { Header } from '@/components/header' import { Footer } from '@/components/footer' import { Button } from '@/components/ui/button' import { ArrowLeft, Calendar } from 'lucide-react' import Link from 'next/link' export default function RaelPage() { return (

{/* Breadcrumb */}

{/* Hero Image */}

{/* Article */}

{/* Header */}

16 de Março de 2026

Bem-Vindo, Rael: Lateral Campeão da Little Cup

Campeão pela Gralha-Azul em 2023, Rael chega ao Petrópolis em negociação de 7 milhões de Little Coins

{/* Content */}

O Sport Club Petrópolis anunciou a contratação de Rael, lateral esquerdo ofensivo de grande qualidade técnica e experiência vencedora. O atleta chega do futebol de elite sul-americano em negociação envolvendo 7 milhões de Little Coins e assina contrato de 4 temporadas com o clube rubro-negro. O anúncio foi feito oficialmente na tarde de 16 de março de 2026.

O Currículo Campeão

Rael é conhecido no meio futebolístico como um lateral esquerdo ofensivo de classe internacional. Sua grande marca é a combinação de defesa sólida com ataque criativo, permitindo que o Petrópolis se arme tanto defensivamente quanto no contra-ataque. Aos 25 anos, está em seu auge de maturidade e experiência.

O título mais importante no currículo de Rael é a conquista da Little Cup de 2023 pela Gralha-Azul, onde foi destaque em toda a competição. Sua performance no torneio chamou atenção de grandes clubes, incluindo o Sport Club Petrópolis, que buscava um lateral esquerdo ofensivo de qualidade.

Qualidades Técnicas

Rael é especialista em lançamentos precisos para o ataque, dribles em alta velocidade e cruzamentos de qualidade. Sua visão de jogo permite que o Petrópolis construa jogadas ofensivas pelo flanco esquerdo com mais criatividade e perigo. Defensivamente, o lateral demonstra consistência, bom posicionamento e marcação inteligente.

"Rael é exatamente o tipo de lateral que buscávamos. Ofensivo, criativo, mas sem abrir mão da defesa. Ele vai elevar o nível técnico do nosso flanco esquerdo", afirmou o técnico Sebas sobre a contratação.

Contrato e Investimento

A negociação envolveu 7 milhões de Little Coins, consolidando Rael como uma das prioridades do Sport Club Petrópolis para 2026. O contrato de 4 temporadas garante estabilidade e projeta o atleta como peça fundamental na construção do elenco rubro-negro para os próximos anos.

O presidente do clube destacou a importância estratégica da contratação: "Rael chega para ser titular indiscutível e referência na posição. Seu contrato longo reflete nossa confiança no potencial do jogador e nossa vontade de construir um projeto sólido e duradouro".

Integração ao Elenco

Rael chegou ao Brasil já treinando com a delegação rubro-negra, sob orientação do técnico Sebas e da comissão técnica. Os primeiros treinos mostram entrosamento rápido e familiaridade com o sistema tático do Petrópolis. O lateral deve fazer sua estreia oficial na próxima rodada dos campeonatos em disputa.

A dupla defensiva de laterais do Petrópolis ganha novo destaque com a chegada de Rael. A equipe agora conta com laterais ofensivos de qualidade internacional, diferencial importante no futebol moderno.

Objetivo Comum

Rael expressou entusiasmo pela nova fase: "Quando recebi a proposta do Petrópolis, não pensei duas vezes. É um clube com projeto, estrutura e ambição. Quero conquistar títulos aqui, quero deixar minha marca na história rubro-negra e retornar à elite sul-americana com o Petrópolis."

Campeão da Little Cup, agora lateral do Petrópolis. Que seja o primeiro de muitos títulos pelo Lobo do RJ.

) } [V0_FILE]typescriptreact:file="app/loja/page.tsx" "use client" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ShoppingCart, Filter, X, CreditCard, Truck, ShieldCheck, ChevronRight, Minus, Plus, ArrowLeft } from "lucide-react" import { useState } from "react" type Category = "todos" | "2025" | "2024" | "2023" | "2026" | "goleiro" interface Product { id: number name: string description: string price: string priceNum: number season: string category: Category image: string } const products: Product[] = [ { id: 1, name: "Camisa 2025 — Edição Especial", description: "Coleção 2025 • Branca com textura dourada", price: "R$ 449,99", priceNum: 449.99, season: "2025", category: "2025", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20251211-WA0037%281%29-8WxRRiclVaraLRib6qcaWjqDQqK4rL.jpg", }, { id: 2, name: "Camisa 2025 — Titular", description: "Coleção 2025 • Preta com listras vermelhas", price: "R$ 449,99", priceNum: 449.99, season: "2025", category: "2025", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20251211-WA0044%281%29-aPjZ6TQrdi7oNFpRWpvnYrYBNnFRiL.jpg", }, { id: 3, name: "Camisa 2025 — Away", description: "Coleção 2025 • Branca com estampa montanha", price: "R$ 449,99", priceNum: 449.99, season: "2025", category: "2025", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20260314-WA0005-YsaEdRbfhmKeFWkOxsbypgWQuH7I2f.jpg", }, { id: 4, name: "Camisa Goleiro 2025", description: "Coleção 2025 • Amarela — Exclusiva para Goleiros", price: "R$ 180,00", priceNum: 180.00, season: "2025", category: "goleiro", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20241124-WA0158-R2FG5ZJy6vqLICUfNNWpk7vFZcTwfI.jpg", }, { id: 5, name: "Camisa 2024 — Away", description: "Coleção 2024 • Branca com faixas vermelha e preta", price: "R$ 399,99", priceNum: 399.99, season: "2024", category: "2024", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20241124-WA0148-bb3CI7EBZw0UCuDLYL6jj8SsBExoxp.jpg", }, { id: 6, name: "Camisa 2024 — Titular", description: "Coleção 2024 • Preta com listras vermelhas e douradas", price: "R$ 399,99", priceNum: 399.99, season: "2024", category: "2024", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20250105-WA0031-yQqLN7tlNTO8Xo99Hcjd084uQP62Il.jpg", }, { id: 7, name: "Camisa 2023 — Titular", description: "Coleção 2023 • Preta com listras verticais vermelhas", price: "R$ 359,99", priceNum: 359.99, season: "2023", category: "2023", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20251210-WA0026%281%29-262xJMpcGSatj2KgxDaNslWVy2B8Ok.jpg", }, { id: 8, name: "Camisa 2023 — Away", description: "Coleção 2023 • Vermelha com faixas horizontais pretas", price: "R$ 359,99", priceNum: 359.99, season: "2023", category: "2023", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20250105-WA0048-4frp76P1LAOSGXd2cSuJ12E2S5t0k.jpg", }, { id: 9, name: "Camisa Home Kit Gersta 2026", description: "Coleção 2026 • Listras horizontais vermelho/preto com branco", price: "R$ 499,99", priceNum: 499.99, season: "2026", category: "2026", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/1773685910927-dOIDtYsZTDRJeZMnMAa9BhjnWRkdd8.png", }, { id: 10, name: "Camisa Away Kit Gersta 2026", description: "Coleção 2026 • Branco com faixa vertical vermelha", price: "R$ 489,90", priceNum: 489.90, season: "2026", category: "2026", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/1773685124787-S7wfperaifkRldhs6nL0cRNUHALhtL.png", }, { id: 11, name: "Camisa de Goleiro Home Kit Gersta 2026", description: "Coleção 2026 • Vermelha — Exclusiva para Goleiros", price: "R$ 249,99", priceNum: 249.99, season: "2026", category: "goleiro", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/1773687129602-66wJ1wOsGWh4dvDVi3844fTaRqYJZj.png", }, ] const sizes = ["P", "M", "G", "GG", "GG1"] const paymentMethods = [ { id: "pix", label: "PIX" }, { id: "credito", label: "Cartão de Crédito" }, { id: "debito", label: "Cartão de Débito" }, { id: "boleto", label: "Boleto" }, ] type Step = "catalog" | "size" | "checkout" | "success" export default function LojaPage() { const [activeFilter, setActiveFilter] = useState("todos") const [selectedProduct, setSelectedProduct] = useState(null) const [selectedSize, setSelectedSize] = useState("") const [qty, setQty] = useState(1) const [step, setStep] = useState("catalog") const [payment, setPayment] = useState("pix") const [form, setForm] = useState({ nome: "", email: "", cpf: "", telefone: "", endereco: "", numero: "", complemento: "", bairro: "", cidade: "", estado: "", cep: "", cartao: "", titular: "", validade: "", cvv: "" }) const filters: { label: string; value: Category }[] = [ { label: "Todos", value: "todos" }, { label: "2026", value: "2026" }, { label: "2025", value: "2025" }, { label: "Goleiro", value: "goleiro" }, { label: "2024", value: "2024" }, { label: "2023", value: "2023" }, ] const filtered = activeFilter === "todos" ? products : products.filter((p) => p.category === activeFilter) const seasonBadgeColor: Record = { todos: "bg-primary", "2026": "bg-green-600", "2025": "bg-primary", goleiro: "bg-amber-500", "2024": "bg-blue-600", "2023": "bg-zinc-500", } const total = selectedProduct ? (selectedProduct.priceNum * qty).toFixed(2).replace(".", ",") : "0,00" function handleSelectProduct(product: Product) { setSelectedProduct(product) setSelectedSize("") setQty(1) setStep("size") window.scrollTo({ top: 0, behavior: "smooth" }) } function handleProceedToCheckout() { if (!selectedSize) return setStep("checkout") window.scrollTo({ top: 0, behavior: "smooth" }) } function handleConfirm(e: React.FormEvent) { e.preventDefault() setStep("success") window.scrollTo({ top: 0, behavior: "smooth" }) } function handleBackToSize() { setStep("size") window.scrollTo({ top: 0, behavior: "smooth" }) } function handleBackToCatalog() { setStep("catalog") setSelectedProduct(null) setSelectedSize("") setQty(1) window.scrollTo({ top: 0, behavior: "smooth" }) } // TELA DE SUCESSO if (step === "success" && selectedProduct) { return (

Pedido Confirmado

Compra Realizada!

Obrigado pela sua compra, {form.nome || "torcedor"}!

Você receberá um e-mail com os detalhes do pedido em breve. Prazo de entrega: até 10 dias úteis.

{selectedProduct.name}

Tamanho: {selectedSize} | Qtd: {qty}

R$ {total}

) } // TELA DE CHECKOUT (DADOS E PAGAMENTO) if (step === "checkout" && selectedProduct) { return (

Etapa 2 de 2

Dados e Pagamento

{/* Formulário */}

{/* Dados pessoais */}

Dados Pessoais

Nome Completo * setForm(f => ({...f, nome: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="Seu nome completo" />

E-mail * setForm(f => ({...f, email: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="seu@email.com" />

CPF * setForm(f => ({...f, cpf: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="000.000.000-00" />

Telefone * setForm(f => ({...f, telefone: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="(00) 00000-0000" />

{/* Endereço de entrega */}

Endereço de Entrega

CEP * setForm(f => ({...f, cep: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="00000-000" />

Endereço * setForm(f => ({...f, endereco: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="Rua, Avenida..." />

Número * setForm(f => ({...f, numero: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="123" />

Complemento setForm(f => ({...f, complemento: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="Apto, bloco..." />

Bairro * setForm(f => ({...f, bairro: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="Seu bairro" />

Cidade * setForm(f => ({...f, cidade: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="Sua cidade" />

Estado * setForm(f => ({...f, estado: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="RJ" maxLength={2} />

{/* Pagamento */}

Forma de Pagamento

{paymentMethods.map(m => ( ))}

{/* PIX */} {payment === "pix" && (

PIX

Após confirmar o pedido, você receberá o QR Code e a chave PIX para pagamento.

Aprovação instantânea

)} {/* Cartão de Crédito */} {payment === "credito" && (

Número do Cartão * setForm(f => ({...f, cartao: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="0000 0000 0000 0000" />

Nome do Titular * setForm(f => ({...f, titular: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="Nome como está no cartão" />

Validade * setForm(f => ({...f, validade: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="MM/AA" />

CVV * setForm(f => ({...f, cvv: e.target.value}))} className="w-full h-11 bg-background border border-border rounded-lg px-4 text-sm text-white focus:outline-none focus:border-primary transition-colors" placeholder="000" maxLength={4} />

Parcele em até 3x sem juros

)} {/* Cartão de Débito */} {payment === "debito" && (

Débito à vista — aprovação instantânea

)} {/* Boleto */} {payment === "boleto" && (

BOL

O boleto será gerado após a confirmação do pedido.

Prazo de pagamento: 3 dias úteis

)}

{/* Resumo do pedido */}

Resumo do Pedido

{selectedProduct.name}

{selectedProduct.description}

Tamanho {selectedSize}

Quantidade {qty}

Subtotal {selectedProduct.price}

Frete A calcular

Total R$ {total}

Entrega em até 10 dias úteis

Compra segura e garantida

) } // TELA DE SELEÇÃO DE TAMANHO if (step === "size" && selectedProduct) { return (

Etapa 1 de 2

Escolha o Tamanho

{/* Imagem do produto */}

{selectedProduct.season}

{/* Detalhes e seleção */}

{selectedProduct.name}

{selectedProduct.description}

{selectedProduct.price}

{/* Seletor de tamanho */}

Selecione o Tamanho

{sizes.map(s => ( ))}

{!selectedSize && (

Selecione um tamanho para continuar

)}

{/* Seletor de quantidade */}

Quantidade

{qty}

{/* Total */}

Total R$ {total}

{/* Botão de comprar */} {/* Info adicional */}

Frete grátis para compras acima de R$ 300

Troca grátis em até 30 dias

) } // CATÁLOGO return (

Loja Oficial

Vista as cores do seu time com orgulho

{/* Aviso coleção 2026 */}

Filtrar

{filters.map((f) => ( ))}

{filtered.map((product) => (

{product.season}

{product.name}

{product.description}

{product.price}

))}

) }