feat: Add Free Section to Landing Page

[tunny17]

What does this PR do?

Fixes #322

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] Chore (refactoring code, technical debt, workflow improvements)
• [ ] Enhancement (small improvements)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change adds a new database migration
• [ ] This change requires a documentation update

How should this be tested?

• Go to the landing page.

Checklist

Required

• [ ] Filled out the "How to test" section in this PR
• [x] Self-reviewed my own code
• [ ] Commented on my code in hard-to-understand bits
• [ ] Ran pnpm build
• [x] Checked for warnings, there are none
• [x] Removed all console.logs
• [ ] Merged the latest changes from main onto my branch with git pull origin main
• [ ] My changes don't cause any responsiveness issues

Appreciated

• [ ] If a UI change was made: Added a screen recording or screenshots to this PR
• [ ] Updated the ClassroomIO Docs if changes were necessary

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
cio-cloud	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 30, 2024 4:10am
cio-com	❌ Failed (Inspect)			Jun 30, 2024 4:10am
cio-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 30, 2024 4:10am

[github-actions[bot]]

Thank you for following the naming conventions for pull request titles! 🙏

[rotimi-best]

@tunny17 I don't understand. Are you sure you saw the design?

Also use the same button style current on the landing page. Like this: