[V0_FILE]css:file="app/globals.css" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Dark investigation theme with red accent */ --background: oklch(0.08 0.01 30); --foreground: oklch(0.92 0.02 90); --card: oklch(0.12 0.015 30); --card-foreground: oklch(0.92 0.02 90); --popover: oklch(0.1 0.015 30); --popover-foreground: oklch(0.92 0.02 90); --primary: oklch(0.55 0.22 25); --primary-foreground: oklch(0.98 0.01 90); --secondary: oklch(0.18 0.015 30); --secondary-foreground: oklch(0.92 0.02 90); --muted: oklch(0.15 0.015 30); --muted-foreground: oklch(0.55 0.02 90); --accent: oklch(0.55 0.22 25); --accent-foreground: oklch(0.98 0.01 90); --destructive: oklch(0.5 0.22 25); --destructive-foreground: oklch(0.98 0.01 90); --border: oklch(0.22 0.015 30); --input: oklch(0.18 0.015 30); --ring: oklch(0.55 0.22 25); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.125rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @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 font-mono; } } /* VHS and glitch effects */ @keyframes glitch { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); } } @keyframes vhs-noise { 0%, 100% { opacity: 0.1; } 50% { opacity: 0.15; } } @keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100vh); } } .glitch { animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; } .vhs-noise::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px ); pointer-events: none; z-index: 1000; animation: vhs-noise 0.5s infinite; } .scanline::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 2px; background: rgba(255, 255, 255, 0.1); pointer-events: none; z-index: 999; animation: scanline 8s linear infinite; } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "ACESSO RESTRITO | Mente Criminosa", description: "Material confidencial sobre criminosos sexuais. Acesso apenas para profissionais qualificados.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Stage1 } from "@/components/stages/stage-1" import { Stage2to4 } from "@/components/stages/stage-2to4" import { Stage5 } from "@/components/stages/stage-5" import { Stage6 } from "@/components/stages/stage-6" import { Stage7 } from "@/components/stages/stage-7" import { Stage8 } from "@/components/stages/stage-8" import { Stage9 } from "@/components/stages/stage-9" import { Stage10 } from "@/components/stages/stage-10" import { Stage11 } from "@/components/stages/stage-11" import { Stage12 } from "@/components/stages/stage-12" import { HUD } from "@/components/hud" export default function FunnelPage() { const [stage, setStage] = useState(1) const [profile, setProfile] = useState({ coldness: 0, interest: "", question2: "", question3: "", question4: "", question6: "", question9: "", question10: "", }) const nextStage = () => setStage((prev) => prev + 1) const updateProfile = (data: Partial) => { setProfile((prev) => ({ ...prev, ...data })) } return (

{stage === 1 && } {stage === 2 && } {stage === 3 && } {stage === 4 && } {stage === 5 && } {stage === 6 && } {stage === 7 && } {stage === 8 && } {stage === 9 && } {stage === 10 && }

) } [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]typescriptreact:file="components/hud.tsx" isEdit="true" isMerged="true" "use client" export function HUD({ stage, profile }: { stage: number; profile: any }) { return (

⚠ ACESSO RESTRITO ETAPA {stage}/10

STATUS: ONLINE

) } [V0_FILE]typescriptreact:file="hooks/use-audio.ts" isEdit="true" isQuickEdit="true" isMerged="true" export function useAudio() { const playSound = ( type: "click" | "select" | "advance" | "impact" | "unlock" | "alert" | "success" | "scan" | "laugh", ) => { const AudioContext = window.AudioContext || (window as any).webkitAudioContext if (!AudioContext) return const audioContext = new AudioContext() const oscillator = audioContext.createOscillator() const gainNode = audioContext.createGain() oscillator.connect(gainNode) gainNode.connect(audioContext.destination) switch (type) { case "click": // Quick click sound oscillator.frequency.value = 1000 gainNode.gain.setValueAtTime(0.08, audioContext.currentTime) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.05) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.05) break case "select": // Selection confirmation oscillator.frequency.value = 800 gainNode.gain.setValueAtTime(0.1, audioContext.currentTime) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.1) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.1) break case "advance": // Moving forward sound oscillator.frequency.value = 600 gainNode.gain.setValueAtTime(0.15, audioContext.currentTime) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.2) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.2) break case "impact": // Heavy impact oscillator.frequency.value = 200 oscillator.type = "sawtooth" gainNode.gain.setValueAtTime(0.2, audioContext.currentTime) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.3) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.3) break case "unlock": // Unlock/reveal sound oscillator.frequency.value = 400 oscillator.type = "sine" gainNode.gain.setValueAtTime(0.12, audioContext.currentTime) oscillator.frequency.exponentialRampToValueAtTime(1200, audioContext.currentTime + 0.3) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.3) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.3) break case "alert": // Alert/warning sound oscillator.frequency.value = 1200 oscillator.type = "square" gainNode.gain.setValueAtTime(0.1, audioContext.currentTime) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.15) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.15) break case "success": // Success/achievement sound oscillator.frequency.value = 523.25 // C5 gainNode.gain.setValueAtTime(0.15, audioContext.currentTime) oscillator.start(audioContext.currentTime) oscillator.frequency.setValueAtTime(659.25, audioContext.currentTime + 0.1) // E5 oscillator.frequency.setValueAtTime(783.99, audioContext.currentTime + 0.2) // G5 gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.4) oscillator.stop(audioContext.currentTime + 0.4) break case "scan": // Scanning/processing sound oscillator.frequency.value = 300 oscillator.type = "sawtooth" gainNode.gain.setValueAtTime(0.08, audioContext.currentTime) oscillator.frequency.exponentialRampToValueAtTime(600, audioContext.currentTime + 0.5) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.5) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 0.5) break case "laugh": // Evil laugh synthesized sound oscillator.type = "sawtooth" oscillator.frequency.value = 180 gainNode.gain.setValueAtTime(0.15, audioContext.currentTime) // Create laugh pattern with frequency jumps const times = [0, 0.12, 0.24, 0.36, 0.48, 0.6, 0.72] const freqs = [180, 220, 180, 240, 180, 260, 180] times.forEach((time, i) => { oscillator.frequency.setValueAtTime(freqs[i], audioContext.currentTime + time) }) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 1) oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 1) break } } return { playSound } } [V0_FILE]typescriptreact:file="components/stages/stage-7.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useAudio } from "@/hooks/use-audio" export function Stage7({ onNext }: { onNext: () => void }) { const { playSound } = useAudio() const handleUnlock = () => { playSound("alert") setTimeout(() => { playSound("unlock") }, 200) setTimeout(() => { playSound("advance") onNext() }, 600) } return (

🎁 ARQUIVO CONFIDENCIAL LIBERADO

⚠ AVISO

Depois de assistir, muitos relatam que passam a enxergar padrões que antes ignoravam.

Você deseja encarar o que a sociedade prefere varrer pra baixo do tapete?

🎥

[CONTEÚDO BLOQUEADO]

) } [V0_FILE]typescriptreact:file="components/stages/stage-8.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Slider } from "@/components/ui/slider" import { useState } from "react" import { useAudio } from "@/hooks/use-audio" export function Stage8({ onNext, updateProfile }: any) { const [commitment, setCommitment] = useState([50]) const { playSound } = useAudio() const handleSliderChange = (value: number[]) => { playSound("click") setCommitment(value) } const handleContinue = () => { const level = commitment[0] let response = "Não sei" if (level > 70) response = "Sim" else if (level > 40) response = "Sim, com medo" playSound("success") updateProfile({ question9: response, commitment: level }) setTimeout(() => { playSound("advance") onNext() }, 400) } return (

🧠 COMPROMISSO FINAL

Você está pronto pra estudar essas mentes?

Não sei Sim, com medo Sim

COMPROMETIMENTO COM A VERDADE:

{commitment[0]}%

) } [V0_FILE]typescriptreact:file="components/stages/stage-9.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useAudio } from "@/hooks/use-audio" export function Stage9({ onNext }: { onNext: () => void }) { const { playSound } = useAudio() const testimonials = [ { id: 1, text: "Quando entendi o que é Hibristofilia, percebi que atendi uma paciente assim há 2 anos e nem sabia.", role: "Psicóloga Clínica", }, { id: 2, text: "Dei aula com base nesses conteúdos, pois, são muito atualizados", role: "Professor Universitário", }, ] const handleNext = () => { playSound("success") setTimeout(() => { playSound("advance") onNext() }, 400) } return (

🎤 EVIDÊNCIAS DE SUCESSO

Relatos de quem entrou por curiosidade

e saiu com responsabilidade

{testimonials.map((testimonial, index) => (

🎙️

"{testimonial.text}"

✓ EVIDÊNCIA VERIFICADA • {testimonial.role}

))}

PERFIL DO ALUNO

MEMBRO DA ELITE FORENSE

) } [V0_FILE]typescriptreact:file="components/stages/stage-10.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Label } from "@/components/ui/label" import { useAudio } from "@/hooks/use-audio" export function Stage10({ onNext, updateProfile }: any) { const { playSound } = useAudio() const handleAnswer = (value: string) => { playSound("select") updateProfile({ question10: value }) setTimeout(() => { playSound("advance") onNext() }, 800) } return (

💰 ANÁLISE DE VALOR

O custo não está no pagamento. Está em não saber.

De R$ 497,00

POR MUITO MENOS

Gostaria de acessar agora e realmente entender o que move o criminoso sexual e as parafilias que distorcem a sua mente?

Sim. Isso vale muito mais

Sim. Vai me poupar meses de estudos

Depende: tem garantia de acesso vitalício e certificado?

Ainda não sei, mas sei que quero sair do básico urgente

) } [V0_FILE]typescriptreact:file="components/stages/stage-11.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useEffect, useState } from "react" import { useAudio } from "@/hooks/use-audio" export function Stage11({ onNext, profile }: any) { const [progress, setProgress] = useState(0) const [showResults, setShowResults] = useState(false) const { playSound } = useAudio() useEffect(() => { playSound("scan") const interval = setInterval(() => { setProgress((prev) => { if (prev >= 100) { clearInterval(interval) setShowResults(true) playSound("success") return 100 } return prev + 2 }) }, 50) return () => clearInterval(interval) }, []) const profileType = profile.coldness > 70 ? "PROFILER AVANÇADO" : profile.coldness > 50 ? "PROFILER" : "ANALISTA EM FORMAÇÃO" const analysisLevel = profile.coldness > 70 ? "EXCEPCIONAL" : profile.coldness > 50 ? "ACIMA DA MÉDIA" : "MÉDIA" const handleNext = () => { playSound("advance") setTimeout(() => onNext(), 300) } return (

🧠 SCAN FINAL DO PERFIL

{!showResults ? (

Analisando e desvendando perfil...

{progress}%

) : (

Tipo de Perfil

{profileType}

Capacidade de Análise

{analysisLevel}

Nível de Frieza

{profile.coldness}%

Interesse

ALTÍSSIMO

Você já tá dentro.

)}

) } [V0_FILE]typescriptreact:file="hooks/use-ambient-audio.ts" isMerged="true" "use client" import { useEffect, useRef } from "react" export function useAmbientAudio() { const audioContextRef = useRef(null) const gainNodeRef = useRef(null) const oscillatorsRef = useRef([]) useEffect(() => { const startAmbient = () => { if (audioContextRef.current) return const AudioContext = window.AudioContext || (window as any).webkitAudioContext const ctx = new AudioContext() audioContextRef.current = ctx // Master gain (volume muito baixo) const masterGain = ctx.createGain() masterGain.gain.setValueAtTime(0, ctx.currentTime) masterGain.connect(ctx.destination) gainNodeRef.current = masterGain // Fade in suave de 3 segundos masterGain.gain.linearRampToValueAtTime(0.03, ctx.currentTime + 3) // Drone grave suave (55Hz - nota A1) const drone = ctx.createOscillator() drone.type = "sine" // Onda senoidal é a mais suave drone.frequency.setValueAtTime(55, ctx.currentTime) const droneGain = ctx.createGain() droneGain.gain.setValueAtTime(0.5, ctx.currentTime) drone.connect(droneGain) droneGain.connect(masterGain) drone.start() oscillatorsRef.current.push(drone) // Segundo drone uma oitava acima (110Hz) const drone2 = ctx.createOscillator() drone2.type = "sine" drone2.frequency.setValueAtTime(110, ctx.currentTime) const drone2Gain = ctx.createGain() drone2Gain.gain.setValueAtTime(0.3, ctx.currentTime) drone2.connect(drone2Gain) drone2Gain.connect(masterGain) drone2.start() oscillatorsRef.current.push(drone2) // Harmônico sutil (165Hz - nota E) const harmonic = ctx.createOscillator() harmonic.type = "sine" harmonic.frequency.setValueAtTime(165, ctx.currentTime) const harmonicGain = ctx.createGain() harmonicGain.gain.setValueAtTime(0.15, ctx.currentTime) harmonic.connect(harmonicGain) harmonicGain.connect(masterGain) harmonic.start() oscillatorsRef.current.push(harmonic) console.log("[v0] Ambient audio started - soft investigation atmosphere") } // Iniciar no primeiro clique do usuário const handleInteraction = () => { startAmbient() document.removeEventListener("click", handleInteraction) } document.addEventListener("click", handleInteraction) return () => { document.removeEventListener("click", handleInteraction) // Fade out suave antes de parar if (gainNodeRef.current && audioContextRef.current) { const ctx = audioContextRef.current gainNodeRef.current.gain.linearRampToValueAtTime(0, ctx.currentTime + 1) setTimeout(() => { oscillatorsRef.current.forEach((osc) => { try { osc.stop() } catch (e) {} }) audioContextRef.current?.close() }, 1100) } } }, []) return null } [V0_FILE]typescriptreact:file="components/stages/stage-5.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useState } from "react" import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible" import { ChevronDown } from "lucide-react" import { useAudio } from "@/hooks/use-audio" import { useAmbientAudio } from "@/hooks/use-ambient-audio" export function Stage5({ onNext }: { onNext: () => void }) { const [openFolders, setOpenFolders] = useState([]) const { playSound } = useAudio() useAmbientAudio() const courses = [ { id: 1, name: "Sexologia Forense", code: "SF-001", topics: [ "Generalidades", "Estrutura da vida psíquica", "Sexualidade", "Disfunções", "Sexologia", "Transtornos do instinto sexual", "Manifestações sexuais atípicas", "Por excitante anômalo", "Por conduta consumatória não adequada", "Crimes sexuais propriamente ditos", "Outras questões criminais", "Perfil do criminoso sexual", ], }, { id: 2, name: "Ciberpedofilia", code: "CP-002", topics: [ "Crimes Virtuais", "Perfil Criminológico", "Diferença entre Pedófilo x Abusador Sexual Infantil", "Perfil do Hacker e Crakers", "Perfil dos Abusadores Sexuais e Pedófilos", "Crimes Sexuais e Formas de Abordagem nas Redes Sociais", "Sites Abertos e Venda de Conteúdos", "Cyberbullying e Sextortion", "Prevenção e Identificação", "Dispositivos de rastreio", "Controles e restrições de websites", "Coleta e preservação de evidências digitais", "Vestígios x Evidências Digitais", ], }, { id: 3, name: "Agressores Sexuais", code: "AS-003", topics: [ "Tipologia", "Psicopatologia", "Agressão Sexual", "Profiling", "Perícia Psicológica de Agressores Sexuais", "Intervenção Psicológica com agressores de violência sexual", ], }, { id: 4, name: "Profiling em Crimes Sexuais", code: "PC-004", topics: [ "Teorias da Violência Sexual", "Crimes Sexuais", "Psicopatologias", "Crimes Sexuais", "Perfil do Criminoso Sexual", "Vitimologia", "Investigação", "Profiling em Crimes Sexuais", "Fluxo de Notificação Aspectos", "Periciais em Crimes Sexuais", ], }, { id: 5, name: "Hibristofilia", code: "HB-005", topics: [ "O que é Parafilia?", "O que é a hibristofilia?", "A diferença entre parafilia e transtorno", "Tipos de mulheres hibristófilas?", "Quem é o amor da pessoa hibristófila?", "Exemplos de casos famosos de hibristofilia", "Homens hibristófilos", "Tipos de hibristofilias", "O perfil de pessoas hibristófilas", "O que pessoas hibristófilas admiram?", "As situações comuns de convivência com um preso", "Exemplos de séries de TV e filmes onde podemos enxergar comportamentos hibristófilos", ], }, ] const toggleFolder = (id: number) => { if (!openFolders.includes(id)) { playSound("unlock") } setOpenFolders((prev) => (prev.includes(id) ? prev.filter((fid) => fid !== id) : [...prev, id])) } const handleNext = () => { playSound("advance") setTimeout(() => onNext(), 300) } return (

✓ ACESSO CONCEDIDO

Revelando Ficha...

O que você está prestes a ver é estudado por quem{" "} investiga, não por quem opina...

{courses.map((course, index) => ( toggleFolder(course.id)} >

📁

{course.code} CONFIDENCIAL

{course.name}

Conteúdo do arquivo:

▸ {topic}

))}

) } [V0_FILE]typescriptreact:file="components/stages/stage-6.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Label } from "@/components/ui/label" import { useAudio } from "@/hooks/use-audio" import { useAmbientAudio } from "@/hooks/use-ambient-audio" export function Stage6({ onNext, updateProfile }: any) { const { playSound } = useAudio() useAmbientAudio() const handleAnswer = (value: string) => { playSound("select") updateProfile({ question6: value }) setTimeout(() => { playSound("advance") onNext() }, 800) } return (

🧷 QUESTIONAMENTO MORAL

O sistema não mede certo ou errado. Mede sua reação.

Você acha que o criminoso sexual nasce assim ou é moldado?

Já nasce com traços psicopáticos incontroláveis

É moldado pelo ambiente, traumas e abandono

É resultado da combinação entre biologia e contexto

) } [V0_FILE]typescriptreact:file="components/stages/stage-1.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { useAudio } from "@/hooks/use-audio" import { useAmbientAudio } from "@/hooks/use-ambient-audio" export function Stage1({ onNext }: { onNext: () => void }) { const [isGlitching, setIsGlitching] = useState(false) const { playSound } = useAudio() useAmbientAudio() const handleInvade = () => { playSound("alert") setIsGlitching(true) setTimeout(() => { playSound("impact") }, 500) setTimeout(() => { playSound("advance") onNext() }, 1500) } return (

🎥 ACESSO RESTRITO...

Pronto pra entrar e mudar sua percepção para sempre?

A mente do criminoso sexual é um labirinto asqueroso que nós deciframos

Você está prestes a entrar em uma zona de conteúdo{" "} confidencial.

O que você vai ver aqui não é aula.

É material extraído de crimes reais, mentes reais e motivações que{" "} custaram vidas.

Avance apenas se estiver disposto a ir até o fim.

{isGlitching && ( <>

eles estão entre nós...

)}

) } [V0_FILE]typescriptreact:file="components/stages/stage-2to4.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Label } from "@/components/ui/label" import { useAudio } from "@/hooks/use-audio" import { useAmbientAudio } from "@/hooks/use-ambient-audio" export function Stage2to4({ onNext, profile, updateProfile }: any) { const [currentQuestion, setCurrentQuestion] = useState(1) const [answers, setAnswers] = useState({ q2: "", q3: "", q4: "", }) const [selectedOption, setSelectedOption] = useState(null) const [showImpact, setShowImpact] = useState(false) const { playSound } = useAudio() useAmbientAudio() const questions = [ { id: 2, question: "O que mais te instiga: desvendar a mente de um Criminoso sexual?", options: [ "O que leva alguém a cruzar a linha entre fantasia e crime", "A frieza com que eles manipulam e disfarçam", "Descobrir padrões para antecipar futuros crimes", ], }, { id: 3, question: "Você consegue manter frieza diante de crimes sexuais reais?", options: [ "Sim. Lido com fatos, não com emoções", "Depende da gravidade e da vítima", "Às vezes me revolto, mas não deixo isso afetar minha análise", ], }, { id: 4, question: "Qual desses crimes te causa mais desconforto?", options: [ "Crimes sexuais contra bebês e crianças pequenas", "Abusos cometidos por figuras religiosas ou familiares", "Nenhum. Todos são dados que precisam ser estudados friamente", ], }, ] const currentQ = questions[currentQuestion - 1] const handleAnswer = (value: string) => { setSelectedOption(value) playSound("select") setAnswers((prev) => ({ ...prev, [`q${currentQuestion + 1}`]: value })) // Calculate coldness level let coldnessIncrease = 0 if (value.includes("friamente") || value.includes("Nenhum")) coldnessIncrease = 40 else if (value.includes("fatos")) coldnessIncrease = 35 else if (value.includes("padrões")) coldnessIncrease = 30 else coldnessIncrease = 20 updateProfile({ coldness: profile.coldness + coldnessIncrease, [`question${currentQuestion + 1}`]: value, }) setTimeout(() => { setShowImpact(true) playSound("impact") }, 300) setTimeout(() => { playSound("advance") if (currentQuestion < 3) { setCurrentQuestion((prev) => prev + 1) setSelectedOption(null) setShowImpact(false) } else { onNext() } }, 1200) } return (

{showImpact && (

)}

🧪 ANÁLISE PSICOLÓGICA EM ANDAMENTO

Suas respostas não serão julgadas. Elas serão analisadas

(o sistema precisa entender até onde você consegue ir…)

{/* VHS scan effect on selection */} {selectedOption && (

)}

{currentQuestion + 1}

{currentQ.question}

{currentQ.options.map((option, index) => (

{selectedOption === option && ( <>

)} {option}

))}

PERGUNTA {currentQuestion} DE 3 NÍVEL DE FRIEZA: {profile.coldness}%

) } [V0_FILE]typescriptreact:file="components/stages/stage-12.tsx" isEdit="true" isQuickEdit="true" "use client" import { Button } from "@/components/ui/button" import { useEffect, useState } from "react" import { useAudio } from "@/hooks/use-audio" export function Stage12({ profile }: any) { const [timeLeft, setTimeLeft] = useState(15 * 60) const { playSound } = useAudio() useEffect(() => { playSound("alert") const interval = setInterval(() => { setTimeLeft((prev) => { if (prev <= 0) { clearInterval(interval) return 0 } if (prev % 30 === 0 && prev > 0) { playSound("click") } return prev - 1 }) }, 1000) return () => { clearInterval(interval) } }, []) const minutes = Math.floor(timeLeft / 60) const seconds = timeLeft % 60 const handleAccept = () => { playSound("success") setTimeout(() => { playSound("impact") }, 200) setTimeout(() => { playSound("laugh") }, 500) setTimeout(() => { window.location.href = "https://pay.hotmart.com/L100405300U?off=nwe4u1pc&checkoutMode=10" }, 1800) } return (

🕵️‍♂️ MISSÃO SECRETA: CONVITE FINAL

Você foi escolhido para acessar os 5 arquivos confidenciais

⏰ TEMPO LIMITADO

{String(minutes).padStart(2, "0")}:{String(seconds).padStart(2, "0")}

para aceitar a missão

Se você entrar, não é mais curiosidade.

É escolha.

LIBERE 5 CURSOS AGORA MESMO

Pagamento único - SEM MENSALIDADES!

De R$ 497,00

por R$ 147,00

em até 12x de 15,20 no cartão de crédito ou 147,00 à vista

Acesso Vitalício aos Cursos:

º Ciberpedofilia
º Sexologia Forense
º Agressores Sexuais
º Profiling em Crimes Sexuais
º Hibristofilia

Incluso:

º 100H de Certificados no total
º Material Didático

Suas Garantias:

º Acesso imediato, comprou recebeu
º Satisfação total ou seu dinheiro de volta!
º Garantia de 7 dias
º Acesso Vitalício

"Missão iniciada."

) }