Week 5 Guide: Mobile-First Website

Build Your Mobile-First Landing Page

This week you create the digital home for your AI business. Every niche needs a website where customers can learn about you and take action.

What You Will Build:

• Responsive HTML/CSS landing page
• Mobile-first design (looks great on phones)
• Lead capture form
• Deployed to free hosting (GitHub Pages or Netlify)

Step-by-Step Instructions:

# Step 1: Create your website folder
cd ~/myproject/website

# Step 2: Generate your landing page with Claude

# Step 3: Save to file
# Claude will create the file for you, or you can:

# Step 4: Test locally
python3 -m http.server 8000
# Open browser: localhost:8000

# Step 5: Deploy to GitHub Pages
git init
git add .
git commit -m "Initial website"
git remote add origin YOUR_GITHUB_REPO
git push -u origin main
# Enable GitHub Pages in repo settings

Niche-Specific Tips:

• Content Automation: Focus on showcasing sample content, pricing tiers
• Podcast Clips: Embed sample video clips, show before/after
• Lead Gen: Professional B2B design, case studies, ROI calculator
• Community: Show community benefits, member testimonials

Badge: First Deploy (+500 XP)