feat(web): add What is Roo Code page with Cloud-first positioning and AEO optimization

[roomote]

Related GitHub Issue

N/A -- Part of the AEO (Answer Engine Optimization) initiative for the marketing site.

Roo Code Task Context (Optional)

Created with Roo Code through iterative collaboration.

Description

Adds a new /what-is-roo-code page to the marketing site, optimized for both Answer Engine Optimization (AEO) and a strong user experience. The page leads with Roo Code Cloud as the primary product, with the VS Code extension mentioned as a complementary offering.

Page sections:

1. Hero -- Bold gradient headline ("Your AI Software Engineering Team."), two-line subtitle, Cloud-first CTAs
2. Overview prose -- AEO-rich descriptive content explaining Roo Code, separated from the hero for visual clarity
3. Two products, one platform -- Cloud card first, Extension card second
4. Key capabilities -- 6 cards: Model-Agnostic, Custom Modes, Permission-Based Control, Multi-File Editing, Large Task Coordination, Open Source & Auditable
5. Built-in modes -- 6 modes: Architect, Code, Ask, Debug, Test, Orchestrator
6. Who uses Roo Code -- Teams first, Enterprises second, Individual Developers third
7. Getting started -- 3 Cloud-first steps: Sign up, Connect GitHub, Start delegating
8. FAQ -- 6 Cloud-focused Q&A pairs with FAQPage JSON-LD schema
9. Bottom CTA -- Cloud-first buttons

Structured data:

• FAQPage JSON-LD schema (6 Q&A pairs) for answer engine extraction
• Article JSON-LD schema with publisher info

Navigation updates:

• Added "What is Roo Code?" to the Resources dropdown in nav bar
• Added "What is Roo Code?" to the Resources section in footer
• Added /what-is-roo-code to sitemap at priority 0.9

New reusable component:

• FAQStructuredData -- renders FAQPage JSON-LD, can be reused on other pages

Test Procedure

• Visit /what-is-roo-code on the Vercel preview
• Verify all sections render correctly in light and dark mode
• Verify "What is Roo Code?" appears in nav bar Resources dropdown and footer Resources section
• Validate structured data with Google Rich Results Test
• Verify all internal and external links work
• No functional tests needed -- static page with no client-side logic

Pre-Submission Checklist

• Issue Linked: N/A (AEO initiative)
• Scope: Focused on one new page and supporting changes
• Self-Review: Content reviewed for Cloud-first positioning throughout
• Testing: Static page, lint and type checks pass
• Documentation Impact: No documentation updates required
• Contribution Guidelines: Read and agreed

Screenshots / Videos

N/A -- Vercel preview available on the branch.

Documentation Updates

• No documentation updates are required.

Additional Notes

This is part of a broader AEO initiative. The first PR (#11377) added llms.txt and llms-full.txt files. Future work includes adding FAQPage structured data to the homepage FAQ section and per-page JSON-LD schemas on other product pages.

Important

Adds /what-is-roo-code page with AEO optimization, structured data, and navigation updates.

• New Page:
  • Adds /what-is-roo-code page in page.tsx with sections: Hero, Overview, Two products, Key capabilities, Built-in modes, Who uses Roo Code, Getting started, FAQ, Bottom CTA.
  • Includes FAQPage and Article JSON-LD schema for AEO.
• Navigation:
  • Adds "What is Roo Code?" to Resources dropdown in nav-bar.tsx and footer in footer.tsx.
  • Updates next-sitemap.config.cjs to include /what-is-roo-code with priority 0.9.
• Components:
  • Introduces FAQStructuredData component in faq-structured-data.tsx for rendering FAQPage JSON-LD.

^{This description was created by for f1420a3. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task

All issues from previous reviews have been resolved. No new issues found.

• Mobile nav Resources section is missing the "What is Roo Code?" link (added to desktop nav and footer but not mobile)
• Hero button icons (h-5 w-5) are silently overridden to 16px by the button component's [&_svg]:size-4 base class due to CSS specificity

Previous reviews

• 31b7edd: Review #1
• d0335af: Review #2

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

[github-actions]

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-6m8ui1zk8-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.