{"version":3,"file":"CTA.BhMPo7Ih.mjs","names":[],"sources":["https:/framerusercontent.com/modules/Ba9Yb2zrdpaBeopFmtJs/rcABU6j0pZd40mfILT3G/CTA.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CTA(props){const{headline,subtext,buttonText,buttonLink,backgroundColor,textColor,buttonColor,buttonTextColor,font,buttonFont,padding,gap,radius}=props;const{image={src:\"https://framerusercontent.com/images/f9RiWoNpmlCMqVRIHz8l8wYfeI.jpg\",alt:\"CTA image\"}}=props;const{textAlign,...headlineFont}=font||{};const rootStyle={width:\"100%\",height:\"100%\",// use CSS variable for background so gradients can fade at edges\n\"--cta-bg\":backgroundColor,color:textColor,padding:padding,borderRadius:radius,boxSizing:\"border-box\",display:\"flex\",justifyContent:\"center\"};return /*#__PURE__*/_jsxs(\"div\",{className:\"cta-root\",style:rootStyle,children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .cta-root {\n                    position: relative;\n                    background-color: transparent;\n                    /* Fade background color in from all sides using gradients */\n                    background-image:\n                        linear-gradient(\n                            to bottom,\n                            transparent 0%,\n                            var(--cta-bg) 40px,\n                            var(--cta-bg) calc(100% - 40px),\n                            transparent 100%\n                        ),\n                        linear-gradient(\n                            to right,\n                            transparent 0%,\n                            var(--cta-bg) 40px,\n                            var(--cta-bg) calc(100% - 40px),\n                            transparent 100%\n                        );\n                    background-clip: padding-box;\n                }\n                .cta-inner {\n                    display: flex;\n                    width: 100%;\n                    max-width: 1200px;\n                    margin: 0 auto;\n                    gap: 24px;\n                    align-items: center;\n                    justify-content: space-between;\n                }\n                .cta-text {\n                    display: flex;\n                    flex-direction: column;\n                    align-items: flex-start;\n                    text-align: left;\n                    flex: 1;\n                    gap: 16px;\n                }\n                .cta-image {\n                    flex: 1;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n                .cta-image img {\n                    max-width: 100%;\n                    height: auto;\n                    object-fit: contain;\n                }\n                @media (max-width: 1023px) {\n                    .cta-inner {\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                    }\n                    .cta-text {\n                        align-items: center;\n                        text-align: center;\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"cta-inner\",style:{gap:gap},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"cta-text\",children:[/*#__PURE__*/_jsx(\"h2\",{style:{margin:0,...headlineFont,fontSize:font?.fontSize},children:headline}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,opacity:.8,fontSize:\"16px\",fontWeight:400,lineHeight:\"1.4em\"},children:subtext}),/*#__PURE__*/_jsx(\"a\",{href:buttonLink,style:{textDecoration:\"none\",display:\"inline-block\",width:\"100%\"},children:/*#__PURE__*/_jsx(\"button\",{style:{backgroundColor:buttonColor,color:buttonTextColor,border:\"none\",padding:\"16px 32px\",borderRadius:\"8px\",cursor:\"pointer\",transition:\"opacity 0.2s ease\",width:\"100%\",...buttonFont},onMouseEnter:e=>e.currentTarget.style.opacity=\"0.9\",onMouseLeave:e=>e.currentTarget.style.opacity=\"1\",children:buttonText})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"cta-image\",children:/*#__PURE__*/_jsx(\"img\",{src:image.src,alt:image.alt||\"\"})})]})]});}addPropertyControls(CTA,{headline:{type:ControlType.String,title:\"Headline\",defaultValue:\"Got a receipt or invoice right now?\",displayTextArea:true},subtext:{type:ControlType.String,title:\"Subtext\",defaultValue:\"Go on, upload it. It takes 30 seconds.\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Let's get started\"},buttonLink:{type:ControlType.String,title:\"Link\",defaultValue:\"https://app.autoservicehistory.co.uk/\"},image:{type:ControlType.ResponsiveImage,title:\"Image\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#E0F7F5\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},buttonColor:{type:ControlType.Color,title:\"Button Color\",defaultValue:\"#6f42c1\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#ffffff\"},font:{type:ControlType.Font,title:\"Headline Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"48px\",variant:\"Bold\",lineHeight:\"1.2em\",letterSpacing:\"-0.02em\"}},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"18px\",variant:\"Semibold\",lineHeight:\"1em\",letterSpacing:\"-0.01em\"}},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:60,min:0,max:200,step:4},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:24,min:0,max:100,step:4},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:0,min:0,max:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CTA\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CTA.map"],"mappings":"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"}