feat(web): add Valentine's Day themed homepage update

[ghost]

This PR adds a Valentine's Day themed update to the marketing homepage with:

• A festive banner at the top with floating heart animations
• Pink/rose color scheme for the hero section background glow
• Valentine's themed CTA section with hearts and romantic messaging

---

View task on Roo Code Cloud

---

Important

Adds Valentine's Day themed update to the homepage with new colors, animations, and messaging.

• Theme Update:
  • Adds Valentine's Day theme with pink/rose color scheme in globals.css.
  • Introduces floating heart animations with @keyframes in globals.css.
  • Updates hero section background and CTA buttons with themed colors in page.tsx.
• Components:
  • Adds FloatingHearts component in floating-hearts.tsx for heart animations.
  • Updates CTASection in cta-section.tsx with themed messaging and animations.
• Misc:
  • Imports FloatingHearts in page.tsx and index.ts for homepage integration.

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

[ghost]

Rooviewer   See task on Roo Cloud

Re-reviewed the Valentine's Day themed homepage update. No issues remain.

• Floating hearts positioning - Resolved: The FloatingHearts component correctly uses translateY(100vh) in the animation, which properly positions hearts at the bottom of the viewport. The previous review incorrectly referenced a non-existent ValentinesBanner component and misread the CSS value as translateY(100%) instead of translateY(100vh).

Previous reviews

• f6ddd48: Review #1

_{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-5dcfba3s4-roo-code.vercel.app

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

[ghost]

The hearts are absolutely positioned with only left specified. Without bottom: 0, they start near the top of the container (CSS default for absolute positioning). Combined with translateY(100%) only offsetting by the heart's own small height (12-28px), the hearts won't float up from the bottom as intended. They'll start near the top and immediately animate out of the overflow-hidden banner, making them barely visible.

Suggested change

	style={{
	left: `${heart.left}%`,
	animationDelay: `${heart.delay}s`,
	animationDuration: `${heart.duration}s`,
	}}>
	style={{
	left: `${heart.left}%`,
	bottom: 0,
	animationDelay: `${heart.delay}s`,
	animationDuration: `${heart.duration}s`,
	}}>

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