{"version":3,"file":"ToolGuide.CjgOITft.mjs","names":["useCallback"],"sources":["https:/framerusercontent.com/modules/holvvVCPX8a5qRDKe9Sj/QRC8uWsa6kVI12aYFBku/ToolGuide.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useCallback}from\"react\";// User request: Create ToolGuide.tsx as a reusable responsive editorial tool guide with robust internal links, exact section structure, configurable tool content fields, premium burgundy/ivory/brass styling, and no images.\n/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ToolGuide(props){const{toolName,category,intro,whatItIs,bestFor,capability1,capability2,capability3,capability4,capability5,reason1,reason2,reason3,notIdeal,secondaryToolName,secondaryToolLink,primaryCTAText,primaryCTALink,background,textColor,accentColor,subtleBorderColor}=props;const navigateInternal=useCallback(path=>{if(!path||typeof window===\"undefined\")return;try{const resolved=new URL(path,window.location.origin);if(resolved.origin===window.location.origin){window.location.assign(`${resolved.pathname}${resolved.search}${resolved.hash}`);return;}window.location.assign(resolved.toString());}catch{window.location.assign(path);}},[]);const onSecondaryToolNavigate=useCallback(event=>{event.preventDefault();navigateInternal(secondaryToolLink);},[navigateInternal,secondaryToolLink]);const onPrimaryNavigate=useCallback(event=>{event.preventDefault();navigateInternal(primaryCTALink);},[navigateInternal,primaryCTALink]);const onBackNavigate=useCallback(event=>{event.preventDefault();const hasToolsAnchor=typeof document!==\"undefined\"&&Boolean(document.getElementById(\"tools\"));navigateInternal(hasToolsAnchor?\"/#tools\":\"/\");},[navigateInternal]);const capabilities=[capability1,capability2,capability3,capability4,capability5].filter(Boolean);const reasons=[reason1,reason2,reason3].filter(Boolean);return /*#__PURE__*/_jsxs(\"section\",{style:{position:\"relative\",width:\"100%\",minHeight:\"100vh\",background,color:textColor,padding:\"72px 24px\",boxSizing:\"border-box\",fontFamily:\"Inter, sans-serif\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .tg-wrap {\n                    width: 100%;\n                    max-width: 980px;\n                    margin: 0 auto;\n                }\n                .tg-eyebrow {\n                    margin: 0 0 14px;\n                    font-size: 12px;\n                    letter-spacing: 0.14em;\n                    text-transform: uppercase;\n                    color: ${accentColor};\n                }\n                .tg-title {\n                    margin: 0;\n                    font-family: \"Cormorant\", Georgia, serif;\n                    font-size: clamp(42px, 6vw, 66px);\n                    line-height: 0.98;\n                    letter-spacing: -0.02em;\n                    font-weight: 500;\n                }\n                .tg-category {\n                    margin: 8px 0 0;\n                    color: ${accentColor};\n                    font-size: 14px;\n                    letter-spacing: 0.04em;\n                    text-transform: uppercase;\n                }\n                .tg-intro {\n                    margin: 18px 0 0;\n                    font-size: 18px;\n                    line-height: 1.55;\n                    max-width: 760px;\n                    opacity: 0.92;\n                }\n                .tg-grid {\n                    margin-top: 42px;\n                    display: grid;\n                    grid-template-columns: 1fr 1fr;\n                    gap: 18px;\n                }\n                .tg-card {\n                    border: 1px solid ${subtleBorderColor};\n                    padding: 18px;\n                }\n                .tg-card-full {\n                    grid-column: 1 / -1;\n                }\n                .tg-h3 {\n                    margin: 0 0 10px;\n                    font-family: \"Cormorant\", Georgia, serif;\n                    font-size: 33px;\n                    line-height: 1.04;\n                    letter-spacing: -0.01em;\n                    font-weight: 500;\n                }\n                .tg-body {\n                    margin: 0;\n                    font-size: 15px;\n                    line-height: 1.58;\n                    opacity: 0.92;\n                }\n                .tg-list {\n                    margin: 0;\n                    padding-left: 18px;\n                    display: grid;\n                    gap: 8px;\n                }\n                .tg-list li {\n                    font-size: 15px;\n                    line-height: 1.58;\n                }\n                .tg-row {\n                    margin-top: 18px;\n                    border: 1px solid ${subtleBorderColor};\n                    padding: 18px;\n                    display: flex;\n                    flex-wrap: wrap;\n                    gap: 8px;\n                    align-items: center;\n                }\n                .tg-secondary-link {\n                    color: ${accentColor};\n                    text-decoration: none;\n                    border-bottom: 1px solid ${accentColor};\n                }\n                .tg-actions {\n                    margin-top: 22px;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: flex-start;\n                    gap: 12px;\n                }\n                .tg-primary {\n                    background: ${accentColor};\n                    color: ${textColor};\n                    text-decoration: none;\n                    border-radius: 4px;\n                    padding: 13px 18px;\n                    font-size: 14px;\n                    font-weight: 600;\n                    line-height: 1;\n                    display: inline-flex;\n                }\n                .tg-note {\n                    margin: 0;\n                    font-size: 12px;\n                    line-height: 1.5;\n                    opacity: 0.75;\n                    max-width: 860px;\n                }\n                .tg-back {\n                    color: ${textColor};\n                    opacity: 0.72;\n                    text-decoration: none;\n                    font-size: 14px;\n                }\n                @media (max-width: 880px) {\n                    .tg-grid {\n                        grid-template-columns: 1fr;\n                    }\n                    .tg-h3 {\n                        font-size: 30px;\n                    }\n                    .tg-intro {\n                        font-size: 17px;\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-wrap\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"tg-eyebrow\",children:\"Tool Guide\"}),/*#__PURE__*/_jsx(\"h1\",{className:\"tg-title\",children:toolName}),/*#__PURE__*/_jsx(\"p\",{className:\"tg-category\",children:category}),/*#__PURE__*/_jsx(\"p\",{className:\"tg-intro\",children:intro}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-grid\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tg-card tg-card-full\",children:[/*#__PURE__*/_jsxs(\"h2\",{className:\"tg-h3\",children:[\"What is \",toolName,\"?\"]}),/*#__PURE__*/_jsx(\"p\",{className:\"tg-body\",children:whatItIs})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-card\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"tg-h3\",children:\"Best for\"}),/*#__PURE__*/_jsx(\"p\",{className:\"tg-body\",children:bestFor})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-card\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"tg-h3\",children:\"What can you do with it?\"}),/*#__PURE__*/_jsx(\"ul\",{className:\"tg-list\",children:capabilities.map(item=>/*#__PURE__*/_jsx(\"li\",{children:item},item))})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-card\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"tg-h3\",children:\"Why we recommend it\"}),/*#__PURE__*/_jsx(\"ul\",{className:\"tg-list\",children:reasons.map(item=>/*#__PURE__*/_jsx(\"li\",{children:item},item))})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-card\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"tg-h3\",children:\"When it may not be the right fit\"}),/*#__PURE__*/_jsx(\"p\",{className:\"tg-body\",children:notIdeal})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-row\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"tg-body\",children:\"Works well with\"}),secondaryToolLink?/*#__PURE__*/_jsx(\"a\",{href:secondaryToolLink,className:\"tg-secondary-link\",onClick:onSecondaryToolNavigate,children:secondaryToolName}):/*#__PURE__*/_jsx(\"span\",{className:\"tg-secondary-link\",style:{borderBottom:\"none\"},children:secondaryToolName})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-actions\",children:[primaryCTALink?/*#__PURE__*/_jsx(\"a\",{href:primaryCTALink,className:\"tg-primary\",onClick:onPrimaryNavigate,children:primaryCTAText}):/*#__PURE__*/_jsx(\"span\",{className:\"tg-primary\",children:primaryCTAText}),/*#__PURE__*/_jsx(\"p\",{className:\"tg-note\",children:\"Always review the latest features and pricing on the provider’s website.\"}),/*#__PURE__*/_jsx(\"a\",{href:\"/#tools\",className:\"tg-back\",onClick:onBackNavigate,children:\"← Back to Tools\"})]})]})]});}addPropertyControls(ToolGuide,{toolName:{type:ControlType.String,defaultValue:\"Systeme.io\"},category:{type:ControlType.String,defaultValue:\"All-in-one platform\"},intro:{type:ControlType.String,displayTextArea:true,defaultValue:\"A practical overview of where this tool fits, what it does well, and who should use it.\"},whatItIs:{type:ControlType.String,displayTextArea:true,defaultValue:\"Systeme.io is an all-in-one business platform that combines funnels, email, automation, and course delivery in one place.\"},bestFor:{type:ControlType.String,displayTextArea:true,defaultValue:\"Solo founders and lean teams who want one central platform to launch offers and manage core marketing workflows.\"},capability1:{type:ControlType.String,defaultValue:\"Build conversion-focused pages and funnels quickly.\"},capability2:{type:ControlType.String,defaultValue:\"Run email campaigns and automations without extra tools.\"},capability3:{type:ControlType.String,defaultValue:\"Host and sell digital products and courses.\"},capability4:{type:ControlType.String,defaultValue:\"Create checkout flows and simple order bumps.\"},capability5:{type:ControlType.String,defaultValue:\"Track basic performance from one dashboard.\"},reason1:{type:ControlType.String,defaultValue:\"Strong value for the feature set.\"},reason2:{type:ControlType.String,defaultValue:\"Lower setup complexity than stitched stacks.\"},reason3:{type:ControlType.String,defaultValue:\"Good fit for focused, fast execution.\"},notIdeal:{type:ControlType.String,displayTextArea:true,defaultValue:\"It may not be ideal if you need deeply specialized enterprise features or very custom architecture across many systems.\"},secondaryToolName:{type:ControlType.String,defaultValue:\"Framer\"},secondaryToolLink:{type:ControlType.Link,defaultValue:\"/tools/framer\"},primaryCTAText:{type:ControlType.String,defaultValue:\"Try this tool\"},primaryCTALink:{type:ControlType.Link,defaultValue:\"\"},background:{type:ControlType.Color,defaultValue:\"#140108\"},textColor:{type:ControlType.Color,defaultValue:\"#F8F2E8\"},accentColor:{type:ControlType.Color,defaultValue:\"#B08D57\"},subtleBorderColor:{type:ControlType.Color,defaultValue:\"rgba(248,242,232,0.16)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ToolGuide\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ToolGuide.map"],"mappings":"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"}