/* global React, Icon */
const { useState, useEffect } = React;
// =====================================================
// Testimonials — beta player quotes
// =====================================================
function TestimonialsSection({ lang }) {
const t = lang === 'es' ? {
label: 'Testimonios',
h: <>Lo que dicen los beta testers.,
p: 'Jugadores reales en Puerto Rico que llevan tres meses probando PIQUEL antes del lanzamiento público.',
items: [
{ q: '"Me uní un martes. El miércoles ya tenía partido coordinado con dos personas que jamás había conocido. Esto cambia el juego, literal."', a: 'C', n: 'Carla R.', r: 'Jugadora · Intermedio · San Juan' },
{ q: '"Antes pasábamos tres días en el grupo para coordinar un doble. Con PIQUEL fueron tres minutos. No regreso a WhatsApp para esto, ni loco."', a: 'M', n: 'Marco V.', r: 'Jugador · Avanzado · Bayamón' },
{ q: '"Como dueño de cancha, ver mi ocupación en vivo y a los jugadores reservando sin tener que coordinar nada — ese es el futuro."', a: 'D', n: 'Damaris O.', r: 'Club Owner · Cancha del Norte' }]
} : {
label: 'Testimonials',
h: <>What the beta testers say.,
p: 'Real players in Puerto Rico who have been testing PIQUEL for three months before public launch.',
items: [
{ q: '"I signed up on a Tuesday. By Wednesday I had a match locked in with two players I had never met. This is a different game."', a: 'C', n: 'Carla R.', r: 'Player · Intermediate · San Juan' },
{ q: '"We used to burn three days in the group chat to coordinate one doubles match. With PIQUEL it was three minutes. I am not going back."', a: 'M', n: 'Marco V.', r: 'Player · Advanced · Bayamón' },
{ q: '"As a court owner, seeing my occupancy live and players reserving without coordinating anything — that is the future."', a: 'D', n: 'Damaris O.', r: 'Club Owner · Cancha del Norte' }]
};
return (
07{t.label}
{t.h}
{t.p}
{t.items.map((tm, i) =>
{[0, 1, 2, 3, 4].map((s) => )}
{tm.q}
{tm.a}
{tm.n}
{tm.r}
)}
);
}
// =====================================================
// FAQ — accordion
// =====================================================
function FAQSection({ lang }) {
const t = lang === 'es' ? {
label: 'FAQ',
h: <>Preguntas frecuentes.,
p: 'Si tu duda no está aquí, escríbenos a Piquelapp@gmail.com — leemos todo.',
items: [
{ q: '¿Cuándo se lanza PIQUEL?', a: 'Lanzamos en Puerto Rico durante el verano 2026. Los miembros de la lista de espera tienen acceso 3 semanas antes que el público.' },
{ q: '¿Es gratis?', a: 'La app es gratis para jugadores. Habrá un plan Premium opcional con stats avanzadas y más. Clubes y organizadores en la waitlist arrancan gratis el primer año.' },
{ q: '¿Funciona si soy principiante?', a: 'Hecho para todos los niveles. Filtramos por DUPR (Principiante < 3.0, Intermedio 3.0-4.0, Avanzado 4.0+) para que juegues con gente de tu calibre.' },
{ q: '¿En qué ciudades arranca?', a: 'Empezamos en San Juan, Bayamón, Carolina y Ponce. Después expandimos a toda la isla según la demanda de la waitlist.' },
{ q: '¿Cómo funciona el código de referido?', a: 'Después de unirte recibes un código personal. Cada amigo que se una con tu código te sube de tier — desde acceso temprano hasta Founders Club con 10 referidos.' },
{ q: '¿Qué pasa con mi DUPR existente?', a: 'PIQUEL va a tener la capacidad de sincronizar con tu DUPR oficial. Tu rating actual se importa y cada partido en PIQUEL contribuye a tu DUPR. Sin duplicación de cuentas.' },
{ q: '¿Hay app para iOS y Android?', a: 'Sí. PIQUEL es nativo en iOS y Android. Sin versión web para jugadores — la app es donde vive el producto.' },
{ q: '¿Cómo aseguran que los jugadores son reales?', a: 'Foto de perfil obligatoria, verificación por email + teléfono, rating personal de partidos previos. Reportes de comportamiento se revisan en menos de 24 horas.' }]
} : {
label: 'FAQ',
h: <>Frequently asked questions.,
p: 'If your question is not here, email us at Piquelapp@gmail.com — we read everything.',
items: [
{ q: 'When does PIQUEL launch?', a: 'We launch in Puerto Rico during Summer 2026. Waitlist members get access 3 weeks before the public.' },
{ q: 'Is it free?', a: 'The app is free for players. There will be an optional Premium plan with advanced stats, video review, and more. Clubs and organizers on the waitlist start free for year one.' },
{ q: 'Does it work if I am a beginner?', a: 'Built for every level. We filter by DUPR (Beginner < 3.0, Intermediate 3.0-4.0, Advanced 4.0+) so you play with your calibre.' },
{ q: 'What cities launch first?', a: 'We start in San Juan, Bayamón, Carolina, and Ponce. We expand across the island based on waitlist demand.' },
{ q: 'How does the referral code work?', a: 'After joining you get a personal code. Each friend who joins with your code bumps you a tier — from early access to Founders Club at 10 referrals.' },
{ q: 'What happens to my existing DUPR?', a: 'PIQUEL syncs with your official DUPR. Your current rating imports and every PIQUEL match contributes back. No account duplication.' },
{ q: 'iOS and Android?', a: 'Yes. PIQUEL is native on iOS and Android. No web version for players — the app is where the product lives.' },
{ q: 'How do you keep players real?', a: 'Mandatory profile photo, email + phone verification, personal rating from past matches. Reports are reviewed in under 24 hours.' }]
};
return (
06{t.label}
{t.h}
{t.p}
{t.items.map((it, i) =>
{it.q}
{it.a}
)}
);
}
// =====================================================
// Final CTA — full bleed dark
// =====================================================
function FinalCTASection({ lang }) {
const [email, setEmail] = useState('');
const [done, setDone] = useState(false);
const submit = (e) => {
e.preventDefault();
if (!email.trim() || !/^[^@]+@[^@]+\.[^@]+$/.test(email)) return;
if (window.pqTrack) window.pqTrack('cta_click_final', { lang });
// Scroll to top hero form with email prefilled
document.getElementById('top').scrollIntoView({ behavior: 'smooth' });
setTimeout(() => {
const f = document.getElementById('f-email');
if (f) {
f.value = email;
f.focus();
f.dispatchEvent(new Event('input', { bubbles: true }));
}
}, 700);
setDone(true);
};
const t = lang === 'es' ? {
label: 'Llegó la hora',
h1: 'MENOS CHAT.',
h2: 'MÁS PICKLE.',
p: 'Reserva tu acceso temprano hoy. Cuando abramos, juegas tú primero.',
urgency: 'Cupos limitados para acceso anticipado.',
place: 'tu@email.com',
btn: 'Entrar →',
foot: 'Estás a 1 email del primer partido. Sin spam.'
} : {
label: 'Time to play',
h1: 'LESS CHAT.',
h2: 'MORE PICKLE.',
p: 'Reserve your early access today. When we open, you play first.',
urgency: 'Limited early access spots.',
place: 'you@email.com',
btn: 'Get in →',
foot: 'You are 1 email away from your first match. No spam.'
};
return (