{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"coming-soon-section-1","title":"Coming Soon Section 1","description":"Coming soon page section 1 with form fields, centered content, background contrast section.","registryDependencies":["@initium/countdown-timer","button","field","input-group"],"files":[{"path":"components/pro-blocks/landing-page/coming-soon-sections/coming-soon-section-1.tsx","content":"\"use client\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { Field, FieldLabel } from \"@/components/ui/field\"\nimport { InputGroup, InputGroupInput } from \"@/components/ui/input-group\"\nimport { CountdownTimer } from \"./countdown-timer\"\n\ntype Props = {\n  taglineText?: string\n  title?: string\n  description?: string\n  targetDate?: string\n  countdownAriaLabel?: string\n  formAriaLabel?: string\n  emailLabel?: string\n  emailPlaceholder?: string\n  emailAriaLabel?: string\n  submitLabel?: string\n  submitButtonAriaLabel?: string\n}\n\nconst defaultProps = {\n  taglineText: \"Coming soon section 1\",\n  title: \"Something great is on the way\",\n  description:\n    \"We're putting the finishing touches on our new product. Leave your email and be the first to know when we launch.\",\n  countdownAriaLabel: \"Time left until launch\",\n  formAriaLabel: \"Launch notification signup form\",\n  emailLabel: \"Email\",\n  emailPlaceholder: \"Email\",\n  emailAriaLabel: \"Enter your email\",\n  submitLabel: \"Notify me\",\n  submitButtonAriaLabel: \"Get notified when we launch\",\n}\n\nexport function ComingSoonSection1({\n  taglineText = defaultProps.taglineText,\n  title = defaultProps.title,\n  description = defaultProps.description,\n  targetDate,\n  countdownAriaLabel = defaultProps.countdownAriaLabel,\n  formAriaLabel = defaultProps.formAriaLabel,\n  emailLabel = defaultProps.emailLabel,\n  emailPlaceholder = defaultProps.emailPlaceholder,\n  emailAriaLabel = defaultProps.emailAriaLabel,\n  submitLabel = defaultProps.submitLabel,\n  submitButtonAriaLabel = defaultProps.submitButtonAriaLabel,\n}: Props) {\n  return (\n    <section\n      className=\"bg-background\"\n      aria-labelledby=\"coming-soon-section-1-heading\"\n    >\n      <div className=\"wrapper\">\n        <div className=\"flex flex-col items-center text-center\">\n          <div className=\"tagline\">{taglineText}</div>\n          <h1 id=\"coming-soon-section-1-heading\" className=\"heading-xl\">\n            {title}\n          </h1>\n          <p className=\"paragraph mb-8 max-w-xl\">{description}</p>\n          <CountdownTimer\n            targetDate={targetDate}\n            ariaLabel={countdownAriaLabel}\n            className=\"mb-8 sm:mb-10\"\n          />\n          <form\n            className=\"flex w-full max-w-sm flex-col gap-3 md:flex-row\"\n            onSubmit={(e) => e.preventDefault()}\n            aria-label={formAriaLabel}\n          >\n            <Field className=\"flex-1\">\n              <FieldLabel htmlFor=\"coming-soon-1-email\" className=\"sr-only\">\n                {emailLabel}\n              </FieldLabel>\n              <InputGroup className=\"h-12 md:h-auto\">\n                <InputGroupInput\n                  id=\"coming-soon-1-email\"\n                  placeholder={emailPlaceholder}\n                  type=\"email\"\n                  required\n                  aria-required=\"true\"\n                  aria-label={emailAriaLabel}\n                />\n              </InputGroup>\n            </Field>\n            <Button\n              type=\"submit\"\n              aria-label={submitButtonAriaLabel}\n              className=\"h-12 md:h-auto\"\n            >\n              {submitLabel}\n            </Button>\n          </form>\n        </div>\n      </div>\n    </section>\n  )\n}\n","type":"registry:component"}],"meta":{"tags":["coming soon","launch","countdown","waitlist","pre-launch","under construction"]},"categories":["coming-soon-sections"],"type":"registry:block"}