{fullTitle}

88:I[903690,["/chat-static/_next/static/immutable/chunks/3im61c5a8fkcz.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0mwr0fog443j2.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/3qqefvmwew4y9.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/1znnlzfkj81j9.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/0wnsukyi4k1ek.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/31kxnp_byhi43.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/2g0oc9k27bg22.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/2w2x4bf9lm3-y.js","/chat-static/_next/static/immutable/chunks/2uh_-aagfm1yq.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/3_3lqfmfv126f.js","/chat-static/_next/static/immutable/chunks/3wbu0v06tpqrr.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3b31dkoetf3d7.js","/chat-static/_next/static/immutable/chunks/1vx8uudj0cz_4.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/143w7nhyqckcs.js","/chat-static/_next/static/immutable/chunks/0udaurr3r3784.js","/chat-static/_next/static/immutable/chunks/3m12kzoseic0s.js","/chat-static/_next/static/immutable/chunks/1tftl9086q6dm.js","/chat-static/_next/static/immutable/chunks/3io-u6yty6rrx.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/2jj-dsskzkkea.js","/chat-static/_next/static/immutable/chunks/1j5oudbzt39os.js","/chat-static/_next/static/immutable/chunks/3bi-_argycpwi.js","/chat-static/_next/static/immutable/chunks/3hu0_8f7tf9w8.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/0kuscvrfktvnt.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2l3og29it_ib5.js","/chat-static/_next/static/immutable/chunks/1m5fp3kw0roaj.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/2svky_5tna12v.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js"],"ExplicitChatIdProvider"] 89:I[838238,["/chat-static/_next/static/immutable/chunks/3im61c5a8fkcz.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0mwr0fog443j2.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/3qqefvmwew4y9.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/1znnlzfkj81j9.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/0wnsukyi4k1ek.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/31kxnp_byhi43.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/2g0oc9k27bg22.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/2w2x4bf9lm3-y.js","/chat-static/_next/static/immutable/chunks/2uh_-aagfm1yq.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/3_3lqfmfv126f.js","/chat-static/_next/static/immutable/chunks/3wbu0v06tpqrr.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3b31dkoetf3d7.js","/chat-static/_next/static/immutable/chunks/1vx8uudj0cz_4.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/143w7nhyqckcs.js","/chat-static/_next/static/immutable/chunks/0udaurr3r3784.js","/chat-static/_next/static/immutable/chunks/3m12kzoseic0s.js","/chat-static/_next/static/immutable/chunks/1tftl9086q6dm.js","/chat-static/_next/static/immutable/chunks/3io-u6yty6rrx.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/2jj-dsskzkkea.js","/chat-static/_next/static/immutable/chunks/1j5oudbzt39os.js","/chat-static/_next/static/immutable/chunks/3bi-_argycpwi.js","/chat-static/_next/static/immutable/chunks/3hu0_8f7tf9w8.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/0kuscvrfktvnt.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2l3og29it_ib5.js","/chat-static/_next/static/immutable/chunks/1m5fp3kw0roaj.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/2svky_5tna12v.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js"],"SWRDataProvider"] 8b:[] 8c:[["b_lr1aRLGFHDs",null],["b_yVVh5cKSv4K",null],["b_q1qkFDGQGPq",null]] 8d:[["b_lr1aRLGFHDs",{"templateVersionId":null,"templateCanonId":null}],["b_yVVh5cKSv4K",{"templateVersionId":null,"templateCanonId":null}],["b_q1qkFDGQGPq",{"templateVersionId":null,"templateCanonId":null}]] 8e:[["b_AFXcjX5EQ28","$D2025-03-12T14:16:39.705Z"],["b_wczciUTVHJc","$D2025-03-12T14:19:02.515Z"],["b_zt9LCr9Q76J","$D2025-03-12T14:21:28.875Z"],["b_eEmB9Uc9SK5","$D2025-03-12T14:32:34.157Z"],["b_zC9SXiyjqVS","$D2025-03-12T14:36:14.251Z"],["b_1cTDVYTz5Iv","$D2025-03-12T14:39:55.041Z"],["b_EntSm25E91K","$D2025-06-24T01:26:10.205Z"],["b_WW10pcvTH79","$D2025-06-24T01:28:43.297Z"],["b_NeeMISJCGDg","$D2025-06-24T01:31:43.199Z"],["b_P0C0VGo92XH","$D2025-06-24T01:36:28.461Z"],["b_jXA0aZs96Ur","$D2025-06-24T01:39:28.462Z"],["b_INSeSP25p2P","$D2025-06-24T01:42:58.964Z"],["b_K13v9JjjLOL","$D2025-06-24T01:44:48.270Z"],["b_E8Ibl2XGYri","$D2025-06-24T01:48:39.273Z"],["b_vVwo5kclY2q","$D2025-06-24T01:52:41.263Z"],["b_9NQWz2d5VtK","$D2025-06-24T01:56:16.927Z"],["b_2ZkgntIheET","$D2025-06-24T02:00:20.027Z"],["b_ERptZNysuoW","$D2025-06-24T02:02:44.356Z"],["b_RPyXhlyLVY1","$D2025-06-24T02:06:56.110Z"],["b_TlT7YIoejef","$D2025-06-24T02:08:40.590Z"],["b_egA8eknTR2h","$D2025-06-24T02:11:42.254Z"],["b_LyEdoxmSVCW","$D2025-06-24T02:14:18.966Z"],["b_Ms9pgLVDpwY","$D2025-06-24T02:15:17.771Z"],["b_47ZHAHCUYun","$D2025-06-24T02:16:38.857Z"],["b_IyNvZJjAQT9","$D2025-06-24T02:19:08.701Z"],["b_K81dy9ONHeQ","$D2025-06-24T02:22:40.522Z"],["b_3I2CR5Sz5xo","$D2025-06-24T02:28:10.290Z"],["b_Qf2Xrps8dH0","$D2025-06-24T02:35:39.460Z"],["b_boouYKLP5LO","$D2025-06-24T02:35:53.760Z"],["b_S3k2uWJ5TtS","$D2025-06-24T02:35:59.231Z"],["b_Q3lGhfLLG9N","$D2025-06-24T02:41:16.179Z"],["b_hEuoQmzxX21","$D2025-06-24T02:41:25.374Z"],["b_qHgdl9twYZL","$D2025-06-24T02:41:34.913Z"],["b_q7PogpK4DzH","$D2025-06-24T02:48:04.357Z"],["b_CWbubIba4G6","$D2025-06-24T02:51:16.605Z"],["b_IySGCGpaJpp","$D2025-06-24T02:54:37.705Z"],["b_zlDaQqNDw3E","$D2025-06-24T02:56:59.595Z"],["b_8uWriSOnAxU","$D2025-06-24T03:01:25.331Z"],["b_zvvadbBl8Uw","$D2025-07-18T13:25:34.925Z"],["b_sXmPpS9Q303","$D2025-07-18T13:34:07.417Z"],["b_MZQiVFDHy4D","$D2025-07-18T13:36:31.347Z"],["b_7tlUnp9qE0O","$D2025-07-18T13:40:26.459Z"],["b_tEaxFM27xTd","$D2025-07-18T13:42:48.225Z"],["b_tGViOxYOY6L","$D2025-07-18T13:44:04.110Z"],["b_Q3JN6oHi9aW","$D2025-07-18T13:44:56.702Z"],["b_0FExFa33Vww","$D2025-07-18T13:45:57.461Z"],["b_qTC9ExeR5te","$D2025-07-18T13:55:06.414Z"],["b_Rj0kgQZCHdx","$D2025-07-18T14:00:32.014Z"],["b_PM7VYF5pk5L","$D2025-07-18T14:42:07.408Z"],["b_v2ceHzHMPGJ","$D2025-07-18T14:55:39.104Z"],["b_mwIewQq6RE9","$D2025-07-18T14:57:11.860Z"],["b_lr1aRLGFHDs","$D2025-07-18T15:00:51.608Z"],["b_yVVh5cKSv4K","$D2025-07-18T15:10:28.650Z"],["b_q1qkFDGQGPq","$D2026-07-06T14:35:37.686Z"]] 8f:[["b_lr1aRLGFHDs",false],["b_yVVh5cKSv4K",false],["b_q1qkFDGQGPq",false]] 90:[["b_lr1aRLGFHDs","$undefined"],["b_yVVh5cKSv4K","$undefined"],["b_q1qkFDGQGPq","$undefined"]] 91:[["b_lr1aRLGFHDs",null],["b_yVVh5cKSv4K",null],["b_q1qkFDGQGPq",null]] 92:[["b_lr1aRLGFHDs",true],["b_yVVh5cKSv4K",true],["b_q1qkFDGQGPq",true]] 93:[["b_lr1aRLGFHDs",true],["b_yVVh5cKSv4K",true],["b_q1qkFDGQGPq",true]] 94:[] 95:T5cf,The Tailwind config does include the `primary` color with all the shade variants, so `ring-primary-500` should theoretically work. But looking at the CSS syntax error, it seems the `@tailwind` directives are out of order in the error output, and the `@apply ring-primary-500` directive in globals.css is failing to resolve the color—possibly because the custom colors aren't being properly loaded or recognized when the CSS is being processed. The most likely culprit is that the `tailwind.config.ts` file with its TypeScript import of `designTokens` isn't being picked up correctly by the build system, so Tailwind falls back to its default configuration where `primary-500` doesn't exist. Using `@apply` with custom color scales in the base layer for pseudo-selectors should work if the config loads properly, but the build might be using a different resolution or version behavior that's preventing the config from being read. Since the error only surfaces from `@apply` directives in globals.css (which compile at build time) rather than utility classes in JSX (which silently fail if missing), this strongly suggests the custom color tokens from the config aren't available to the CSS layer. The safest approach would be to replace the custom `primary-*` and `neutral-*` classes with standard Tailwind tokens like `ring`, `accent`, `muted`, and `border` that are guaranteed to exist, or switch to CSS variable-based equivalents that don't depend on the config loading correctly.96:T62e,The tokens and config files check out, but `@apply ring-primary-500` is still failing. I'm realizing the v0 environment likely runs on Tailwind v4 with the next-lite runtime, which doesn't read `tailwind.config.ts` at all—instead, the theme gets defined directly in CSS through `@theme` directives. The setup looks like v3 with the standard `@tailwind` directives and JS config, but the runtime error suggests something's misaligned with how v4 actually processes the theme. The immediate blocker is that `globals.css` uses `@apply` statements referencing `primary-*` and `neutral-*` shades that don't resolve. If the config truly isn't loading, then all the numeric shade classes across every component file would silently fail too, which would break the entire design system. The safest fix is to replace those `@apply` statements with the guaranteed semantic tokens that always work—like the DEFAULT values and CSS-variable-based tokens. But if the config isn't loading at all, then `spacing`, `fontSize`, and `boxShadow` from the design tokens wouldn't work either, which would be a much bigger problem than just the `@apply` issue. I'm realizing the core issue: if the config isn't loading, then `primary-600` and other numeric shades won't exist either, which means I need to fix all the `@apply` statements in globals.css that reference these missing utilities. The safest approach is to replace them with direct CSS using hex values or the CSS variables that are guaranteed to exist, rather than relying on Tailwind utilities that depend on the config loading properly.97:T513fd,[V0_FILE]typescriptreact:file="lib/data/testimonials.ts" isEdit="true" isMerged="true" export interface Testimonial { id: string name: string quote: string image: string program: string } export const testimonials: Testimonial[] = [ { id: "margarete", name: "Margarete, 72", quote: "Depois de trabalhar com este treinador por apenas três meses, meu equilíbrio melhorou drasticamente. Me sinto mais forte e confiante nas minhas atividades diárias.", image: "https://images.unsplash.com/photo-1559839734-2b71ea197ec2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", program: "Programa de Fitness para Idosos", }, { id: "jose", name: "José, 65", quote: "A abordagem personalizada para minhas necessidades de condicionamento físico fez toda a diferença. Agora consigo brincar com meus netos sem me cansar.", image: "https://images.unsplash.com/photo-1582750433449-648ed127bb54?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80", program: "Programa de Fitness para Idosos", }, { id: "thiago", name: "Thiago, 28", quote: "Passei de mal conseguir ficar em pé na prancha para surfar ondas com confiança em apenas 8 semanas. A combinação de treinamento na água e exercícios de condicionamento foi perfeita.", image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80", program: "Treinamento de Surf", }, { id: "ana", name: "Ana, 35", quote: "O programa feminino me ajudou não só a ficar mais forte fisicamente, mas também a ganhar confiança. Me sinto mais empoderada e saudável do que nunca.", image: "https://images.unsplash.com/photo-1494790108755-2616b612b786?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80", program: "Treinamento Feminino", }, { id: "carlos", name: "Carlos, 29", quote: "Como atleta competitivo, precisava de um treinamento que me levasse ao próximo nível. Os resultados foram impressionantes - melhorei minha performance em 30%.", image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", program: "Alto Rendimento Masculino", }, { id: "maria", name: "Maria, 42", quote: "Depois dos 40, pensei que seria difícil voltar à forma. O Leonardo me provou o contrário com um programa adaptado às minhas necessidades. Estou mais ativa que aos 30!", image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", program: "Treinamento Feminino", }, ] [V0_FILE]typescriptreact:file="components/sections/footer.tsx" isEdit="true" isMerged="true" import { trainerInfo } from "@/lib/data/trainer-info" export default function Footer() { const quickLinks = [ { name: "Início", href: "#" }, { name: "Sobre", href: "#" }, { name: "Serviços", href: "#" }, { name: "Contato", href: "#" }, ] const programs = [ { name: "Fitness para Idosos", href: "#" }, { name: "Treinamento de Surf", href: "#" }, { name: "Aulas em Grupo", href: "#" }, { name: "Sessões Privadas", href: "#" }, ] return ( ) } [V0_FILE]typescriptreact:file="components/sections/testimonials-section.tsx" isEdit="true" isMerged="true" import TestimonialCard from "@/components/testimonial-card" import { testimonials } from "@/lib/data/testimonials" export default function TestimonialsSection() { return (

Histórias de Sucesso dos Clientes

Ouça pessoas que transformaram suas vidas através de nossos programas de treinamento.

{testimonials.slice(0, 6).map((testimonial) => ( ))}

) } [V0_FILE]typescriptreact:file="components/sections/contact-section.tsx" isEdit="true" isMerged="true" import { Calendar, Mail, Phone } from "lucide-react" import ContactForm from "@/components/contact-form" import { trainerInfo } from "@/lib/data/trainer-info" export default function ContactSection() { return (

Pronto para Começar?

Entre em contato hoje para agendar sua primeira sessão ou saber mais sobre meus programas de treinamento. Ofereço opções de treinamento presencial e virtual.

Telefone

{trainerInfo.contact.phone}

{trainerInfo.contact.email}

Disponibilidade

{trainerInfo.contact.availability}

Envie uma Mensagem

) } [V0_FILE]typescriptreact:file="app/login/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Eye, EyeOff, User, Lock } from "lucide-react" import Link from "next/link" export default function LoginPage() { const [showPassword, setShowPassword] = useState(false) const [formData, setFormData] = useState({ email: "", password: "", }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Aqui você implementaria a lógica de login console.log("Login attempt:", formData) } const handleChange = (e: React.ChangeEvent) => { setFormData({ ...formData, [e.target.name]: e.target.value, }) } return (

Área do Cliente

Entre na sua conta para acessar seus treinos

Não tem uma conta?{" "} Entre em contato para se cadastrar

← Voltar ao início

) } [V0_FILE]typescriptreact:file="components/service-card.tsx" isEdit="true" isMerged="true" import type React from "react" import Image from "next/image" import Link from "next/link" import { Check } from "lucide-react" import { Button } from "@/components/ui/button" interface ServiceCardProps { title: string description: string icon: React.ReactNode features: string[] image: string altText: string serviceId?: string } export default function ServiceCard({ title, description, icon, features, image, altText, serviceId, }: ServiceCardProps) { // Gerar slug do ID do serviço ou do título const slug = serviceId || title .toLowerCase() .replace(/\s+/g, "-") .replace(/[^\w-]/g, "") return (

{icon}

{title}

{description}

{feature}
+ {features.length - 4} benefícios adicionais

) } [V0_FILE]typescriptreact:file="components/testimonial-card.tsx" isEdit="true" isMerged="true" import Image from "next/image" import { Quote } from "lucide-react" interface TestimonialCardProps { name: string quote: string image: string program: string } export default function TestimonialCard({ name, quote, image, program }: TestimonialCardProps) { return (

{name}

{program}

"{quote}"

) } [V0_FILE]typescriptreact:file="lib/data/pricing.ts" isMerged="true" // Centralizando todos os preços e propostas em um local único export interface PricingOption { id: string name: string price: string period: string description: string features: string[] popular?: boolean category: "training" | "consultation" | "assessment" | "nutrition" | "corporate" serviceIds: string[] // IDs dos serviços relacionados } export const pricingOptions: PricingOption[] = [ // TREINAMENTOS { id: "training-session-basic", name: "Sessão de Treinamento", price: "R$ 120", period: "por sessão", description: "Ideal para Fitness Sênior e Treinamento Feminino", features: [ "1 sessão de 60 minutos", "Avaliação física básica", "Programa personalizado", "Orientações nutricionais básicas", ], category: "training", serviceIds: ["senior-fitness", "women-training"], }, { id: "training-session-surf", name: "Sessão de Surf Training", price: "R$ 130", period: "por sessão", description: "Inclui equipamentos e treinamento na água", features: ["1 sessão de 60 minutos", "Equipamentos inclusos", "Treinamento na água", "Técnicas de segurança"], category: "training", serviceIds: ["surf-training"], }, { id: "training-session-performance", name: "Sessão Alto Rendimento", price: "R$ 150", period: "por sessão", description: "Treinamento intensivo com análise de performance", features: ["1 sessão de 60 minutos", "Análise de performance", "Equipamentos profissionais", "Relatório detalhado"], category: "training", serviceIds: ["high-performance"], }, { id: "training-package-basic", name: "Pacote Mensal Básico", price: "R$ 400", period: "8 sessões/mês", description: "Perfeito para consistência nos resultados", features: [ "8 sessões de 60 minutos", "Avaliação física completa", "Programa personalizado detalhado", "Acompanhamento nutricional básico", "Suporte via WhatsApp", ], popular: true, category: "training", serviceIds: ["senior-fitness", "women-training"], }, { id: "training-package-surf", name: "Pacote Mensal Surf", price: "R$ 450", period: "8 sessões/mês", description: "Programa completo de surf com equipamentos", features: [ "8 sessões de 60 minutos", "Equipamentos inclusos", "Treinamento na água e terra", "Análise de técnica", "Suporte via WhatsApp", ], category: "training", serviceIds: ["surf-training"], }, { id: "training-package-performance", name: "Pacote Mensal Performance", price: "R$ 500", period: "8 sessões/mês", description: "Treinamento de elite para atletas", features: [ "8 sessões de 60 minutos", "Análise de performance avançada", "Periodização personalizada", "Relatórios detalhados", "Suporte prioritário", ], category: "training", serviceIds: ["high-performance"], }, // CONSULTORIAS { id: "consultation-online", name: "Consultoria Online", price: "R$ 80", period: "por sessão", description: "Acompanhamento personalizado à distância", features: [ "Sessão de 45 minutos via videochamada", "Programa de treino personalizado", "Suporte via WhatsApp por 7 dias", "Material digital incluso", ], category: "consultation", serviceIds: ["online-consultation"], }, { id: "consultation-online-package", name: "Pacote Consultoria Online", price: "R$ 280", period: "acompanhamento mensal", description: "Flexibilidade total com resultados garantidos", features: [ "4 sessões online de 45 minutos", "Programa de treino semanal", "Suporte diário via WhatsApp", "Relatórios de progresso", "Ajustes semanais no treino", ], category: "consultation", serviceIds: ["online-consultation"], }, { id: "consultation-presential", name: "Consultoria Presencial", price: "R$ 180", period: "por consulta", description: "Consulta de 90 minutos com material impresso", features: [ "Consulta presencial de 90 minutos", "Avaliação postural completa", "Planejamento de treino detalhado", "Orientações nutricionais", "Material impresso personalizado", ], category: "consultation", serviceIds: ["presential-consultation"], }, { id: "consultation-presential-package", name: "Pacote Consultoria Presencial", price: "R$ 300", period: "trimestral", description: "2 consultas + follow-up trimestral", features: [ "2 consultas de 90 minutos", "1 sessão de follow-up", "Material impresso atualizado", "Suporte via WhatsApp", "Ajustes no programa", ], category: "consultation", serviceIds: ["presential-consultation"], }, // AVALIAÇÕES { id: "assessment-complete", name: "Avaliação Física Completa", price: "R$ 150", period: "sessão única", description: "Análise detalhada para otimizar seus resultados", features: [ "Avaliação de 90 minutos", "Bioimpedância e antropometria", "Análise postural completa", "Relatório detalhado com gráficos", "Recomendações personalizadas", ], category: "assessment", serviceIds: ["physical-assessment"], }, { id: "assessment-complete-package", name: "Pacote Avaliação Anual", price: "R$ 400", period: "3 avaliações/ano", description: "Acompanhamento completo da evolução", features: [ "3 avaliações completas", "Relatórios comparativos", "Gráficos de evolução", "Ajustes de programa", "Suporte contínuo", ], category: "assessment", serviceIds: ["physical-assessment"], }, { id: "body-fat-measurement", name: "Medição de Gordura Corporal", price: "R$ 60", period: "por medição", description: "Monitoramento preciso da composição corporal", features: [ "Bioimpedância de alta precisão", "Análise de massa muscular e gordura", "Relatório detalhado", "Orientações personalizadas", "Acompanhamento da evolução", ], category: "assessment", serviceIds: ["body-fat-measurement"], }, { id: "body-fat-package", name: "Pacote Medição Trimestral", price: "R$ 200", period: "4 medições/trimestre", description: "Acompanhamento mensal da evolução", features: [ "4 medições mensais", "Relatórios comparativos", "Gráfico de evolução", "Orientações ajustadas", "Suporte via WhatsApp", ], category: "assessment", serviceIds: ["body-fat-measurement"], }, // NUTRIÇÃO { id: "nutrition-consultation", name: "Consultoria Nutricional", price: "R$ 180", period: "consulta inicial", description: "Plano alimentar personalizado", features: [ "Consulta com nutricionista especializada", "Plano alimentar personalizado", "Cardápio semanal detalhado", "Lista de compras organizada", "Orientações específicas", ], category: "nutrition", serviceIds: ["nutritionist-consultation"], }, { id: "nutrition-package", name: "Pacote Nutricional Trimestral", price: "R$ 400", period: "consulta + 2 retornos", description: "Acompanhamento nutricional completo", features: [ "Consulta inicial + 2 retornos", "Planos alimentares ajustados", "Cardápios variados", "Acompanhamento da evolução", "Integração com treino físico", "Suporte via WhatsApp", ], category: "nutrition", serviceIds: ["nutritionist-consultation"], }, // CORPORATIVO { id: "corporate-wellness", name: "Wellness Corporativo", price: "Sob consulta", period: "programa customizado", description: "Bem-estar personalizado para sua empresa", features: [ "Palestras e workshops", "Avaliações em grupo", "Ginástica laboral", "Programa personalizado", "Relatórios mensais", "Acompanhamento contínuo", ], category: "corporate", serviceIds: ["corporate-wellness"], }, ] // Função para buscar preços por serviço export const getPricingByServiceId = (serviceId: string) => { return pricingOptions.filter((option) => option.serviceIds.includes(serviceId)) } // Função para buscar preços por categoria export const getPricingByCategory = (category: PricingOption["category"]) => { return pricingOptions.filter((option) => option.category === category) } // Função para buscar um preço específico export const getPricingById = (id: string) => { return pricingOptions.find((option) => option.id === id) } [V0_FILE]typescriptreact:file="lib/types/index.ts" isMerged="true" // Tipos centralizados para toda a aplicação export interface BaseEntity { id: string createdAt?: Date updatedAt?: Date } export interface ContactInfo { phone: string email: string availability: string location?: string } export interface SocialLinks { instagram?: string facebook?: string whatsapp?: string linkedin?: string } export interface TrainerProfile extends BaseEntity { name: string tagline: string heroTitle: string heroDescription: string aboutTitle: string aboutDescription: string[] credentials: string[] contact: ContactInfo social?: SocialLinks images: { hero: string about: string [key: string]: string } } export interface Service extends BaseEntity { title: string description: string icon: string features: string[] image: string altText: string category: ServiceCategory duration?: number difficulty?: "beginner" | "intermediate" | "advanced" isActive: boolean } export type ServiceCategory = "training" | "consultation" | "assessment" | "nutrition" | "corporate" export interface PricingOption extends BaseEntity { name: string price: string period: string description: string features: string[] popular?: boolean category: ServiceCategory serviceIds: string[] isActive: boolean order: number } export interface Testimonial extends BaseEntity { name: string quote: string image: string program: string rating: number isActive: boolean order: number } export interface FAQ extends BaseEntity { question: string answer: string category?: string isActive: boolean order: number } export interface ContactFormData { name: string email: string phone?: string program?: string message: string } export interface ApiResponse { data: T success: boolean message?: string error?: string } [V0_FILE]typescriptreact:file="lib/constants/index.ts" isMerged="true" // Constantes centralizadas export const APP_CONFIG = { name: "Leonardo Zomkowski - Personal Trainer", description: "Treinamento personalizado para todas as idades", url: "https://leonardozomkowski.com", locale: "pt-BR", currency: "BRL", } as const export const ROUTES = { home: "/", about: "/sobre", services: "/servicos", contact: "/contato", login: "/login", serviceDetail: (slug: string) => `/servicos/${slug}`, } as const export const CONTACT_METHODS = { phone: "(555) 123-4567", email: "contato@treinadorpessoal.com", whatsapp: "5555123456789", } as const export const BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280, "2xl": 1536, } as const export const ANIMATION_DURATION = { fast: 150, normal: 300, slow: 500, } as const export const SERVICE_CATEGORIES = { training: "Treinamento", consultation: "Consultoria", assessment: "Avaliação", nutrition: "Nutrição", corporate: "Corporativo", } as const export const FORM_VALIDATION = { name: { minLength: 2, maxLength: 50, }, email: { pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, }, phone: { pattern: /^$$\d{2,3}$$\s\d{4,5}-\d{4}$/, }, message: { minLength: 10, maxLength: 500, }, } as const [V0_FILE]typescriptreact:file="lib/utils/index.ts" isMerged="true" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" // Utility para classes CSS export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } // Formatação de preços export function formatPrice(price: number, currency = "BRL"): string { return new Intl.NumberFormat("pt-BR", { style: "currency", currency, }).format(price) } // Formatação de telefone export function formatPhone(phone: string): string { const cleaned = phone.replace(/\D/g, "") const match = cleaned.match(/^(\d{2})(\d{4,5})(\d{4})$/) if (match) { return `(${match[1]}) ${match[2]}-${match[3]}` } return phone } // Geração de slug export function generateSlug(text: string): string { return text .toLowerCase() .normalize("NFD") .replace(/[\u0300-\u036f]/g, "") .replace(/[^\w\s-]/g, "") .replace(/\s+/g, "-") .trim() } // Validação de email export function isValidEmail(email: string): boolean { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/ return emailRegex.test(email) } // Truncar texto export function truncateText(text: string, maxLength: number): string { if (text.length <= maxLength) return text return text.slice(0, maxLength).trim() + "..." } // Delay para animações export function delay(ms: number): Promise { return new Promise((resolve) => setTimeout(resolve, ms)) } // Debounce export function debounce any>(func: T, wait: number): (...args: Parameters) => void { let timeout: NodeJS.Timeout return (...args: Parameters) => { clearTimeout(timeout) timeout = setTimeout(() => func(...args), wait) } } // Scroll suave para elemento export function scrollToElement(elementId: string, offset = 0): void { const element = document.getElementById(elementId) if (element) { const top = element.offsetTop - offset window.scrollTo({ top, behavior: "smooth" }) } } [V0_FILE]typescriptreact:file="hooks/use-form-validation.ts" isMerged="true" "use client" import { useState, useCallback } from "react" interface ValidationRule { required?: boolean minLength?: number maxLength?: number pattern?: RegExp custom?: (value: string) => string | null } interface ValidationRules { [key: string]: ValidationRule } interface ValidationErrors { [key: string]: string } export function useFormValidation>(initialValues: T, rules: ValidationRules) { const [values, setValues] = useState(initialValues) const [errors, setErrors] = useState({}) const [touched, setTouched] = useState>({}) const validateField = useCallback( (name: string, value: string): string | null => { const rule = rules[name] if (!rule) return null if (rule.required && !value.trim()) { return "Este campo é obrigatório" } if (rule.minLength && value.length < rule.minLength) { return `Mínimo de ${rule.minLength} caracteres` } if (rule.maxLength && value.length > rule.maxLength) { return `Máximo de ${rule.maxLength} caracteres` } if (rule.pattern && !rule.pattern.test(value)) { if (name === "email") return "Email inválido" if (name === "phone") return "Telefone inválido" return "Formato inválido" } if (rule.custom) { return rule.custom(value) } return null }, [rules], ) const setValue = useCallback( (name: string, value: string) => { setValues((prev) => ({ ...prev, [name]: value })) if (touched[name]) { const error = validateField(name, value) setErrors((prev) => ({ ...prev, [name]: error || "" })) } }, [touched, validateField], ) const setTouchedField = useCallback( (name: string) => { setTouched((prev) => ({ ...prev, [name]: true })) const error = validateField(name, values[name] || "") setErrors((prev) => ({ ...prev, [name]: error || "" })) }, [values, validateField], ) const validateAll = useCallback((): boolean => { const newErrors: ValidationErrors = {} let isValid = true Object.keys(rules).forEach((name) => { const error = validateField(name, values[name] || "") if (error) { newErrors[name] = error isValid = false } }) setErrors(newErrors) setTouched(Object.keys(rules).reduce((acc, key) => ({ ...acc, [key]: true }), {})) return isValid }, [rules, values, validateField]) const reset = useCallback(() => { setValues(initialValues) setErrors({}) setTouched({}) }, [initialValues]) return { values, errors, touched, setValue, setTouchedField, validateAll, reset, isValid: Object.keys(errors).length === 0 && Object.keys(touched).length > 0, } } [V0_FILE]typescriptreact:file="hooks/use-local-storage.ts" isMerged="true" "use client" import { useState } from "react" export function useLocalStorage(key: string, initialValue: T) { const [storedValue, setStoredValue] = useState(() => { if (typeof window === "undefined") { return initialValue } try { const item = window.localStorage.getItem(key) return item ? JSON.parse(item) : initialValue } catch (error) { console.warn(`Error reading localStorage key "${key}":`, error) return initialValue } }) const setValue = (value: T | ((val: T) => T)) => { try { const valueToStore = value instanceof Function ? value(storedValue) : value setStoredValue(valueToStore) if (typeof window !== "undefined") { window.localStorage.setItem(key, JSON.stringify(valueToStore)) } } catch (error) { console.warn(`Error setting localStorage key "${key}":`, error) } } return [storedValue, setValue] as const } [V0_FILE]typescriptreact:file="hooks/use-intersection-observer.ts" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" interface UseIntersectionObserverProps { threshold?: number root?: Element | null rootMargin?: string freezeOnceVisible?: boolean } export function useIntersectionObserver({ threshold = 0, root = null, rootMargin = "0%", freezeOnceVisible = false, }: UseIntersectionObserverProps = {}) { const [entry, setEntry] = useState() const [isVisible, setIsVisible] = useState(false) const elementRef = useRef() const frozen = entry?.isIntersecting && freezeOnceVisible const updateEntry = ([entry]: IntersectionObserverEntry[]): void => { setEntry(entry) setIsVisible(entry.isIntersecting) } useEffect(() => { const node = elementRef?.current const hasIOSupport = !!window.IntersectionObserver if (!hasIOSupport || frozen || !node) return const observerParams = { threshold, root, rootMargin } const observer = new IntersectionObserver(updateEntry, observerParams) observer.observe(node) return () => observer.disconnect() }, [elementRef, threshold, root, rootMargin, frozen]) return { ref: elementRef, entry, isVisible } } [V0_FILE]typescriptreact:file="components/ui/animated-section.tsx" isMerged="true" "use client" import type React from "react" import { useIntersectionObserver } from "@/hooks/use-intersection-observer" import { cn } from "@/lib/utils" interface AnimatedSectionProps { children: React.ReactNode className?: string animation?: "fade-up" | "fade-in" | "slide-left" | "slide-right" delay?: number } export function AnimatedSection({ children, className, animation = "fade-up", delay = 0 }: AnimatedSectionProps) { const { ref, isVisible } = useIntersectionObserver({ threshold: 0.1, freezeOnceVisible: true, }) const animationClasses = { "fade-up": "translate-y-8 opacity-0", "fade-in": "opacity-0", "slide-left": "-translate-x-8 opacity-0", "slide-right": "translate-x-8 opacity-0", } return (

{children}

) } [V0_FILE]typescriptreact:file="components/ui/icon-wrapper.tsx" isMerged="true" import { cn } from "@/lib/utils" import type { LucideIcon } from "lucide-react" interface IconWrapperProps { icon: LucideIcon size?: "sm" | "md" | "lg" | "xl" variant?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" className?: string } const sizeClasses = { sm: "h-4 w-4", md: "h-6 w-6", lg: "h-8 w-8", xl: "h-10 w-10", } const variantClasses = { default: "text-slate-600", primary: "text-primary", secondary: "text-slate-400", success: "text-green-500", warning: "text-yellow-500", danger: "text-red-500", } export function IconWrapper({ icon: Icon, size = "md", variant = "default", className }: IconWrapperProps) { return } [V0_FILE]typescriptreact:file="components/ui/feature-list.tsx" isMerged="true" import { Check } from "lucide-react" import { IconWrapper } from "./icon-wrapper" import { cn } from "@/lib/utils" interface FeatureListProps { features: string[] maxItems?: number showMoreText?: string variant?: "default" | "compact" className?: string } export function FeatureList({ features, maxItems, showMoreText = "benefícios adicionais", variant = "default", className, }: FeatureListProps) { const displayFeatures = maxItems ? features.slice(0, maxItems) : features const remainingCount = maxItems ? features.length - maxItems : 0 const itemClasses = variant === "compact" ? "space-y-2" : "space-y-3" const textClasses = variant === "compact" ? "text-sm" : "text-base" return (

{feature}
+ {remainingCount} {showMoreText}

) } [V0_FILE]typescriptreact:file="components/ui/price-display.tsx" isMerged="true" import { cn } from "@/lib/utils" interface PriceDisplayProps { price: string period?: string size?: "sm" | "md" | "lg" className?: string } const sizeClasses = { sm: { price: "text-xl", period: "text-xs", }, md: { price: "text-2xl", period: "text-sm", }, lg: { price: "text-4xl", period: "text-base", }, } export function PriceDisplay({ price, period, size = "md", className }: PriceDisplayProps) { return (

{price}

{period &&

{period}

}

) } [V0_FILE]typescriptreact:file="components/common/section-header.tsx" isMerged="true" import { cn } from "@/lib/utils" import { AnimatedSection } from "@/components/ui/animated-section" interface SectionHeaderProps { title: string subtitle?: string description?: string centered?: boolean className?: string } export function SectionHeader({ title, subtitle, description, centered = true, className }: SectionHeaderProps) { return ( {subtitle &&

{subtitle}

}

{title}

{description &&

{description}

} ) } [V0_FILE]typescriptreact:file="components/common/card-wrapper.tsx" isMerged="true" import type React from "react" import { cn } from "@/lib/utils" interface CardWrapperProps { children: React.ReactNode variant?: "default" | "elevated" | "bordered" | "ghost" padding?: "sm" | "md" | "lg" className?: string hover?: boolean } const variantClasses = { default: "bg-white shadow-md", elevated: "bg-white shadow-lg", bordered: "bg-white border border-slate-200", ghost: "bg-transparent", } const paddingClasses = { sm: "p-4", md: "p-6", lg: "p-8", } export function CardWrapper({ children, variant = "default", padding = "md", className, hover = false, }: CardWrapperProps) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/common/testimonial-card.tsx" isMerged="true" import Image from "next/image" import { Quote, Star } from "lucide-react" import { CardWrapper } from "./card-wrapper" import { IconWrapper } from "@/components/ui/icon-wrapper" import { AnimatedSection } from "@/components/ui/animated-section" import type { Testimonial } from "@/lib/types" interface TestimonialCardProps { testimonial: Testimonial delay?: number } export function TestimonialCard({ testimonial, delay = 0 }: TestimonialCardProps) { const { name, quote, image, program, rating } = testimonial return (

{name}

{program}

{Array.from({ length: 5 }).map((_, i) => ( ))}

"{quote}"

) } [V0_FILE]typescriptreact:file="components/common/pricing-card.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { CardWrapper } from "./card-wrapper" import { FeatureList } from "@/components/ui/feature-list" import { PriceDisplay } from "@/components/ui/price-display" import { AnimatedSection } from "@/components/ui/animated-section" import { ROUTES } from "@/lib/constants" import type { PricingOption } from "@/lib/types" interface PricingCardProps { pricing: PricingOption delay?: number ctaText?: string ctaLink?: string } export function PricingCard({ pricing, delay = 0, ctaText = "Escolher Plano", ctaLink = ROUTES.contact, }: PricingCardProps) { const { name, price, period, description, features, popular } = pricing return ( {popular && (

Mais Popular

)}

{name}

{description}

) } [V0_FILE]typescriptreact:file="components/sections/services-section.tsx" isEdit="true" isMerged="true" import { getServicesByCategory } from "@/lib/data/services" import { ServiceCard } from "@/components/common/service-card" import { SectionHeader } from "@/components/common/section-header" import { Button } from "@/components/ui/button" import Link from "next/link" import { ROUTES } from "@/lib/constants" export default function ServicesSection() { // Mostra apenas os serviços de treinamento na home const trainingServices = getServicesByCategory("training") return (

{trainingServices.map((service, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/seo/seo-head.tsx" isMerged="true" import Head from "next/head" import { APP_CONFIG } from "@/lib/constants" interface SEOProps { title?: string description?: string keywords?: string[] image?: string url?: string type?: "website" | "article" | "profile" | "service" author?: string publishedTime?: string modifiedTime?: string noIndex?: boolean canonical?: string } export function SEOHead({ title, description, keywords = [], image = "/images/og-default.jpg", url, type = "website", author = "Leonardo Zomkowski de Azevedo", publishedTime, modifiedTime, noIndex = false, canonical, }: SEOProps) { const fullTitle = title ? `${title} | ${APP_CONFIG.name}` : APP_CONFIG.name const fullDescription = description || APP_CONFIG.description const fullUrl = url ? `${APP_CONFIG.url}${url}` : APP_CONFIG.url const fullImage = image.startsWith("http") ? image : `${APP_CONFIG.url}${image}` const defaultKeywords = [ "personal trainer", "treinador pessoal", "fitness", "academia", "exercícios", "saúde", "bem-estar", "Leonardo Zomkowski", "Florianópolis", "Santa Catarina", ] const allKeywords = [...defaultKeywords, ...keywords].join(", ") return ( {/* Basic Meta Tags */} {fullTitle} {/* Canonical URL */} {/* Open Graph */} {/* Twitter Cards */} {/* Article specific */} {type === "article" && publishedTime && } {type === "article" && modifiedTime && } {type === "article" && } {/* Favicon */} {/* Additional SEO */} ) } [V0_FILE]typescriptreact:file="components/seo/structured-data.tsx" isMerged="true" import { trainerInfo } from "@/lib/data/trainer-info" import { APP_CONFIG } from "@/lib/constants" import type { Service, Testimonial, PricingOption } from "@/lib/types" interface LocalBusinessSchemaProps { services?: Service[] testimonials?: Testimonial[] } export function LocalBusinessSchema({ services = [], testimonials = [] }: LocalBusinessSchemaProps) { const schema = { "@context": "https://schema.org", "@type": "LocalBusiness", "@id": `${APP_CONFIG.url}#business`, name: trainerInfo.name, description: trainerInfo.tagline, url: APP_CONFIG.url, telephone: trainerInfo.contact.phone, email: trainerInfo.contact.email, address: { "@type": "PostalAddress", addressLocality: "Florianópolis", addressRegion: "SC", addressCountry: "BR", }, geo: { "@type": "GeoCoordinates", latitude: -27.5954, longitude: -48.548, }, openingHours: ["Mo-Sa 07:00-19:00"], priceRange: "$$", image: trainerInfo.images.about, logo: `${APP_CONFIG.url}/logo.png`, sameAs: [ "https://instagram.com/leonardozomkowski", "https://facebook.com/leonardozomkowski", "https://linkedin.com/in/leonardozomkowski", ], hasOfferCatalog: { "@type": "OfferCatalog", name: "Serviços de Personal Training", itemListElement: services.map((service, index) => ({ "@type": "Offer", "@id": `${APP_CONFIG.url}/servicos/${service.id}`, name: service.title, description: service.description, category: service.category, url: `${APP_CONFIG.url}/servicos/${service.id}`, position: index + 1, })), }, aggregateRating: testimonials.length > 0 ? { "@type": "AggregateRating", ratingValue: testimonials.reduce((acc, t) => acc + t.rating, 0) / testimonials.length, reviewCount: testimonials.length, bestRating: 5, worstRating: 1, } : undefined, review: testimonials.map((testimonial) => ({ "@type": "Review", author: { "@type": "Person", name: testimonial.name, }, reviewRating: { "@type": "Rating", ratingValue: testimonial.rating, bestRating: 5, worstRating: 1, }, reviewBody: testimonial.quote, })), } return