CrossFit Gym Landing Page

Create a bold, high-energy landing page for a CrossFit affiliate gym called "Iron Tide CrossFit" located in San Diego, CA. The page should convey intensity, community, and results — attracting both seasoned athletes and intimidated newcomers. The design should feel raw and powerful but still clean and modern, not cluttered or aggressive.

1. NAVIGATION BAR
- Logo: "Iron Tide" with a stylized wave-and-barbell icon, white on dark
- Background: #0F172A (slate-900), fully dark navbar
- Links: Programs, Schedule, Coaches, Pricing, Blog
- Right side: "Free Intro Class" CTA button (solid #EF4444 red-500, bold white text)
- Mobile: hamburger menu, "Free Class" mini button visible

2. HERO SECTION (full-bleed video/image background)
- Full-viewport height background: slow-motion video of athletes doing synchronized barbell cleans (fallback: high-contrast photo of gym mid-WOD)
- Dark overlay (rgba(15, 23, 42, 0.7)) for text contrast
- Content centered:
  - Eyebrow: "San Diego's #1 Rated CrossFit Box" in uppercase, tracked, #EF4444 red
  - Headline: "Stronger Starts Here." in bold condensed font, white, large (64px desktop)
  - Subheadline: "Coached classes. Proven programming. A community that shows up for each other — every single day."
  - Two CTAs: "Start Your Free Week" (solid red, large) + "View Today's WOD" (outline white, arrow down icon)
- Below hero: scrolling ticker strip — "5:30 AM ✦ 6:30 AM ✦ 9:00 AM ✦ 12:00 PM ✦ 4:30 PM ✦ 5:30 PM ✦ 6:30 PM" showing daily class times on #EF4444 red background, white text, infinite scroll animation

3. TODAY'S WOD (Workout of the Day)
- Section headline: "Today's WOD" with date "Thursday, March 12, 2026"
- Dark card (#1E293B slate-800) with the workout:
  - WOD Name: "TIDAL WAVE" (in red, bold)
  - Type badge: "For Time" (small pill)
  - Workout:
    - "5 Rounds:"
    - "400m Run"
    - "15 Power Cleans (135/95 lbs)"
    - "10 Box Jumps (24/20 in)"
    - "5 Bar Muscle-Ups"
  - Time Cap: "25 minutes"
  - Scaling options toggle: "Scale" button reveals beginner modifications (power cleans → 95/65, box jumps → step-ups, muscle-ups → pull-ups)
- Right side: leaderboard preview showing top 3 times from morning classes
  - 1st: "Jake M. — 16:42 Rx" (gold icon)
  - 2nd: "Sarah L. — 17:15 Rx" (silver)
  - 3rd: "Marcus D. — 18:03 Scaled" (bronze)
- Background: #0F172A (slate-900)
- Mobile: stacks vertically, leaderboard below WOD

4. PROGRAMS GRID (3 columns)
- Section headline: "Find Your Program"
- Background: white
- 3 program cards:
  - "CrossFit" — "Our signature group classes. Coach-led, whiteboard-briefed, and scaled to your level. 60 minutes of warm-up, skill work, WOD, and cool-down." — Image: group class mid-workout — Badge: "Most Popular"
  - "Iron Foundations" — "New to CrossFit? Start here. A 4-week on-ramp program covering all foundational movements with personal coaching. No experience needed." — Image: coach teaching a new member — Badge: "Beginners"
  - "Open Gym & Competitors" — "For experienced athletes who want extra programming. Access to competitor tracks, open gym hours, and specialty sessions (Olympic lifting, gymnastics)." — Image: athlete doing ring muscle-ups — Badge: "Advanced"
- Each card: full-bleed image top (aspect 4:3), badge overlay, title, description, "Learn More →" link
- Hover: image zoom, shadow lift, red bottom border appears

5. CLASS SCHEDULE (weekly grid)
- Section headline: "Class Schedule"
- Tab navigation: Mon / Tue / Wed / Thu / Fri / Sat / Sun (today highlighted in red)
- Schedule grid for selected day:
  - 5:30 AM — CrossFit — Coach: Mike — "6 spots left" (green dot)
  - 6:30 AM — CrossFit — Coach: Priya — "Full" (red dot, waitlist link)
  - 9:00 AM — CrossFit — Coach: Sarah — "12 spots left" (green)
  - 10:00 AM — Iron Foundations — Coach: Mike — "4 spots left" (yellow)
  - 12:00 PM — CrossFit — Coach: Alex — "8 spots left" (green)
  - 4:30 PM — Open Gym — Self-directed — "Open"
  - 5:30 PM — CrossFit — Coach: Priya — "3 spots left" (yellow)
  - 6:30 PM — CrossFit — Coach: Sarah — "Full" (red dot, waitlist)
- Each row: time, class type, coach name, availability indicator
- "Reserve Your Spot" button on each row (small, outline)
- Background: #F8FAFC
- Mobile: swipeable day tabs, schedule becomes card list

6. COACHING TEAM (horizontal scroll)
- Section headline: "Your Coaches"
- 4 coach cards:
  - "Mike Torres" — Head Coach & Owner — "CF-L4, 12 years coaching" — Photo: action shot — "Former Marine. Competed at CrossFit Regionals 3x."
  - "Priya Sharma" — Coach — "CF-L2, USAW Sports Performance" — Photo: coaching a class — "Specialties: Olympic lifting, mobility."
  - "Sarah Kim" — Coach — "CF-L2, NASM-CPT" — Photo: demonstrating a movement — "Former D1 gymnast. Runs our gymnastics skill sessions."
  - "Alex Rivera" — Coach — "CF-L2, Precision Nutrition L1" — Photo: working with a member — "Focuses on nutrition coaching and beginner on-ramp."
- Each card: circular photo (120px), name, title, credentials, one-line bio
- Background: white
- Horizontal scroll on mobile with snap-to-card

7. TRANSFORMATION STORIES (before/after + testimonials)
- Section headline: "Real People. Real Results."
- 3 transformation cards:
  - "Lost 45 lbs in 8 months" — Rachel, 34, Marketing Manager — "I walked in terrified. I couldn't do a single push-up. Now I'm doing handstand walks. Iron Tide changed my life." — Before/after photo side by side
  - "First pull-up at age 52" — David, 52, Retired Teacher — "I never thought I'd be able to do a pull-up at my age. The coaches believed in me before I believed in myself." — Photo: David mid-pull-up, grinning
  - "Competed at CrossFit Quarterfinals" — Lucia, 28, Software Engineer — "The competitor programming here is next level. Went from 'just working out' to qualifying for Quarterfinals in 2 years." — Photo: Lucia at competition
- Each card: photo/before-after, name, age, profession, quote, result highlight
- Background: #0F172A (dark), white text, red accent highlights on result numbers

8. MEMBERSHIP PRICING (3 tiers)
- Section headline: "Membership Options"
- Background: white
- Tier 1: "Drop-In" — $25/class
  - Single class access
  - No commitment
  - Great for travelers
  - CTA: "Buy a Drop-In"

- Tier 2: "Unlimited" — $185/month
  - Unlimited CrossFit classes
  - Open gym access
  - Wodify app tracking
  - Free Iron Foundations on-ramp
  - Community events
  - CTA: "Start Free Week"
  - Badge: "Best Value" (red)
  - Highlighted card with red top border and subtle shadow

- Tier 3: "Competitor" — $225/month
  - Everything in Unlimited, plus:
  - Competitor programming track
  - Monthly 1-on-1 coaching session
  - Video movement analysis
  - Priority class booking
  - CTA: "Start Free Week"

- Below pricing: "All memberships include a free intro class + movement assessment. No contracts — cancel anytime."
- Annual option: "Pay annually and save 15%" toggle

9. COMMUNITY & CULTURE (photo collage + social)
- Section headline: "More Than a Gym"
- Photo collage grid (masonry-style): 6-8 photos showing:
  - Group photo after a hero WOD
  - Members cheering someone finishing their first rope climb
  - Saturday morning outdoor WOD on the beach
  - Post-WOD hangout with protein shakes
  - Charity event / community fundraiser
  - Holiday costume WOD
- Below collage: "Follow us @irontidecrossfit" with Instagram icon
- Recent post previews (3 square images from feed)

10. LOCATION & CONTACT
- Section headline: "Find Us"
- Split layout: map left (60%), info right (40%)
- Map: embedded showing gym location in Pacific Beach, San Diego
- Info:
  - Address: "1847 Garnet Avenue, Pacific Beach, San Diego, CA 92109"
  - Hours: "Mon-Fri 5:30 AM – 7:30 PM · Sat 8:00 AM – 12:00 PM · Sun 9:00 AM – 11:00 AM"
  - Phone: "(619) 555-0142"
  - Email: "info@irontidecrossfit.com"
  - Parking: "Free lot behind building + street parking"
- "Get Directions" button (outline)
- Background: #F8FAFC

11. FINAL CTA SECTION
- Background: full-bleed dark image of empty gym with barbells racked, moody lighting
- Dark overlay
- Headline: "Your First Class Is Free."
- Subheadline: "No experience needed. No judgment. Just show up and we'll handle the rest."
- CTA: "Book Your Free Intro Class" (large, solid red, white text)
- Below: "Or text us at (619) 555-0142 — we'll answer any questions"

12. FOOTER
- Background: #0F172A (slate-900), white/gray text
- 4 columns:
  - Programs: CrossFit, Iron Foundations, Competitors, Open Gym, Private Training
  - Resources: Schedule, WOD Blog, Nutrition Guide, FAQ, Member Portal
  - Community: Instagram, Facebook, YouTube, Athlete Spotlights, Events
  - About: Our Story, Coaches, Careers, Contact, Affiliate Info
- Bottom bar: "© 2026 Iron Tide CrossFit. Affiliated with CrossFit LLC." + Privacy · Terms · Waiver
- CrossFit affiliate logo

Design: Bold, high-energy, community-driven. Primary: #EF4444 (red-500 for CTAs, accents, highlights), secondary: #0F172A (slate-900 for dark sections), tertiary: #1E293B (slate-800 for cards on dark backgrounds). White for clean content sections, #F8FAFC for alternating light sections. Typography: Barlow Condensed for headlines (bold, athletic, compressed), Inter for body text. Dark photography with high contrast. Cards with 12px border-radius. Numbers and stats in bold condensed red. Raw, powerful energy balanced with clean modern layout. Think Nike meets community bulletin board.

Responsive: Mobile-first. Hero video may fall back to static image on slower connections. WOD section stacks vertically. Program cards stack. Schedule becomes scrollable day-cards. Coach cards horizontal scroll. Transformation stories stack. Pricing cards stack (Unlimited first). Photo collage becomes 2-column. Map goes full-width above contact info. Sticky bottom CTA bar on mobile: "Free Intro Class" in red. All touch targets minimum 48px for athletic-context tapping.