feat: OpenClaw homepage takeover concept (MKT-80)

[roomote]

Add a full-page hero "homepage takeover" concept for OpenClaw marketing campaign.

Changes

• Created OpenClawHomepage component with full-viewport hero section
• Features animated gradient background with floating orbs
• Includes decorative claw mark animations
• Shows trending badge, OpenClaw headline, and tagline
• Displays feature grid with key capabilities
• Primary CTA to GitHub, secondary CTA to documentation
• Stats section showing GitHub stars, contributors, and license
• Scroll indicator to navigate to main docs content below

Design Details

• Dark gradient background (#0a0a1a to #1a1040) for dramatic effect
• Purple/blue/pink color scheme matching OpenClaw branding
• Subtle grid overlay for depth
• Responsive design with mobile-optimized layouts
• Respects prefers-reduced-motion for accessibility

Purpose

This is a "homepage takeover" concept for the marketing team to compare against the simpler banner approach (MKT-79) before deciding on the final OpenClaw launch strategy.

---

View task on Roo Code Cloud

---

Important

Introduces OpenClawHomepage component with animated hero section and CTAs for marketing, integrated into the homepage with responsive and accessible design.

• Component Addition:
  • Adds OpenClawHomepage component in index.tsx with a full-page hero section for the OpenClaw marketing campaign.
  • Features animated gradient background, floating orbs, decorative claw marks, and a feature grid.
  • Includes primary CTA to GitHub and secondary CTA to documentation.
  • Displays stats section with GitHub stars, contributors, and license.
  • Implements scroll indicator to navigate to main docs content.
• Styling:
  • Adds styles in styles.module.css for hero container, animated elements, and responsive design.
  • Uses dark gradient background and purple/blue/pink color scheme.
  • Respects prefers-reduced-motion for accessibility.
• Documentation:
  • Integrates OpenClawHomepage component into index.mdx to display on the homepage.

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
roo-code-docs	Ready	Preview, Comment	Feb 4, 2026 10:55pm

[roomote]

Rooviewer   See task on Roo Cloud

Review complete. Found 1 issue to address:

• Broken link: Secondary CTA links to /features/openclaw which does not exist

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

[roomote]

This link points to /features/openclaw which does not exist in the docs, resulting in a 404 when users click "Explore Documentation". Either create the documentation page before merging, or update the link to point to an existing page (e.g., the main docs index or a placeholder).

_{Fix it with Roo Code or mention @roomote and request a fix.}