30-Day Fitness Challenge Landing Page

Create a high-energy, motivating landing page for a 30-day fitness challenge called "IGNITE 30" — run by an online fitness community called "PulseUp Fitness." The challenge combines daily workouts, nutrition guidance, and community accountability. The design should feel bold, energetic, and action-driven — dark theme with vibrant accent colors and strong typography.

1. NAVIGATION BAR
- Logo: "PulseUp" in bold sans-serif with a pulse/heartbeat icon in #F97316 (orange-500)
- Links: The Challenge, Workouts, Results, Pricing, FAQ
- Right side: "Join IGNITE 30" CTA button (solid #F97316 orange-500 with dark text)
- Background: #0F172A (slate-900), white text
- Sticky on scroll
- Mobile: logo + hamburger + "Join" mini CTA

2. HERO SECTION
- Full-width background: dark gym environment with dramatic lighting — person mid-burpee or kettlebell swing with motion blur
- Dark overlay (rgba(15,23,42,0.75))
- Animated countdown timer at the top: "Challenge starts in: 06 Days : 14 Hours : 23 Minutes : 08 Seconds" — each unit in its own box (#1E293B background, white text, 8px border-radius)
- Headline: "30 Days. Zero Excuses. Total Transformation."
- Subheadline: "Daily 30-minute workouts. Nutrition coaching. A community that won't let you quit. Starts April 1st, 2026."
- CTA: "Reserve My Spot — It's Free" (large, solid #F97316, dark text, 12px border-radius)
- Below CTA: "🔥 2,847 people have already signed up" with animated counter
- Social proof avatars: 5 overlapping circular profile photos + "+2,842 others"
- Height: 100vh on desktop, auto on mobile (min 80vh)
- Content centered, max-width 700px

3. WHAT YOU GET SECTION
- Section background: #0F172A (dark)
- Headline: "Everything You Need for 30 Days of Progress"
- 6 feature cards in a 3x2 grid:
  - 🏋️ "Daily Workouts" — "30-minute guided workouts — 3 levels (beginner, intermediate, beast mode). No gym required. New workout drops every morning at 5am ET."
  - 📱 "Video Demos" — "Every exercise comes with HD video demonstrations and form cues. Follow along or go at your own pace."
  - 🥗 "Nutrition Guide" — "Simple meal frameworks (not rigid meal plans). Grocery lists, macro targets, and swap-friendly recipes for every dietary preference."
  - 📊 "Progress Tracker" — "Log workouts, track measurements, upload progress photos. Watch your stats trend upward day by day."
  - 👥 "Community Group" — "Private community with 24/7 support, daily check-ins, partner accountability matches, and live Q&As with coaches."
  - 🏆 "Prizes & Rewards" — "Weekly spotlight awards. Grand prize: $500 fitness equipment package for the most consistent challenger."
- Cards: #1E293B background, 16px padding, 12px border-radius, left-aligned emoji icon + title + description
- Hover: subtle border glow (#F97316 at 30% opacity)
- Mobile: 1 column stack

4. WORKOUT PREVIEW SECTION
- Background: gradient from #0F172A to #1E293B
- Headline: "Sneak Peek: Week 1 Workouts"
- 7 day cards in a horizontal scroll row:
  - Day 1 — "Full Body Fire" — 28 min — Beginner-friendly — "Squats, Push-ups, Plank holds, Lunges, Mountain climbers"
  - Day 2 — "Upper Body Blitz" — 32 min — Intermediate — "Pike push-ups, Tricep dips, Resistance band rows, Shoulder taps, Superman holds"
  - Day 3 — "Cardio Surge" — 25 min — All levels — "High knees, Burpees, Jump squats, Speed skaters, Boxing combos"
  - Day 4 — "Core Crusher" — 22 min — Intermediate — "Dead bugs, Bicycle crunches, Plank variations, V-ups, Hollow body holds"
  - Day 5 — "Lower Body Power" — 30 min — Intermediate — "Bulgarian split squats, Glute bridges, Wall sits, Calf raises, Lateral lunges"
  - Day 6 — "HIIT Storm" — 20 min — Advanced — "Tabata-style: 8 rounds, 20s on/10s off — Burpees, Jump lunges, Push-up jacks, Tuck jumps"
  - Day 7 — "Active Recovery" — 30 min — All levels — "Yoga flow, Foam rolling guide, Mobility stretches, Breathwork session"
- Each card: 200px wide, day number in large bold (#F97316), workout name, duration badge, difficulty tag, exercise preview list
- Card background: #1E293B, 12px border-radius, top colored stripe per difficulty (green/yellow/red)
- "Lock" icons on Days 4-7 with "Sign up to unlock" overlay
- Mobile: horizontal swipe

5. TRANSFORMATION RESULTS
- Background: #0F172A
- Headline: "Real People. Real Results. No Filters."
- Subtitle: "From our January 2026 IGNITE 30 cohort"
- 3 transformation cards side by side:
  - "Marcus T., 34" — Lost 12 lbs, gained visible abs — "I've tried every app out there. IGNITE 30 was the first time I actually finished a challenge. The daily accountability check-ins made all the difference."
  - "Priya K., 28" — Down 2 dress sizes — "The workouts were tough but scalable. I started at beginner level and by Week 3, I was doing intermediate. The nutrition guide was refreshingly simple."
  - "Derek & Sam W., both 41" — Couple challenge — "We did it together. Lost a combined 35 lbs. The couple accountability pairing was genius — we couldn't let each other skip."
- Each card: before/after photo slots (side by side, blurred placeholder), name, age, key metric, testimonial quote
- Star ratings (5/5) under each testimonial
- "See All Transformations →" link
- Mobile: cards stack vertically

6. HOW IT WORKS
- Background: #1E293B
- Headline: "How IGNITE 30 Works"
- 4 steps in a horizontal timeline with connecting line:
  - Step 1 — "Sign Up" — "Reserve your spot (it's free). You'll get instant access to the prep guide and community group."
  - Step 2 — "Prep Week" — "Set your goals, take baseline measurements, stock your kitchen. We'll walk you through everything."
  - Step 3 — "30 Days of Action" — "New workout drops daily at 5am ET. Complete it anytime. Log your workout. Check in with the community."
  - Step 4 — "Celebrate" — "Measure your progress. Share your results. Claim your rewards. Plan your next challenge."
- Each step: large step number in #F97316 circle, title, description below
- Timeline line: connecting dots, #F97316 gradient
- Mobile: vertical timeline with line on left side

7. LEADERBOARD PREVIEW
- Background: #0F172A
- Headline: "The IGNITE 30 Leaderboard"
- Subtitle: "Consistency wins. Complete workouts, check in daily, and climb the ranks."
- Top 5 entries in a table:
  - Rank 1 — 🥇 "FitMomJess" — 30/30 workouts — 847 points — 🔥 30-day streak
  - Rank 2 — 🥈 "IronMike_ATX" — 30/30 workouts — 812 points — 🔥 30-day streak
  - Rank 3 — 🥉 "YogaWarrior22" — 29/30 workouts — 789 points — 🔥 29-day streak
  - Rank 4 — "SweatSquadRon" — 28/30 workouts — 756 points — 🔥 25-day streak
  - Rank 5 — "MarcusT_Gains" — 28/30 workouts — 742 points — 🔥 28-day streak
- Table: #1E293B background, alternating row shading, rank badges for top 3
- "Your name could be here" placeholder row at the bottom with "Join Now →" CTA
- Points explainer tooltip: "Earn points: 10/workout, 5/check-in, 15/streak bonus, 20/photo update"
- Mobile: horizontal scroll on table or card layout

8. PRICING SECTION
- Background: gradient #1E293B to #0F172A
- Headline: "Choose Your IGNITE Experience"
- 2 pricing cards side by side:
  - FREE TIER — $0
    - Daily workouts (beginner + intermediate)
    - Community access
    - Basic progress tracker
    - Nutrition framework PDF
    - CTA: "Join Free" (outline #F97316 button)
  - PRO TIER — $29 (one-time, crossed-out $49)
    - Everything in Free, plus:
    - Beast mode advanced workouts
    - Personalized macro calculator
    - Private coaching group (max 50 people)
    - Weekly live Q&A with Coach Maya
    - Priority prizes eligibility
    - Progress photo analysis & feedback
    - "MOST POPULAR" badge
    - CTA: "Go Pro" (solid #F97316 button)
- Cards: equal width, PRO card slightly larger with glowing #F97316 border
- Money-back guarantee note: "100% refund within 7 days if you're not feeling it."
- Mobile: cards stack vertically, PRO card first

9. FAQ SECTION
- Background: #0F172A
- Headline: "Frequently Asked Questions"
- 6 accordion items:
  - "Do I need any equipment?" — "Nope. All workouts are bodyweight-only. If you have resistance bands or dumbbells, we'll show you bonus variations."
  - "What if I miss a day?" — "Life happens. You can make up workouts within 48 hours. Your streak pauses but doesn't break."
  - "I'm a total beginner — is this for me?" — "Absolutely. Every workout has three difficulty levels. Start where you are. No judgment."
  - "How long are the workouts?" — "20-35 minutes. No hour-long sessions. We respect your time."
  - "Is there a diet plan?" — "We provide a flexible nutrition framework — not a rigid meal plan. Think guidelines, not rules."
  - "When does the challenge start?" — "April 1, 2026. Prep materials are available immediately after sign-up."
- Accordion: #1E293B background, 12px border-radius, + / - toggle icon, smooth expand/collapse animation
- Mobile: full-width, same behavior

10. FINAL CTA SECTION
- Full-width background: high-energy group workout photo with dark overlay
- Headline: "Your Transformation Starts in 30 Days. Your Decision Starts Now."
- Countdown timer repeated: "Challenge starts in: 06 : 14 : 23 : 08"
- CTA: "Join IGNITE 30 — It's Free" (extra-large, solid #F97316, dark text)
- Below CTA: "No credit card required. Cancel anytime."
- Urgency line: "Spots are limited to 5,000 challengers to maintain community quality."
- Mobile: text centered, CTA full-width

11. FOOTER
- Background: #020617 (slate-950, deepest dark)
- 3 columns:
  - Challenge: Workouts, Nutrition, Leaderboard, Results, Prizes
  - PulseUp: About, Coaches, Programs, Blog, Careers
  - Support: FAQ, Contact, Community Guidelines, Privacy, Terms
- Bottom bar: "© 2026 PulseUp Fitness. All rights reserved."
- Social icons: Instagram, YouTube, TikTok (white icons)
- "Made with 🔥 in Austin, TX"

Design: Bold, dark, energetic. Background: #0F172A (slate-900) as primary, #1E293B (slate-800) for cards and sections. Accent: #F97316 (orange-500) for CTAs, highlights, countdown, and interactive elements. Text: white (#FFFFFF) for headings, #94A3B8 (slate-400) for body text. Typography: Oswald or Bebas Neue for headlines (bold, condensed, high-impact), Inter for body. Cards with 12px border-radius, subtle glowing borders on hover. Strong contrast throughout. Animated counters and progress bars for energy. No pastels — this is a high-intensity brand.

Responsive: Mobile-first. Hero countdown timer boxes shrink proportionally. Feature grid becomes single column. Workout day cards become horizontal swipe. Timeline becomes vertical. Pricing cards stack (PRO first). Leaderboard becomes card layout. All touch targets minimum 48px. Sticky "Join" CTA bar at bottom of mobile screen. FAQ accordions full-width.