Maintenance Coming Soon Page

What This Sidekick Query Does

Create a maintenance and coming-soon page section for my Shopify theme that can be used as the password page template to display a countdown and collect email signups before launch. The section should show a fullscreen background using either a background image from an image_picker setting or a gradient from [GRADIENT_START_COLOR] to [GRADIENT_END_COLOR]. Center the content vertically and horizontally with the store logo at [LOGO_WIDTH] pixels, a heading [PAGE_HEADING], and a description [PAGE_DESCRIPTION]. Include a countdown timer that counts down to [LAUNCH_DATE] in the format YYYY-MM-DDTHH:MM:SS and displays days, hours, minutes, and seconds in styled boxes with background color [TIMER_BG_COLOR] and text color [TIMER_TEXT_COLOR]. Below the countdown, add an email signup form with placeholder [EMAIL_PLACEHOLDER] and a submit button labeled [BUTTON_TEXT] with background color [BUTTON_BG_COLOR]. The form should create a customer record using the Shopify customer form tag. When the countdown reaches zero, display a message [LAUNCH_MESSAGE] and optionally auto-redirect to the homepage. Add social media links configured via blocks and a progress bar showing the percentage of [SIGNUP_GOAL] email signups reached, filled with color [PROGRESS_COLOR]. Include settings for text color [TEXT_COLOR], content max-width [CONTENT_MAX_WIDTH] pixels, overlay color [OVERLAY_COLOR] with opacity [OVERLAY_OPACITY], and animation style [ANIMATION_STYLE] (fade, slide-up, or none). Provide complete Liquid, CSS, and JavaScript.

Expected Output

Tips to Improve Results