{"version":3,"file":"GradientTextCard.DcaD2djM.mjs","names":[],"sources":["https:/framerusercontent.com/modules/Kt9VTSarwWYTgdTCPHhc/PzK2yufeskCJE5sEw7NZ/GradientTextCard.js"],"sourcesContent":["// Component with centered text (Subheading, Heading, Paragraph, bullet points) and soft orange gradient across the top with 12px border radius\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function GradientTextCard(props){const{heading,paragraph,paragraph2,bulletPoints,headingFont,paragraphFont,paragraph2Font,bulletFont,textColor,gradientColor1,gradientColor2,padding,buttonText,buttonLink,buttonBackgroundColor,buttonTextColor,buttonFont,style}=props;return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",borderRadius:12,overflow:\"hidden\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",padding:padding},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @media (max-width: 767px) {\n                    .gradient-text-content {\n                        align-items: center !important;\n                        text-align: center !important;\n                        width: 95% !important;\n                        max-width: 95% !important;\n                    }\n                    .gradient-text-content h1,\n                    .gradient-text-content p,\n                    .gradient-text-content ul {\n                        text-align: center !important;\n                        width: 100% !important;\n                        max-width: 100% !important;\n                    }\n                    .gradient-text-content ul li {\n                        justify-content: center !important;\n                    }\n                    .gradient-text-content a {\n                        align-self: center !important;\n                    }\n                }\n            `}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,right:0,height:\"25%\",background:`linear-gradient(180deg, ${gradientColor2} 0%, transparent 100%)`,pointerEvents:\"none\",zIndex:0}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,right:0,height:\"7.5%\",background:`linear-gradient(180deg, ${gradientColor1} 0%, transparent 100%)`,pointerEvents:\"none\",zIndex:0}}),/*#__PURE__*/_jsxs(\"div\",{className:\"gradient-text-content\",style:{position:\"relative\",zIndex:1,display:\"flex\",flexDirection:\"column\",alignItems:\"flex-start\",textAlign:\"left\",gap:20,marginTop:25,width:\"100%\",maxWidth:\"100%\"},children:[/*#__PURE__*/_jsx(\"h1\",{style:{...headingFont,color:textColor,margin:0,maxWidth:\"100%\",wordWrap:\"break-word\",overflowWrap:\"break-word\"},children:heading}),/*#__PURE__*/_jsx(\"p\",{style:{...paragraphFont,color:textColor,margin:0,whiteSpace:\"pre-wrap\",maxWidth:\"70%\"},children:paragraph}),/*#__PURE__*/_jsx(\"ul\",{style:{listStyle:\"none\",padding:0,margin:0,display:\"flex\",flexDirection:\"column\",gap:12},children:bulletPoints.map((point,index)=>/*#__PURE__*/_jsxs(\"li\",{style:{...bulletFont,color:textColor,display:\"flex\",alignItems:\"center\",justifyContent:\"flex-start\",gap:8},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:6,height:6,borderRadius:\"50%\",backgroundColor:textColor,flexShrink:0}}),point]},index))}),/*#__PURE__*/_jsx(\"p\",{style:{...paragraph2Font,color:textColor,margin:0,whiteSpace:\"pre-wrap\",maxWidth:\"70%\",marginTop:50},children:paragraph2}),/*#__PURE__*/_jsx(\"a\",{href:buttonLink,style:{...buttonFont,marginTop:20,padding:\"12px 24px\",backgroundColor:buttonBackgroundColor,color:buttonTextColor,borderRadius:12,textDecoration:\"none\",cursor:\"pointer\",display:\"inline-block\"},children:buttonText})]})]});}addPropertyControls(GradientTextCard,{heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Beautiful Gradient Card\"},paragraph:{type:ControlType.String,title:\"Paragraph\",defaultValue:\"This component features a soft gradient at the top with centered text content below.\",displayTextArea:true},paragraph2:{type:ControlType.String,title:\"Paragraph 2\",defaultValue:\"Additional information can be added here to provide more context before the call to action.\",displayTextArea:true},bulletPoints:{type:ControlType.Array,title:\"Bullet Points\",control:{type:ControlType.String},defaultValue:[\"First key feature\",\"Second key feature\",\"Third key feature\"]},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"60px 40px 40px 40px\"},headingFont:{type:ControlType.Font,title:\"Heading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"}},paragraphFont:{type:ControlType.Font,title:\"Paragraph Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},paragraph2Font:{type:ControlType.Font,title:\"Paragraph 2 Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},bulletFont:{type:ControlType.Font,title:\"Bullet Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},gradientColor1:{type:ControlType.Color,title:\"Gradient Color 1\",defaultValue:\"rgba(255, 140, 0, 0.4)\"},gradientColor2:{type:ControlType.Color,title:\"Gradient Color 2\",defaultValue:\"rgba(255, 200, 100, 0.3)\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Learn More\"},buttonLink:{type:ControlType.Link,title:\"Button Link\"},buttonBackgroundColor:{type:ControlType.Color,title:\"Button Background\",defaultValue:\"#000000\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text Color\",defaultValue:\"#FFFFFF\"},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientTextCard\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientTextCard.map"],"mappings":"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"}