Imagine PH banner

[adityaoberai]

What does this PR do?

(Provide a description of what this PR does.)

Test Plan

(Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)

Related PRs and Issues

(If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

Have you read the Contributing Guidelines on issues?

(Write your answer here.)

Summary by CodeRabbit

• New Features
  • Introduced a new Product Hunt marketing banner featuring animated visual effects and responsive design. The banner includes gradient-styled branding, Product Hunt integration, and optimized typography for enhanced visibility across desktop and mobile devices.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

The pull request introduces a new Product Hunt-themed banner component and updates the Main layout to use it. A new file imagine-ph-banner.svelte is created with a TeaserBannerProps interface and renders a marketing banner containing an animated Canvas background, conditional label rendering, a responsive layout with an "Introducing" section on the left, and a Product Hunt launching section on the right with decorative logos and SVGs. The Main.svelte layout is simultaneously updated to import and render this new ImagineProductHuntBanner component in place of the previous TeaserBanner, effectively swapping the banner implementation.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Imagine PH banner' directly describes the main change: adding a new Product Hunt banner component for the Imagine campaign.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}