1500metaforas – cursotop

<?php
/* Template Name: Página Metáforas Terapêuticas */

get_header(); ?>

<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>1.500 Metáforas Terapêuticas Ilustradas – Transforme suas Sessões</title>
<meta name=”description” content=”Revolucione sua abordagem terapêutica com 1.500 metáforas poderosas que simplificam conceitos complexos. Ideal para psicólogos, terapeutas e profissionais da saúde mental.”>
<meta name=”author” content=”Comunidade do Autocuidado”>
<!– Open Graph –>
<meta property=”og:title” content=”1.500 Metáforas Terapêuticas Ilustradas – Material Exclusivo”>
<meta property=”og:description” content=”Revolucione sua abordagem terapêutica com metáforas poderosas que simplificam conceitos complexos e despertam aprendizados profundos sobre as emoções.”>
<meta property=”og:type” content=”website”>

<!– Fonts –>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap” rel=”stylesheet”>

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: ‘Montserrat’, system-ui, -apple-system, sans-serif;
line-height: 1.6;
color: #0f172a;
background-color: #ffffff;
}

/* Variáveis do sistema de design */
:root {
–primary: 220 90% 56%;
–primary-foreground: 0 0% 100%;
–secondary: 280 100% 70%;
–accent: 340 82% 52%;
–destructive: 0 84% 60%;
–destructive-foreground: 0 0% 100%;
–muted: 210 40% 98%;
–muted-foreground: 215 16% 47%;
–card: 0 0% 100%;
–border: 214 32% 91%;
–foreground: 222 84% 5%;
–background: 0 0% 100%;
}

/* Adicionar os outros estilos conforme necessário */
.hero-section {
background-color: #f3f4f6;
padding: 4rem 0;
}

.hero-title {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1.5rem;
}

/* Outros estilos */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.5rem;
font-weight: 600;
transition: all 0.3s;
text-decoration: none;
cursor: pointer;
border: none;
font-family: inherit;
}

.btn-hero {
background: linear-gradient(135deg, hsl(var(–primary)), hsl(var(–accent)));
color: white;
padding: 1rem 2rem;
font-size: 1.125rem;
font-weight: 700;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Adicionar o restante do seu CSS aqui */
</style>
</head>

<body>
<!– Hero Section –>
<section class=”hero-section”>
<div class=”container”>
<div class=”hero-content”>
<div class=”hero-text”>
<!– Social Proof –>
<div class=”social-proof”>
<div class=”stars”>
<span class=”star”>★</span>
<span class=”star”>★</span>
<span class=”star”>★</span>
<span class=”star”>★</span>
<span class=”star”>★</span>
</div>
<span class=”reviews”>+12 mil avaliações</span>
</div>

<!– Main Headline –>
<h1 class=”hero-title”>
<span class=”text-gradient”>1.500 Metáforas Terapêuticas Ilustradas</span>
</h1>

<!– Subtitle –>
<p class=”hero-subtitle”>
Revolucione sua abordagem terapêutica com metáforas poderosas que
<strong>simplificam conceitos complexos</strong> e
despertam aprendizados profundos sobre as emoções.
</p>

<!– Target Audience –>
<div class=”target-audience”>
<p>Ideal para:</p>
<div class=”audience-tags”>
<span class=”audience-tag”>Psicólogos</span>
<span class=”audience-tag”>Terapeutas</span>
<span class=”audience-tag”>Educadores</span>
<span class=”audience-tag”>Profissionais da Saúde Mental</span>
</div>
</div>
</div>

<!– VSL Video –>
<div class=”hero-video”>
<div class=”video-container”>
<div class=”video-wrapper”>
<iframe
src=”https://player-vz-59b7217d-5c7.tv.pandavideo.com.br/embed/?v=636f6d70-2d23-46d4-9db2-2010a0ab7551″
class=”video-iframe” allowfullscreen>
</iframe>
</div>
</div>
</div>

<!– CTA Buttons –>
<div class=”cta-buttons”>
<button class=”btn btn-hero”>📖 Quero Acessar Agora Mesmo!</button>
<button class=”btn btn-outline”>Ver Conteúdo do Material</button>
</div>

<!– Trust Indicators –>
<div class=”trust-indicators”>
<div>👥 +50.000 profissionais</div>
<div>📚 Material exclusivo</div>
</div>
</div>
</div>
</section>

<!– Product Showcase Section –>
<section id=”conteudo-material” class=”section showcase”>
<div class=”container”>
<div class=”section-header”>
<h2 class=”section-title”>
Veja alguns exemplos dessas <span class=”text-gradient”>metáforas incríveis</span>
</h2>
<p class=”section-subtitle”>
Cada volume contém 100 metáforas cuidadosamente ilustradas para diferentes aspectos emocionais
</p>
</div>

<div class=”grid”>
<!– Example Cards (repetir para cada volume) –>
<div class=”card”>
<h3>Volume 1</h3>
<p>Raiva e Frustração</p>
</div>
<!– Repita os cards para os outros volumes –>
</div>
</div>
</section>

<!– Benefits Section –>
<section class=”section benefits”>
<div class=”container”>
<div class=”section-header”>
<h2 class=”section-title”>Por que as <span class=”text-gradient”>metáforas funcionam</span> tão bem na terapia?</h2>
<p class=”section-subtitle”>
Descubra como as metáforas podem revolucionar suas sessões terapêuticas
</p>
</div>

<div class=”grid”>
<div class=”card”>
<h3>Facilita a Compreensão</h3>
<p>Transformam conceitos abstratos em imagens concretas, tornando o entendimento mais natural e duradouro.</p>
</div>
<!– Outros benefícios –>
</div>
</div>
</section>

<!– Testimonials Section –>
<section class=”section testimonials”>
<div class=”container”>
<div class=”section-header”>
<h2 class=”section-title”>O que dizem os <span class=”text-gradient”>profissionais</span></h2>
</div>

<div class=”grid”>
<div class=”card testimonial”>
<p>”As metáforas transformaram completamente minhas sessões. Meus pacientes conseguem entender conceitos complexos de forma muito mais natural.”</p>
<p><strong>Dra. Marina Silva</strong> – Psicóloga Clínica</p>
</div>
<!– Outros testemunhos –>
</div>
</div>
</section>

<!– CTA Special Offer Section –>
<section id=”checkout-especial” class=”cta-special”>
<div class=”container”>
<h2>🎯 ACESSO COMPLETO POR TEMPO LIMITADO</h2>
<p>Garante já o material mais completo de metáforas terapêuticas do Brasil</p>

<div class=”offer-details”>
<p class=”original-price”>De R$ 497,00</p>
<p class=”current-price”>R$ 197</p>
<p>à vista ou em até 12x</p>
</div>

<button class=”btn btn-destructive”>🛒 GARANTIR MINHA VAGA AGORA</button>
</div>
</section>

<!– Guarantee Section –>
<section class=”guarantee-section”>
<div class=”container”>
<div class=”guarantee-card”>
<h3>Garantia Incondicional de 7 Dias</h3>
<p>Se você não ficar completamente satisfeito com o material, devolvemos 100% do seu dinheiro. Sem perguntas, sem complicações.</p>
</div>
</div>
</section>

<!– Scripts –>
<script src=”https://player.pandavideo.com.br/api.v2.js” async></script>
<script>
// Initialize PandaVideo
window.pandascripttag = window.pandascripttag || [];
window.pandascripttag.push(function() {
try {
const p = new PandaPlayer(‘panda-636f6d70-2d23-46d4-9db2-2010a0ab7551’, {
onReady() {
p.loadButtonInTime({fetchApi: true});
},
library_id: ‘vz-59b7217d-5c7’,
video_id: ‘636f6d70-2d23-46d4-9db2-2010a0ab7551’,
defaultStyle: true
});
} catch (error) {
console.log(‘PandaVideo loading…’);
}
});
</script>

<?php get_footer(); ?>
</body>
</html>