This is a sample paragraph for estimating reading time.
\"},wordsPerMinute:{type:ControlType.Number,title:\"Words / Min\",defaultValue:200,min:50,max:500,step:10},prefixText:{type:ControlType.String,title:\"Prefix\",defaultValue:\"\"},suffixText:{type:ControlType.String,title:\"Suffix\",defaultValue:\"min read\"},showSuffix:{type:ControlType.Boolean,title:\"Show Suffix\",defaultValue:true},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:10,max:64},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",options:[\"normal\",\"bold\",\"lighter\",\"bolder\"],optionTitles:[\"Normal\",\"Bold\",\"Lighter\",\"Bolder\"],defaultValue:\"normal\"},lineHeight:{type:ControlType.Number,title:\"Line Height\",defaultValue:1.5,min:1,max:3,step:.1},letterSpacing:{type:ControlType.Number,title:\"Letter Spacing\",defaultValue:0,min:-2,max:10,step:.1},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},fontFamily:{type:ControlType.String,title:\"Font\",defaultValue:\"Inter, sans-serif\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ReadingTimeCMS\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Reading_Time.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";export function withProgress(Component){return props=>{const[progress,setProgress]=useState(0);const[isScrolling,setIsScrolling]=useState(false);const prevScrollY=useRef(0);useEffect(()=>{const calculateProgress=()=>{const startEl=document.getElementById(\"start\");const endEl=document.getElementById(\"end\");if(startEl&&endEl){const sectionHeight=endEl.offsetTop-startEl.offsetTop;const scrollDistance=window.pageYOffset||document.documentElement.scrollTop;const sectionScrollDistance=scrollDistance-startEl.offsetTop;const sectionProgress=sectionScrollDistance/sectionHeight*100;setProgress(sectionProgress);}};const handleScroll=()=>{const scrollY=window.pageYOffset||document.documentElement.scrollTop;if(scrollY!==prevScrollY.current){prevScrollY.current=scrollY;calculateProgress();setIsScrolling(true);}};const handleScrollEnd=()=>{setIsScrolling(false);};calculateProgress();window.addEventListener(\"scroll\",handleScroll);window.addEventListener(\"scrollend\",handleScrollEnd);return()=>{window.removeEventListener(\"scroll\",handleScroll);window.removeEventListener(\"scrollend\",handleScrollEnd);};},[]);return /*#__PURE__*/_jsx(Component,{...props,style:{width:`${progress}%`,transition:isScrolling?\"none\":\"width 0.5s ease-in-out\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withProgress\":{\"type\":\"reactHoc\",\"name\":\"withProgress\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Scroll_progress.map","import{jsx as _jsx}from\"react/jsx-runtime\";// Twitter/X\nexport function shareToTwitter(Component){return props=>{const handleClick=()=>{const url=encodeURIComponent(window.location.href);window.open(`https://twitter.com/intent/tweet?url=${url}`,\"_blank\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// Facebook\nexport function shareToFacebook(Component){return props=>{const handleClick=()=>{const url=encodeURIComponent(window.location.href);window.open(`https://www.facebook.com/sharer/sharer.php?u=${url}`,\"_blank\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// LinkedIn\nexport function shareToLinkedIn(Component){return props=>{const handleClick=()=>{const url=encodeURIComponent(window.location.href);window.open(`https://www.linkedin.com/sharing/share-offsite/?url=${url}`,\"_blank\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// WhatsApp\nexport function shareToWhatsApp(Component){return props=>{const handleClick=()=>{const url=encodeURIComponent(window.location.href);window.open(`https://wa.me/?text=${url}`,\"_blank\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// Telegram\nexport function shareToTelegram(Component){return props=>{const handleClick=()=>{const url=encodeURIComponent(window.location.href);window.open(`https://t.me/share/url?url=${url}`,\"_blank\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// Reddit\nexport function shareToReddit(Component){return props=>{const handleClick=()=>{const url=encodeURIComponent(window.location.href);window.open(`https://reddit.com/submit?url=${url}`,\"_blank\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// Email\nexport function shareViaEmail(Component){return props=>{const handleClick=()=>{const url=window.location.href;window.location.href=`mailto:?body=${encodeURIComponent(url)}`;};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// Copy to Clipboard\nexport function copyToClipboard(Component){return props=>{const handleClick=()=>{const url=window.location.href;navigator.clipboard.writeText(url);alert(\"Link copied to clipboard!\");};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}\nexport const __FramerMetadata__ = {\"exports\":{\"shareViaEmail\":{\"type\":\"reactHoc\",\"name\":\"shareViaEmail\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shareToFacebook\":{\"type\":\"reactHoc\",\"name\":\"shareToFacebook\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"copyToClipboard\":{\"type\":\"reactHoc\",\"name\":\"copyToClipboard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shareToTwitter\":{\"type\":\"reactHoc\",\"name\":\"shareToTwitter\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shareToReddit\":{\"type\":\"reactHoc\",\"name\":\"shareToReddit\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shareToLinkedIn\":{\"type\":\"reactHoc\",\"name\":\"shareToLinkedIn\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shareToTelegram\":{\"type\":\"reactHoc\",\"name\":\"shareToTelegram\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shareToWhatsApp\":{\"type\":\"reactHoc\",\"name\":\"shareToWhatsApp\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Social_Share.map","export const HEADINGS=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"];const formatHeading=(children,index)=>{let formattedHeading=\"\";let formattedId=\"\";if(typeof children===\"string\"){formattedHeading=children;}else if(Array.isArray(children)){formattedHeading=children.map(item=>{var _item_props;if(typeof item===\"string\")return item.trim();if(typeof((_item_props=item.props)===null||_item_props===void 0?void 0:_item_props.children)===\"string\")return item.props.children.trim();}).join(\" \");}else if(typeof children===\"object\"){if(typeof children.props.children===\"string\"){formattedHeading=children.props.children;}else{formattedHeading=children.type;}}else{formattedHeading=index.toString();}formattedId=formattedHeading.toLowerCase().replace(/[^a-z0-9]+/g,\"-\").replace(/^-+|-+$/g,\"\").trim();return{formattedId,formattedHeading};};export const formatTableOfContent=children=>{const result=[];children.length>0&&children.filter(({type})=>HEADINGS.includes(type)).map((item,index)=>{const children=item.props.children;const{formattedId,formattedHeading}=formatHeading(children,index);result.push({id:formattedId,heading:formattedHeading,type:item.type,originalIndex:index});});return result;};export const formatHeadings=props=>{const newChildren=[];props.children.props.children.forEach((item,index)=>{const children=item.props.children;if(HEADINGS.includes(item.type)){const{formattedId}=formatHeading(children,index);// Create a new object for the modified item\nconst newItem={...item,props:{...item.props,id:formattedId}};newChildren.push(newItem);}else{newChildren.push(item);}});// Return a new props object with the modified children\nreturn{...props,children:{...props.children,props:{...props.children.props,children:newChildren}}};};\nexport const __FramerMetadata__ = {\"exports\":{\"formatTableOfContent\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"HEADINGS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"formatHeadings\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Utils.map","/*\n * Utils\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/1XxWQwY0hfK0NPkccp4R/KJkJpnADqLZBYSaIILnx/Utils.js\"\n","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{useEffect,useState}from\"react\";import{formatHeadings,formatTableOfContent}from\"https://framer.com/m/Utils-WIyM.js\";// Made with love by Clément: https://lionneclement.com/\n// Full tutorial: https://framermart.com/tutorial/how-to-create-table-of-contents-cms-collections-framer\nconst HEADING_TO_DISPLAY=[\"h2\",\"h3\"];const SCROLL_MARGIN_TOP=160;const useStore=createStore({headings:[]});export function withTableOfContent(Component){return props=>{const[store]=useStore();return /*#__PURE__*/_jsx(_Fragment,{children:store.headings.length>0&&window?store.headings.sort((a,b)=>a.originalIndex-b.originalIndex).filter(({type})=>HEADING_TO_DISPLAY.includes(type)).map(({id,heading,type},index)=>/*#__PURE__*/_jsx(Component,{...props,variant:type,title:heading,link:`${window.location.pathname}#${id}`})):/*#__PURE__*/_jsx(Component,{...props})});};}export function withContent(Component){return props=>{const[store,setStore]=useStore();const[newProps,setNewProps]=useState(props);useEffect(()=>{setStore({headings:formatTableOfContent(newProps.children.props.children)});},[newProps]);useEffect(()=>{setNewProps(formatHeadings(props));},[props]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`.framer-text {\n scroll-margin-top: ${SCROLL_MARGIN_TOP}px;\n }`}),/*#__PURE__*/_jsx(Component,{...newProps})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withContent\":{\"type\":\"reactHoc\",\"name\":\"withContent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTableOfContent\":{\"type\":\"reactHoc\",\"name\":\"withTableOfContent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Table_of_Contents.map","// FAQ Accordion component with text parsing and responsive font sizes\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useMemo,startTransition,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * FAQ Accordion with text parsing\n * \n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function BlogFAQ(props){const{faqText,questionFont,answerFont,questionFontMobile,answerFontMobile,backgroundColor,questionColor,answerColor,border,iconColor,itemPadding,style}=props;const[openItems,setOpenItems]=useState(new Set);const[isMobile,setIsMobile]=useState(false);useEffect(()=>{if(typeof window===\"undefined\")return;const checkMobile=()=>{startTransition(()=>{setIsMobile(window.innerWidth<890);});};checkMobile();window.addEventListener(\"resize\",checkMobile);return()=>window.removeEventListener(\"resize\",checkMobile);},[]);// Parse the FAQ text into question-answer pairs\nconst faqItems=useMemo(()=>{const items=[];// Split by triple newlines to allow line breaks within answers\nconst sections=faqText.split(/\\n\\n\\n+/);for(const section of sections){const trimmed=section.trim();if(!trimmed)continue;// Try to find question (ends with ?) and answer pattern\nconst lines=trimmed.split(\"\\n\");let question=\"\";let answer=\"\";// Find the question line (usually first line or line ending with ?)\nfor(let i=0;i