{"version":3,"file":"SplitScreen.CLLvN2sg.mjs","names":["useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/y1xPZZtdDXUAoclGvVKX/VNpyAIiPd4Lmfax3ZudP/SplitScreen.js"],"sourcesContent":["// Split screen component: 50% image on left, 50% text content on right\n// Text section contains: paragraph, header, paragraph (in that order)\n// All text and image are customizable via property controls\n// On mobile, image is hidden and text takes full width\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{useInView}from\"framer-motion\";import{useRef}from\"react\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function SplitScreen(props){const{image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},paragraph1,header,paragraph2,paragraph1Color,headerColor,paragraph2Color,paragraph1Font,headerFont,paragraph2Font,gap,backgroundColor,image2={src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Gradient 2 - Purple\"},paragraph1_2,header2,paragraph2_2,paragraph3_2,paragraph3Color_2,paragraph3Font_2,paragraph1Color_2,headerColor_2,paragraph2Color_2,paragraph1Font_2,headerFont_2,paragraph2Font_2,gap2,backgroundColor2,buttonText,buttonPage,buttonColor,buttonFont,borderRadius,grainIntensity=.05,useGrain=true,padding=60,gapAbove=0,gapBelow=0}=props;const isStatic=useIsStaticRenderer();const bottomTextRef=useRef(null);const bottomImageRef=useRef(null);const bottomTextInView=useInView(bottomTextRef,{once:true,amount:.3});const bottomImageInView=useInView(bottomImageRef,{once:true,amount:.3});return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @media (max-width: 1024px) {\n                    .split-screen-image {\n                        display: none !important;\n                    }\n                    .split-screen-text {\n                        width: 100% !important;\n                        padding: 24px !important;\n                        height: auto !important;\n                    }\n                    .split-screen-section {\n                        flex-direction: column !important;\n                        height: auto !important;\n                        min-height: 100% !important;\n                    }\n                }\n                .grain-overlay::before {\n                    content: '';\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n                    opacity: ${grainIntensity};\n                    pointer-events: none;\n                    z-index: 1;\n                }\n                .grain-content {\n                    position: relative;\n                    z-index: 2;\n                }\n                @media (max-width: 768px) {\n                    .split-screen-image {\n                        display: none !important;\n                    }\n                    .split-screen-text {\n                        padding: 20px !important;\n                        height: auto !important;\n                    }\n                    .split-screen-section {\n                        flex-direction: column !important;\n                        height: auto !important;\n                    }\n                    .responsive-paragraph {\n                        font-size: 14px !important;\n                        line-height: 1.5em !important;\n                    }\n                    .responsive-header {\n                        font-size: 24px !important;\n                        line-height: 1.2em !important;\n                        margin-bottom: 8px !important;\n                    }\n                    .grain-content {\n                        gap: 16px !important;\n                    }\n                    .responsive-button {\n                        font-size: 14px !important;\n                        padding: 12px 24px !important;\n                        margin-top: 12px !important;\n                    }\n                }\n            `}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",position:\"relative\",overflow:\"hidden\",borderRadius,marginTop:gapAbove,marginBottom:gapBelow},children:/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",display:\"flex\",backgroundColor:backgroundColor2,position:\"relative\"},className:`split-screen-section ${useGrain?\"grain-overlay\":\"\"}`,children:[/*#__PURE__*/_jsx(\"div\",{ref:bottomImageRef,className:\"split-screen-image\",style:{width:\"45%\",height:\"100%\",overflow:\"hidden\",padding:\"20px\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"img\",{src:image2.src,alt:image2.alt,style:{width:\"100%\",height:\"100%\",maxHeight:\"600px\",objectFit:\"cover\",borderRadius:12}})}),/*#__PURE__*/_jsx(\"div\",{ref:bottomTextRef,className:\"split-screen-text\",style:{width:\"55%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",gap:gap2,overflow:\"auto\",overflowY:\"auto\",paddingLeft:padding,paddingTop:padding,paddingBottom:padding,paddingRight:padding},children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:gap2},className:\"grain-content\",children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:paragraph1Color_2,...paragraph1Font_2},className:\"responsive-paragraph\",children:paragraph1_2}),/*#__PURE__*/_jsx(\"h2\",{style:{margin:0,color:headerColor_2,...headerFont_2},className:\"responsive-header\",children:header2}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:paragraph2Color_2,whiteSpace:\"pre-wrap\",...paragraph2Font_2},className:\"responsive-paragraph\",children:paragraph2_2}),/*#__PURE__*/_jsx(\"a\",{href:buttonPage,style:{marginTop:16,padding:\"10px 20px\",backgroundColor:buttonColor,color:\"#FFFFFF\",borderRadius:12,textDecoration:\"none\",transition:\"all 0.3s ease\",display:\"inline-block\",alignSelf:\"flex-start\",border:\"none\",cursor:\"pointer\",fontSize:\"14px\",...buttonFont},className:\"responsive-button\",onMouseEnter:e=>{e.currentTarget.style.transform=\"scale(1.05)\";},onMouseLeave:e=>{e.currentTarget.style.transform=\"scale(1)\";},children:buttonText})]})})]})})]});}addPropertyControls(SplitScreen,{borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:12,min:0,max:50,step:1,unit:\"px\"},gapAbove:{type:ControlType.Number,title:\"Gap Above\",defaultValue:0,min:0,max:200,step:4,unit:\"px\"},gapBelow:{type:ControlType.Number,title:\"Gap Below\",defaultValue:0,min:0,max:200,step:4,unit:\"px\"},padding:{type:ControlType.Number,title:\"Text Padding\",defaultValue:60,min:0,max:120,step:4,unit:\"px\"},useGrain:{type:ControlType.Boolean,title:\"Use Grain\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},grainIntensity:{type:ControlType.Number,title:\"Grain Intensity\",defaultValue:.05,min:0,max:.3,step:.01,hidden:({useGrain})=>!useGrain},image:{type:ControlType.ResponsiveImage,title:\"Image\"},paragraph1:{type:ControlType.String,title:\"Paragraph 1\",defaultValue:\"Welcome to our platform. We're dedicated to creating exceptional experiences.\",displayTextArea:true},paragraph1Font:{type:ControlType.Font,title:\"Paragraph 1 Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},paragraph1Color:{type:ControlType.Color,title:\"Paragraph 1 Color\",defaultValue:\"#000000\"},header:{type:ControlType.String,title:\"Header\",defaultValue:\"Our Mission\"},headerFont:{type:ControlType.Font,title:\"Header Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"32px\",variant:\"Semibold\",letterSpacing:\"-0.03em\",lineHeight:\"1em\"}},headerColor:{type:ControlType.Color,title:\"Header Color\",defaultValue:\"#000000\"},paragraph2:{type:ControlType.String,title:\"Paragraph 2\",defaultValue:\"Through innovation and dedication, we strive to deliver solutions that make a difference in people's lives.\",displayTextArea:true},paragraph2Font:{type:ControlType.Font,title:\"Paragraph 2 Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},paragraph2Color:{type:ControlType.Color,title:\"Paragraph 2 Color\",defaultValue:\"#000000\"},gap:{type:ControlType.Number,title:\"Text Gap\",defaultValue:24,min:0,max:60,step:4,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#FFFFFF\"},image2:{type:ControlType.ResponsiveImage,title:\"Image 2\"},paragraph1_2:{type:ControlType.String,title:\"Paragraph 1 2\",defaultValue:\"Welcome to our platform. We're dedicated to creating exceptional experiences.\",displayTextArea:true},paragraph1Font_2:{type:ControlType.Font,title:\"Paragraph 1 Font 2\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},paragraph1Color_2:{type:ControlType.Color,title:\"Paragraph 1 Color 2\",defaultValue:\"#000000\"},header2:{type:ControlType.String,title:\"Header 2\",defaultValue:\"Our Mission\"},headerFont_2:{type:ControlType.Font,title:\"Header Font 2\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"32px\",variant:\"Semibold\",letterSpacing:\"-0.03em\",lineHeight:\"1em\"}},headerColor_2:{type:ControlType.Color,title:\"Header Color 2\",defaultValue:\"#000000\"},paragraph2_2:{type:ControlType.String,title:\"Paragraph 2 2\",defaultValue:\"Through innovation and dedication, we strive to deliver solutions that make a difference in people's lives.\",displayTextArea:true},paragraph2Font_2:{type:ControlType.Font,title:\"Paragraph 2 Font 2\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},paragraph2Color_2:{type:ControlType.Color,title:\"Paragraph 2 Color 2\",defaultValue:\"#000000\"},gap2:{type:ControlType.Number,title:\"Text Gap 2\",defaultValue:24,min:0,max:60,step:4,unit:\"px\"},backgroundColor2:{type:ControlType.Color,title:\"Background Color 2\",defaultValue:\"#FFFFFF\",optional:true},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Learn More\"},buttonPage:{type:ControlType.Link,title:\"Button Link\"},buttonColor:{type:ControlType.Color,title:\"Button Color\",defaultValue:\"#FF6600\"},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\":\"SplitScreen\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SplitScreen.map"],"mappings":"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"}