Countdown Page for Svelte, Astro, and React

Is your site not ready to launch yet? Inform your users about your launch date and collect emails with this responsive countdown page! This package includes fully coded responsive components for Svelte, Astro, and React, with a subscribe form with email validation. It comes with the following features:

• Multiple framework support: The package includes code for the <Countdown /> component written for Svelte, Astro, and React, meaning you’ll get three different implementation with this product, so you can use it with different tech stacks.
• Configurable: Customize the appearance of your countdown page through the props. Set your heading, sub title, launch date, CTAs, and much more:

// Import the relevant component
import { Countdown } from '@components/Countdown.tsx'
import Countdown from '@components/Countdown.svelte'
import Countdown from '@components/Countdown.astro'

// Call the component with the following props to customize appearance
<Countdown
    title="Launching soon"
    subTitle="We'll launch in"
    date="2024-01-01"
    ctaTitle="Get Notified"
    ctaLabel="Subscribe"
    showCtaIcon={true}
    inputPlaceholder="Your email where we can notify you"
/>

• Easy to style: Styles can be configured via Sass variables through the stylesheet provided with the page.
• Responsive: The page is fully responsive that adapts perfectly for all device resolutions like mobiles, tablets and desktops.
• Cross-browser support: The page was tested on major browsers (Chrome, Firefox, and Edge) to ensure cross-browser compatibility.