"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", figure: "figure", img: "img", p: "p", pre: "pre", span: "span", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.p, { children: _jsx(_components.img, { src: "/static/tailwind-subscription-card.webp", alt: "Alt text" }) }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { "--shiki-light": "#24292e", "--shiki-dark": "#e1e4e8", "--shiki-light-bg": "#fff", "--shiki-dark-bg": "#24292e" }, tabIndex: "0", "data-language": "jsx", "data-theme": "github-light github-dark", children: _jsxs(_components.code, { "data-language": "jsx", "data-theme": "github-light github-dark", style: { display: "grid" }, children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: "<" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "section" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"relative w-full pb-10 mx-auto my-10 md:w-8/12\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"md:h-[70px] md:w-[70px] w-[40px] h-[40px] right-0 bg-gradient-to-r rounded-full grid place-items-center absolute md:-right-5 -top-5 from-[#747DEF] to-[#3A3F78] z-10 p-1\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " >" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "img" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " src" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"https://maisam.dev/static/images/send.svg\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " />" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"relative\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"overflow-hidden relative w-full h-96 bg-[#DFD7F9] opacity-20 md:rounded-b-2xl md:rounded-tr-2xl md:rounded-tl-[6rem]\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " >" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"absolute -top-10 -right-10 opacity-40\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "img" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " src" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"https://maisam.dev/static/images/right-pattern.svg\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " role" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"none\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"w-[182.804px] h-[145.877px] md:w-[284.804px] md:h-[290.877px]\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " />" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"absolute left-5 -bottom-32 opacity-40\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "img" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " src" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"https://maisam.dev/static/images/left-pattern.svg\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " role" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"none\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"w-[198.595px] h-[194.724px] md:w-[397.19px] md:h-[389.448px]\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " />" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"absolute hidden md:block -right-24 -bottom-16\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "img" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " src" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"https://maisam.dev/static/images/bottom-pattern.svg\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " role" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"none\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " />" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"absolute top-0 flex items-center w-full h-full\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"flex flex-col items-center max-w-2xl mx-auto my-16\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "h1" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"max-w-sm text-xl leading-normal text-center text-gray-600 md:max-w-full md:text-2xl font-poppins\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " >" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " Subscribe to get information, latest news and other interesting offers" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " about Cobham" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"flex flex-col w-full gap-5 mt-10 md:flex-row md:mt-20\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "div" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"relative w-full text-gray-600\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "span" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"absolute inset-y-0 left-0 flex items-center pl-2\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "img" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " src" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"https://maisam.dev/static/images/email.svg\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " role" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"none\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"w-6 h-6\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " />" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "label" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " for" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"email\"" }), _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"p-1\"" }), _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "input" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " type" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"email\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " name" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"q\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"p-5 pl-12 text-sm bg-white rounded-lg w-full md:h-[55px] focus:outline-none\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " placeholder" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"email@example.com\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " autocomplete" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"off\"" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " id" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"email\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " required" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " />" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " <" }), _jsx(_components.span, { style: { "--shiki-light": "#22863A", "--shiki-dark": "#85E89D" }, children: "button" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#6F42C1", "--shiki-dark": "#B392F0" }, children: " class" }), _jsx(_components.span, { style: { "--shiki-light": "#D73A49", "--shiki-dark": "#F97583" }, children: "=" }), _jsx(_components.span, { style: { "--shiki-light": "#032F62", "--shiki-dark": "#9ECBFF" }, children: "\"bg-gradient-to-r inline-block from-[#FF946D] to-[#FF7D68] font-poppins px-7 py-2 rounded-lg text-white text-lg\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " >" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " Subscribe" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { "--shiki-light": "#24292E", "--shiki-dark": "#E1E4E8" }, children: "" })] })] }) }) })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };

Modern Subscription Card