Maintenance Coming Soon Page

Generate the Liquid, CSS, and JavaScript for a maintenance and coming-soon page section that I can paste into my theme’s 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.

To use the generated code: go to Online Store > Themes > Edit code, and paste it into templates/password.json (and the corresponding section file it references, e.g. sections/password-content.liquid). Save — the password page template is already wired up by Shopify, so no additional step in the theme customizer is needed.