Restructure website with dual-program focus and separate program pages

[brunodmsi]

Summary

• Restructured homepage to feature both Community Grants and Security Subsidy programs
• Converted Programs navigation to dropdown menu with two sub-items
• Created dedicated pages for Community Grants Program and Security Subsidy Program
• Implemented redirect from /programs/ to /programs/community-grants/
• Updated footer with social media icons

Homepage Changes

• Updated hero section with dual-program messaging: "Build community and ship securely on Scroll"
• Added dual CTAs for both programs
• Maintained Events/Meetups/Hackathons/Flex cards for Community Grants
• Added Security Subsidy Program section with workflow details
• Updated footer links to display Twitter and Discord as icons, Forum as text

Navigation Menu

• Converted "Programs" from direct link to dropdown parent menu
• Added two children:
  • Community Grants Program → /programs/community-grants/
  • Security Subsidy Program → /programs/security-subsidy/

Program Pages Architecture

• Created separate, clean layouts (no conditional rendering):
  • layouts/programs/community-grants.html - Dedicated Community Grants template
  • layouts/programs/security-subsidy.html - Dedicated Security Subsidy template
• Removed cluttered layouts/programs/single.html with conditionals
• All content in single-card containers with HR dividers between sections

Community Grants Program Page

Sections:

• What We Support (Events, Meetups, Hackathons, Flex cards)
• Program Details (Grant Range, Duration, Deadline, Approval Time)
• What We're Looking For
• How it Works (4-step process)
• CTA section
• Upcoming Events (Luma link placeholder)

Security Subsidy Program Page

Sections:

• Why This Matters
• How it Works (3-step process: Apply → Get Matched → Ship with Confidence)
• Two Components (Areta Market + Immunefi Magnus)
• Program Financing (50% subsidy, $50k cap)
• What's Covered
• Who Should Apply
• FAQs (Bootstrap accordion with 5 questions)
• CTA section

Technical Implementation

• Single-card pattern with <hr class="my-5"> dividers for clean separation
• Bootstrap accordion for FAQ section in Security Subsidy
• Flexbox layout for card height matching (avoided h-100)
• Centered "How it Works" sections using col-lg-8 with justify-content-center
• Redirect from /programs/ to /programs/community-grants/ via updated list.html

Footer Updates

• Twitter: Replaced text with X/Twitter logo (SVG)
• Discord: Replaced text with Discord logo (SVG)
• Forum: Kept as text
• Icons use currentColor to match text-muted styling

Key Design Decisions

1. No conditional rendering - Separate templates for maintainability
2. Single-card containers - All page content in one card with dividers
3. Consistent styling - Brand color #ffeeda for primary CTAs
4. Accessibility - Added aria-label attributes for icon links
5. Redirect strategy - Default to Community Grants as primary program

🤖 Generated with Claude Code

Co-Authored-By: Claude noreply@anthropic.com