Skip to content

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

Draft
roomote[bot] wants to merge 1 commit intomainfrom
feature/valentines-day-homepage-theme
Draft

feat(web): add Valentine's Day themed homepage update#11052
roomote[bot] wants to merge 1 commit intomainfrom
feature/valentines-day-homepage-theme

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Jan 28, 2026 •
edited by ellipsis-dev bot
Loading

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 Ellipsis for 44ff569. You can customize this summary. It will automatically update as commits are pushed.

@roomote
Copy link
Contributor Author

roomote bot commented Jan 28, 2026 •
edited by brunobergher
Loading

Rooviewer Clock   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

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

@github-actions
Copy link
Contributor

github-actions bot commented Jan 28, 2026 •
edited
Loading

🚀 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.

roomote[bot]
roomote bot commented Jan 28, 2026
View reviewed changes
apps/web-roo-code/src/components/homepage/valentines-banner.tsx Outdated
Comment on lines 37 to 41
style={{
left: `${heart.left}%`,
animationDelay: `${heart.delay}s`,
animationDuration: `${heart.duration}s`,
}}>
Copy link
Contributor Author

@roomote roomote bot Jan 28, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

@roomote roomote bot force-pushed the feature/valentines-day-homepage-theme branch from f6ddd48 to 44ff569 Compare January 29, 2026 13:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@mrubens mrubens Awaiting requested review from mrubens mrubens will be requested when the pull request is marked ready for review mrubens is a code owner

@cte cte Awaiting requested review from cte cte will be requested when the pull request is marked ready for review cte is a code owner

@jr jr Awaiting requested review from jr jr will be requested when the pull request is marked ready for review jr is a code owner

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

None yet

Projects

No open projects
Roo Code Roadmap
Status: Triage

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@roomote