feat: Add launch banner with dynamic demo request flow#213
Merged
Conversation
- Add persistent launch announcement banner with Megaphone icon - Implement smart banner visibility: hides on /contact?type=demo, shows elsewhere - Add 'Request Demo' CTA button linking to dynamic contact form - Make contact page responsive to user intent: - Banner route: 'Request Demo' title with pre-filled subject - Direct navigation: 'Get In Touch' title with general form - Replace rocket emoji with professional Megaphone icon from lucide-svelte - Remove banner dismissal to maximize conversion opportunities during launch - Improve UX with context-aware form experience Optimizes conversion funnel for commercial launch while maintaining clean user experience for both demo requests and general inquiries.
🤖 Augment PR SummarySummary: Adds a persistent launch banner and a context-aware demo request experience on the Contact page to improve the launch conversion funnel. Changes:
$page store to detect route/query state and lucide-svelte for the new iconography.
Adds new SCSS for the banner layout, animation, and responsive tweaks.
🤖 Was this summary useful? React with 👍 or 👎 |
![augmentcode[bot]](https://avatars.githubusercontent.com/in/1027498?s=60&v=4){kind=small}
src/routes/contact/+page.svelte
Outdated
| message: '' | ||
| }); | ||
|
|
||
| onMount(() => { |
There was a problem hiding this comment.
isDemo is only set in onMount, so the initial SSR/first paint will always start in non-demo mode and it won’t react if the user navigates between /contact and /contact?type=demo via client-side navigation (query param changes).
🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.
- Replace onMount with for isDemo state in contact page
- Fixes SSR/client hydration mismatch causing content flicker
- Ensures consistent rendering between server and client
- Makes state reactive to URL parameter changes during navigation
- Use {base} path for banner CTA link instead of hardcoded '/contact'
- Ensures compatibility with non-root deployment paths
- Prevents broken links when deployed to subpaths like GitHub Pages
- Maintains consistency with other site navigation
Improves user experience by eliminating layout shifts and ensures
robust deployment compatibility across different hosting environments.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Optimizes conversion funnel for commercial launch while maintaining clean user experience for both demo requests and general inquiries.