Skip to content

clone: quiz.kegel-plan.me/pt-br — Dr. Kegel Brazilian quiz funnel#47

Open
REAL7799 wants to merge 3 commits into
JCodesMore:masterfrom
REAL7799:clone/quiz-kegel-plan-me
Open

clone: quiz.kegel-plan.me/pt-br — Dr. Kegel Brazilian quiz funnel#47
REAL7799 wants to merge 3 commits into
JCodesMore:masterfrom
REAL7799:clone/quiz-kegel-plan-me

Conversation

@REAL7799

@REAL7799 REAL7799 commented Jun 4, 2026

Copy link
Copy Markdown

Summary

  • Cloned quiz.kegel-plan.me/pt-br — the Dr. Kegel men's sexual health quiz funnel (Brazilian Portuguese)
  • Rebuilt as a fully functional Next.js 16 App Router app matching the original Nuxt.js SPA
  • All 6 page types implemented with pixel-perfect fidelity

Pages

Route Description
/pt-br Landing — couple mosaic, trust badges, age selector (25-35/35-45/45-55/55+)
/pt-br/loading Animated 4-step loading screen with progress bar, auto-navigates to quiz
/pt-br/quiz/[id]/question Single-select question pages (white theme, dark selected state)
/pt-br/quiz/[id]/rate 1–5 rating scale (e.g. erection intensity)
/pt-br/quiz/[id]/s1 Dark educational interstitial with looping anatomy video
/pt-br/result End-of-quiz screen

Key findings from reconnaissance

  • Font: Roboto (Google Fonts), weights 300–800
  • Colors: #111113 text · #f1f3f9 option bg · gradient #fe9b1a → #e44240 for accent text
  • MAP muscles "image": actually a looping MP4 at /video/video_ED_s1.mp4 — not a static image
  • Image assets: served directly from quiz.kegel-plan.me (no local download needed since next.config.ts allows the remote pattern)
  • Quiz data: all questions/flow in src/lib/quiz-data.ts; routing uses Next.js dynamic [id] segment

Test plan

  • Visit http://localhost:3000 → redirects to /pt-br
  • Click any age option → loading animation plays → auto-navigates to quiz step 0
  • Click through quiz options and Avançar → progresses through all question types
  • Reach quiz step 6 → dark s1 screen shows with looping anatomy video
  • Reach result page → shows end screen with restart link
  • npm run build passes clean

🤖 Generated with Claude Code

pacho and others added 3 commits June 4, 2026 01:51
…z funnel

Cloned the Dr. Kegel men's health quiz funnel (quiz.kegel-plan.me/pt-br) as a
pixel-perfect Next.js 16 App Router implementation. The original is a Nuxt.js
SPA; this rebuild faithfully replicates every page type.

Pages built:
- /pt-br           — Landing page with couple mosaic, trust badges, age selector
- /pt-br/loading   — Animated 4-step loading screen with progress bar
- /pt-br/quiz/[id]/question — Single-select question pages (white theme)
- /pt-br/quiz/[id]/rate    — 1-5 rating scale pages
- /pt-br/quiz/[id]/s1      — Dark educational interstitials with looping MP4
- /pt-br/result            — End-of-quiz result screen

Key findings:
- Font: Roboto (Google Fonts)
- Colors: #111113 text, #f1f3f9 option bg, gradient #fe9b1a to #e44240
- The MAP muscles illustration is a looping video at /video/video_ED_s1.mp4
- All assets served directly from quiz.kegel-plan.me
- Quiz data + routing logic in src/lib/quiz-data.ts

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… pages

- Quiz last step navigates to /pt-br/enter-email instead of result
- Add enter-email page with blurred background modal
- Add landing/pricing page with plans at 13/32/51 USD + countdown timer
- Add /api/create-checkout Stripe route (payment_intent mode)
- Add success page after Stripe checkout
- Add stripe package dependency

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant