under the H2 even if CMS text is raw */function ensureParagraphWrap(htmlOrText){if(!htmlOrText)return\"\";const s=String(htmlOrText).trim();if(!s)return\"\";if(/<(p|ul|ol|div|section|br)\\b/i.test(s))return s;return`
${s}
`;}/** Rewrite legacy service links to new /services/{make}-{model}-{service} pattern */function rewriteServiceLinks(input){if(!input)return\"\";// Matches absolute or root-relative legacy URLs\nreturn input.replace(/(https?:\\/\\/(?:www\\.)?bangautoglass\\.com)?\\/auto-glass\\/([^/]+)\\/([^/]+)\\/([a-z0-9-]+)/gi,(_m,domain=\"\",make,model,service)=>`${domain}/services/${decodeURIComponent(make)}-${decodeURIComponent(model)}-${decodeURIComponent(service)}`);}/** Extract {make} and {model} from /auto-glass/{make}/{model} (also supports /auto-glass/{make}/models/{model}) */function detectMakeAndModelFromURL(){if(typeof window===\"undefined\")return{makeSlug:undefined,modelSlug:undefined};const parts=window.location?.pathname?.split(\"/\").filter(Boolean)||[];const idx=parts.findIndex(p=>p.toLowerCase()===\"auto-glass\");if(idx<0)return{makeSlug:undefined,modelSlug:undefined};const makeSlug=parts[idx+1]?decodeURIComponent(parts[idx+1]):undefined;let modelSlug;if(parts[idx+2]){const seg=parts[idx+2].toLowerCase();modelSlug=seg===\"models\"&&parts[idx+3]?decodeURIComponent(parts[idx+3]):decodeURIComponent(parts[idx+2]);}return{makeSlug,modelSlug};}/** Gate data fetching to the main domain only (editors/previews use defaults) */function useIsBangDomain(){const[isBang,setIsBang]=React.useState(false);React.useEffect(()=>{if(typeof window===\"undefined\")return;const h=window.location.hostname.toLowerCase();const ok=h===\"bangautoglass.com\"||h.endsWith(\".bangautoglass.com\");setIsBang(ok);},[]);return isBang;}export default function ModelADASSection(props){const{supabaseUrl,supabaseAnonKey,slug:slugProp,modelId,rowOverride,className,style}=props;const[row,setRow]=React.useState(null);const[error,setError]=React.useState(null);// Resolve make/model from URL; use slug prop if provided for model\nconst[{makeSlug,modelSlug:detectedModelSlug}]=React.useState(detectMakeAndModelFromURL());const[resolvedSlug,setResolvedSlug]=React.useState(slugProp||detectedModelSlug||undefined);React.useEffect(()=>{setResolvedSlug(slugProp||detectedModelSlug||undefined);},[slugProp,detectedModelSlug]);const isBangDomain=useIsBangDomain();React.useEffect(()=>{let cancelled=false;const controller=new AbortController;async function load(){// If NOT on main domain, use defaults/overrides only (no remote calls while editing)\nif(!isBangDomain){if(rowOverride&&Object.keys(rowOverride).length){const merged={id:\"override\",slug:rowOverride.slug||resolvedSlug||\"\",model:rowOverride.model??null,adas_aria_label:rowOverride.adas_aria_label??null,adas_heading:rowOverride.adas_heading??null,adas_paragraph:rowOverride.adas_paragraph??null,adas_feature1:rowOverride.adas_feature1??null,adas_feature2:rowOverride.adas_feature2??null,adas_feature3:rowOverride.adas_feature3??null,adas_featureparagraph1:rowOverride.adas_featureparagraph1??null,adas_featureparagraph2:rowOverride.adas_featureparagraph2??null,adas_featureparagraph3:rowOverride.adas_featureparagraph3??null};if(!cancelled)setRow(merged);}else{if(!cancelled)setRow(null);}if(!cancelled)setError(null);return;}// On main domain → fetch from Supabase\nif(!supabaseUrl||!supabaseAnonKey){if(!cancelled){setError(\"Supabase URL/key missing.\");setRow(null);}return;}if(!modelId&&!resolvedSlug){if(!cancelled){setError(\"Provide a model id or ensure URL is /auto-glass/{make}/{model}.\");setRow(null);}return;}try{const columns=[\"id\",\"slug\",\"model\",\"adas_aria_label\",\"adas_heading\",\"adas_paragraph\",\"adas_feature1\",\"adas_feature2\",\"adas_feature3\",\"adas_featureparagraph1\",\"adas_featureparagraph2\",\"adas_featureparagraph3\"].join(\",\");const filter=modelId?`id=eq.${encodeURIComponent(modelId)}`:`slug=ilike.${encodeURIComponent(resolvedSlug)}`;const url=`${supabaseUrl}/rest/v1/models?select=${columns}&${filter}&limit=1`;const response=await fetch(url,{headers:{apikey:supabaseAnonKey,Authorization:`Bearer ${supabaseAnonKey}`,Accept:\"application/json\",Prefer:\"count=none\"},cache:\"no-store\",signal:controller.signal});if(!response.ok)throw new Error(`HTTP ${response.status}`);const data=await response.json();if(cancelled)return;const rec=Array.isArray(data)?data?.[0]:null;setRow(rec);setError(rec?null:\"No model found for the given identifier.\");}catch(err){if(cancelled)return;if(err?.name===\"AbortError\")return;setError(err instanceof Error?err.message:\"Failed to fetch data\");setRow(null);}}load();return()=>{cancelled=true;controller.abort();};},[isBangDomain,supabaseUrl,supabaseAnonKey,modelId,resolvedSlug,rowOverride]);// Use {make} from URL; this feeds token replacement to keep content behavior identical\nconst makeName=makeSlug?decodeURIComponent(makeSlug):undefined;// Strings with {make} token support (identical UX, now backed by models row)\nconst ariaLabel=withMakeTokens(row?.adas_aria_label??\"ADAS camera & sensor info for {make}\",makeName)||\"ADAS camera & sensor info\";const heading=withMakeTokens(row?.adas_heading??\"ADAS Camera & Sensor Calibration for {make}\",makeName)||\"ADAS Camera & Sensor Calibration\";// Paragraph + legacy link rewrite\nconst rawParagraph=withMakeTokens(row?.adas_paragraph??\"Many {make} windshields integrate forward-facing cameras, rain/light sensors, acoustic layers, HUD areas, and heating elements. If your windshield is replaced or ADAS components are disturbed, calibration may be required to restore safety features such as lane-keeping, automatic emergency braking, and adaptive cruise control. We verify the correct glass variant for your build and guide you on the right calibration path—mobile or static—based on OEM procedures.\",makeName);const paragraphHtml=ensureParagraphWrap(rewriteServiceLinks(rawParagraph));// Feature list (unchanged)\nconst features=[{icon:/*#__PURE__*/_jsx(Camera,{size:18,\"aria-hidden\":\"true\"}),title:withMakeTokens(row?.adas_feature1??\"When calibration is needed\",makeName),body:withMakeTokens(row?.adas_featureparagraph1??\"Windshield replacement, camera removal, front-end or suspension work, or fault codes after a collision.\",makeName)},{icon:/*#__PURE__*/_jsx(Wrench,{size:18,\"aria-hidden\":\"true\"}),title:withMakeTokens(row?.adas_feature2??\"Calibration types\",makeName),body:withMakeTokens(row?.adas_featureparagraph2??\"Static (target board on level floor), Dynamic (road drive to spec), or Dual—based on OEM procedures.\",makeName)},{icon:/*#__PURE__*/_jsx(ShieldCheck,{size:18,\"aria-hidden\":\"true\"}),title:withMakeTokens(row?.adas_feature3??\"How we help\",makeName),body:withMakeTokens(row?.adas_featureparagraph3??\"We confirm the correct glass variant and coordinate proper calibration through in-house or trusted partners.\",makeName)}];// Fixed CTAs per spec\nconst primaryCtaText=\"Schedule Appointment\";const primaryCtaHref=\"https://www.bangautoglass.com/schedule-appointment\";const secondaryCtaText=\"More Questions?\";const secondaryCtaHref=\"/frequently-asked-questions\";return /*#__PURE__*/_jsxs(\"section\",{id:\"adas\",\"aria-label\":ariaLabel,className:`bag-make-adas ${className||\"\"}`,style:style,\"data-framer-component\":\"ModelADASSection\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"wrap\",children:[/*#__PURE__*/_jsxs(\"header\",{className:\"head\",children:[/*#__PURE__*/_jsx(Crosshair,{size:20}),/*#__PURE__*/_jsx(\"h2\",{className:\"h2\",children:heading})]}),/*#__PURE__*/_jsx(\"div\",{className:\"content-intro\",children:/*#__PURE__*/_jsx(\"div\",{className:\"rich\",dangerouslySetInnerHTML:{__html:paragraphHtml}})}),error?/*#__PURE__*/_jsx(\"div\",{role:\"status\",className:\"error\",children:error}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"grid\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"content\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"ctaRow\",role:\"group\",\"aria-label\":\"ADAS calls to action\",children:[/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-primary\",href:primaryCtaHref,\"aria-label\":\"Schedule an appointment for windshield service\",children:[/*#__PURE__*/_jsx(ShieldCheck,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:primaryCtaText})]}),/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-secondary\",href:secondaryCtaHref,\"aria-label\":\"Read answers to frequently asked questions\",children:[/*#__PURE__*/_jsx(Info,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:secondaryCtaText})]})]})}),/*#__PURE__*/_jsxs(\"aside\",{className:\"aside\",\"aria-labelledby\":\"adas-essentials-heading\",children:[/*#__PURE__*/_jsx(\"h3\",{id:\"adas-essentials-heading\",className:\"sr-only\",children:\"ADAS essentials\"}),/*#__PURE__*/_jsx(\"ul\",{className:\"checks\",role:\"list\",children:features.map((f,i)=>/*#__PURE__*/_jsxs(\"li\",{children:[f.icon,/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"strong\",{children:f.title}),/*#__PURE__*/_jsx(\"p\",{children:f.body})]})]},i))}),/*#__PURE__*/_jsxs(\"div\",{className:\"note\",role:\"note\",\"aria-label\":\"Safety note\",children:[/*#__PURE__*/_jsx(CheckCircle2,{size:18,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Calibration requirements vary by model year, trim, and camera system. Always complete calibration when required to restore ADAS performance.\"})]})]})]})]})]});}/* ---------- Framer Controls (Supabase only, + model slug override) ---------- */addPropertyControls(ModelADASSection,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\"},supabaseAnonKey:{type:ControlType.String,title:\"Supabase Anon Key\"},slug:{type:ControlType.String,title:\"Model Slug Override\"}});/* ---------- Styles (bound to Theme tokens with safe fallbacks; visual unchanged) ---------- */const css=/*css*/`\n.bag-make-adas, .bag-make-adas *{ box-sizing: border-box; }\n.bag-make-adas{\n /* Bind to global Theme tokens with safe fallbacks (avoid self-references) */\n --emerald: var(--neon, #39FF14);\n --emerald-2: var(--neon-600, #1EEA00);\n --emerald-bright: var(--neon-400, #7CFF62);\n --ring: color-mix(in srgb, var(--emerald, #39FF14) 38%, transparent);\n --wrap-max:1280px;\n --text: var(--color-text, #f7f9f7);\n --muted: var(--color-muted, #c8d1c9);\n --dim: color-mix(in srgb, var(--color-muted, #c8d1c9) 68%, transparent);\n\n color: var(--text);\n padding-block: clamp(32px, 5vw, 56px);\n padding-inline: clamp(16px, 3vw, 32px);\n background:\n radial-gradient(65% 65% at 92% 8%, color-mix(in srgb, var(--emerald) 12%, transparent) 0%, transparent 58%),\n radial-gradient(50% 50% at 12% 95%, color-mix(in srgb, var(--emerald) 8%, transparent) 0%, transparent 52%),\n linear-gradient(180deg, #070e0c 0%, #08130f 42%, #0a1713 100%);\n position: relative;\n border-top: 2px solid color-mix(in srgb, var(--emerald) 75%, #06251a);\n border-bottom: 2px solid color-mix(in srgb, var(--emerald) 75%, #06251a);\n box-shadow:\n inset 0 12px 28px color-mix(in srgb, var(--emerald) 8%, transparent),\n inset 0 -12px 28px color-mix(in srgb, var(--emerald) 8%, transparent);\n}\n.bag-make-adas::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; opacity:.055; mix-blend-mode:overlay;\n background-image:\n repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px),\n repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px);\n}\n.bag-make-adas .wrap{\n max-width:var(--wrap-max);\n margin:0 auto; width:100%; position: relative; z-index: 1;\n}\n\n/* Header */\n.bag-make-adas .head{ display:flex; align-items:center; gap:12px; margin:0 0 clamp(14px, 2.2vw, 20px); }\n.bag-make-adas .head svg{\n color: var(--emerald-bright);\n filter: drop-shadow(0 0 8px color-mix(in srgb, var(--emerald) 45%, transparent));\n flex-shrink: 0;\n}\n.bag-make-adas .h2{ margin:0; font-size: clamp(22px, 2vw, 28px); font-weight:700; letter-spacing:-.015em; line-height:1.2; color: var(--text); }\n\n/* Intro paragraph block directly under H2 */\n.bag-make-adas .content-intro{ margin: 8px 0 20px; }\n.bag-make-adas .rich{ line-height:1.7; }\n.bag-make-adas .rich p{ color: var(--muted); margin:0 0 14px; font-size: clamp(14px, 1.1vw, 16px); line-height:1.7; }\n.bag-make-adas .rich p:last-child{ margin-bottom:0; }\n.bag-make-adas .rich strong, .bag-make-adas .rich b{ color: var(--text); font-weight:700; }\n.bag-make-adas .rich a{ color: var(--emerald-bright); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; transition: color .15s ease; }\n.bag-make-adas .rich a:hover{ color:#ffffff; }\n\n/* Grid */\n.bag-make-adas .grid{ display:grid; gap: clamp(18px, 3vw, 28px); grid-template-columns: 1fr; align-items:start; }\n@media(min-width: 980px){\n .bag-make-adas .grid{ grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); gap:32px; }\n}\n\n/* Left content (CTAs) */\n.bag-make-adas .content{ display:flex; flex-direction:column; gap: clamp(16px, 2.5vw, 22px); }\n.bag-make-adas .ctaRow{ display:flex; flex-wrap:wrap; gap:12px; margin-top: 4px; }\n.bag-make-adas .btn{\n display:inline-flex; align-items:center; gap:10px;\n padding: 14px 20px; border-radius: var(--radius-button, 14px); font-weight:700; font-size:14px;\n text-decoration:none; transition: all .18s cubic-bezier(0.4,0,0.2,1);\n cursor:pointer; white-space:nowrap;\n}\n.bag-make-adas .btn svg{ flex-shrink:0; }\n\n.bag-make-adas .btn-primary{\n background: linear-gradient(135deg, var(--emerald) 0%, var(--emerald-2) 100%);\n color:#0a1713; border: 1px solid color-mix(in srgb, var(--emerald) 85%, white);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--emerald) 28%, transparent), inset 0 1px 0 rgba(255,255,255,.25);\n}\n.bag-make-adas .btn-primary:hover{\n transform: translateY(-2px);\n box-shadow: 0 6px 20px color-mix(in srgb, var(--emerald) 38%, transparent), inset 0 1px 0 rgba(255,255,255,.3);\n background: linear-gradient(135deg, var(--emerald-bright) 0%, var(--emerald) 100%);\n}\n.bag-make-adas .btn-primary:active{ transform: translateY(0); }\n\n.bag-make-adas .btn-secondary{\n background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));\n color: var(--text); border: 1px solid rgba(255,255,255,.20);\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);\n}\n.bag-make-adas .btn-secondary:hover{\n background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.12));\n border-color: color-mix(in srgb, var(--emerald) 22%, rgba(255,255,255,.28));\n transform: translateY(-1px);\n}\n.bag-make-adas .btn:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--ring), 0 0 0 5px rgba(0,0,0,.7); }\n\n/* Right aside (features) */\n.bag-make-adas .aside{ display:grid; gap: 14px; align-content:start; }\n.bag-make-adas .checks{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }\n.bag-make-adas .checks li{\n display:grid; grid-template-columns:auto 1fr; gap:12px;\n background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));\n border:1px solid rgba(255,255,255,.18); border-radius: var(--radius-lg, 14px); padding: 16px;\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.02); transition: all .18s ease;\n}\n.bag-make-adas .checks li:hover{\n background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.09));\n border-color: color-mix(in srgb, var(--emerald) 20%, rgba(255,255,255,.24));\n transform: translateX(3px);\n}\n.bag-make-adas .checks svg{\n color: var(--emerald-bright); margin-top:2px;\n filter: drop-shadow(0 0 6px color-mix(in srgb, var(--emerald) 35%, transparent));\n}\n.bag-make-adas .checks strong{\n display:block; font-size:15px; font-weight:700; color: var(--text);\n margin-bottom:4px; letter-spacing:-.005em;\n}\n.bag-make-adas .checks p{ margin:0; color: var(--dim); font-size:14px; line-height:1.55; }\n\n/* Safety note */\n.bag-make-adas .note{\n display:grid; grid-template-columns:auto 1fr; gap:12px; border-radius: var(--radius-lg, 14px); padding: 16px;\n background: linear-gradient(135deg, color-mix(in srgb, var(--emerald) 14%, rgba(255,255,255,.08)), color-mix(in srgb, var(--emerald) 10%, rgba(255,255,255,.06)));\n border:1px solid color-mix(in srgb, var(--emerald) 45%, rgba(255,255,255,.15));\n box-shadow: 0 8px 20px color-mix(in srgb, var(--emerald) 18%, transparent), inset 0 1px 0 rgba(255,255,255,.12);\n}\n.bag-make-adas .note svg{\n color: var(--emerald-bright); margin-top:2px; filter: drop-shadow(0 0 8px color-mix(in srgb, var(--emerald) 40%, transparent));\n}\n.bag-make-adas .note p{ margin:0; color: var(--text); font-size:14px; line-height:1.6; font-weight:500; }\n\n/* Anchor offset */\n:where(section[id]){ scroll-margin-top: 96px; }\n\n/* Error */\n.bag-make-adas .error{\n color:#fef2f2; background: linear-gradient(135deg, #991b1b, #7f1d1d);\n border:1px solid #dc2626; padding:12px 16px; border-radius:12px; font-size:14px; margin-top: 12px;\n box-shadow: 0 4px 12px rgba(153, 27, 27, 0.3);\n}\n\n/* Responsive refinements */\n@media(max-width: 979px){\n .bag-make-adas .head{ gap:10px; }\n .bag-make-adas .head svg{ width:18px; height:18px; }\n .bag-make-adas .ctaRow{ flex-direction: column; }\n .bag-make-adas .btn{ width: 100%; justify-content: center; padding: 16px 22px; border-radius: var(--radius-lg, 16px); }\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelADASSection\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelADASSection.map","// ModelCTA.tsx\n// -----------------------------------------------------------------------------\n// Binds from public.models:\n// final_cta_aria, final_cta_heading, final_cta_paragraph\n// Anchor: id=\"final-cta\"\n// Theme: LIGHT PANEL on soft gradient backdrop, centered CTA\n// -----------------------------------------------------------------------------\n\"use client\";import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{createClient}from\"@supabase/supabase-js\";/* ---------- Domain / Environment ---------- */function isLiveDomain(){if(typeof window===\"undefined\")return false;const host=window.location?.hostname||\"\";return host===\"bangautoglass.com\"||host.endsWith(\".bangautoglass.com\");}/* ---------- Helpers ---------- */function withTokens(input,makeName,modelName){if(!input)return input??undefined;const mk=(makeName||\"your\").trim();const md=(modelName||\"vehicle\").trim();return input.replace(/\\{\\s*make\\s*\\}/gi,mk).replace(/\\{\\s*model\\s*\\}/gi,md);}function toCssSize(v,fallback=\"1280px\"){if(v===null||v===undefined)return fallback;if(typeof v===\"number\"&&isFinite(v))return`${v}px`;const s=String(v).trim();if(!s)return fallback;if(/^\\d+(?:\\.\\d+)?$/.test(s))return`${s}px`;if(/px|rem|em|vw|vh|%|ch|ex|cm|mm|in|pt|pc$/.test(s)||/^(?:calc|min|max|clamp)\\(/.test(s))return s;const n=parseFloat(s);return isNaN(n)?fallback:`${n}px`;}function titleCaseSlug(slug){if(!slug)return undefined;return slug.split(\"-\").filter(Boolean).map(p=>p.charAt(0).toUpperCase()+p.slice(1)).join(\" \");}/** Expect path: /auto-glass/{make}/{model} */function deriveMakeModelFromPath(pathname){if(!pathname)return{};const parts=pathname.replace(/\\/+/g,\"/\").split(\"/\").filter(Boolean);const idx=parts.indexOf(\"auto-glass\");if(idx>=0){const make=parts[idx+1];const model=parts[idx+2];return{make:make?.toLowerCase(),model:model?.toLowerCase()};}// fallback: try last two segments\nconst L=parts.length;if(L>=2)return{make:parts[L-2]?.toLowerCase(),model:parts[L-1]?.toLowerCase()};return{};}/** Rewrite legacy service links:\n * /auto-glass/{make}/{model}/{service}\n * → /services/{make}-{model}-{service}\n * (handles absolute and relative, keeps query/hash)\n */function rewriteLegacyServiceLinks(html){if(!html)return html;// absolute URLs\nconst abs=/https?:\\/\\/(?:www\\.)?bangautoglass\\.com\\/auto-glass\\/([^\\/\\s\"'<>]+)\\/([^\\/\\s\"'<>]+)\\/([^\"'\\s<>#?]+)([^\\s\"'<>]*)/gi;html=html.replace(abs,(_m,make,model,service,rest=\"\")=>{return`https://bangautoglass.com/services/${make}-${model}-${service}${rest||\"\"}`;});// relative URLs\nconst rel=/(href=[\"']?)\\/auto-glass\\/([^\\/\\s\"'<>]+)\\/([^\\/\\s\"'<>]+)\\/([^\"'\\s<>#?]+)([^\\s\"'<>]*)([\"'])/gi;html=html.replace(rel,(_m,pre,make,model,service,rest=\"\",post)=>{return`${pre}/services/${make}-${model}-${service}${rest||\"\"}${post}`;});return html;}/* ---------- Icons ---------- */function PhoneIcon(props){return /*#__PURE__*/_jsx(\"svg\",{width:props.size||18,height:props.size||18,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",...props,children:/*#__PURE__*/_jsx(\"path\",{d:\"M22 16.92V21a2 2 0 0 1-2.18 2A19.72 19.72 0 0 1 3 5.18 2 2 0 0 1 5 3h4.09a2 2 0 0 1 2 1.72c.13 1.13.37 2.23.72 3.28a2 2 0 0 1-.45 2.11l-1.27 1.27a16 16 0 0 0 6.29 6.29l1.27-1.27a2 2 0 0 1 2.11-.45c1.05.35 2.15.59 3.28.72A2 2 0 0 1 22 16.92z\"})});}function CalendarIcon(props){return /*#__PURE__*/_jsxs(\"svg\",{width:props.size||18,height:props.size||18,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",...props,children:[/*#__PURE__*/_jsx(\"rect\",{x:\"3\",y:\"4\",width:\"18\",height:\"18\",rx:\"2\",ry:\"2\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"16\",y1:\"2\",x2:\"16\",y2:\"6\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"8\",y1:\"2\",x2:\"8\",y2:\"6\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"3\",y1:\"10\",x2:\"21\",y2:\"10\"})]});}function ArrowRightIcon(props){return /*#__PURE__*/_jsxs(\"svg\",{width:props.size||16,height:props.size||16,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",...props,children:[/*#__PURE__*/_jsx(\"line\",{x1:\"5\",y1:\"12\",x2:\"19\",y2:\"12\"}),/*#__PURE__*/_jsx(\"polyline\",{points:\"12 5 19 12 12 19\"})]});}function ShieldIcon(props){return /*#__PURE__*/_jsx(\"svg\",{width:props.size||22,height:props.size||22,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",...props,children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"})});}/* ---------- Simple in-memory cache to avoid repeat fetches ---------- */const rowCache=new Map;export default function ModelCTA(props){const{supabaseUrl,supabaseAnonKey,slug:modelSlugOverride,rowOverride,contentMaxWidth=1280,scrollOffsetPx=96,primaryCtaText=\"Schedule Appointment\",primaryCtaHref=\"/schedule-appointment/\",secondaryCtaText=\"Call Now\",secondaryCtaHref=\"tel:+18779945277\",showBadges=true,className,style}=props;const[fetchedRow,setFetchedRow]=React.useState(null);const[loadError,setLoadError]=React.useState(null);const wrapMax=toCssSize(contentMaxWidth);// Determine {make}/{model} from URL (or override for model slug)\nconst urlSlugs=React.useMemo(()=>{if(typeof window!==\"undefined\"){return deriveMakeModelFromPath(window.location?.pathname);}return{};},[]);const resolvedModelSlug=React.useMemo(()=>modelSlugOverride?.trim()?modelSlugOverride.trim().toLowerCase():urlSlugs.model,[modelSlugOverride,urlSlugs.model]);const resolvedMakeSlug=urlSlugs.make;// Supabase client (only instantiate on live domain)\nconst supabase=React.useMemo(()=>{if(!isLiveDomain())return null;if(!supabaseUrl||!supabaseAnonKey)return null;try{return createClient(supabaseUrl,supabaseAnonKey);}catch{return null;}},[supabaseUrl,supabaseAnonKey]);// Fetch row for public.models by {model slug} (+ make guard if available)\nReact.useEffect(()=>{let cancelled=false;async function run(){if(!isLiveDomain())return;if(!supabase||!resolvedModelSlug)return;setLoadError(null);try{const cacheKey=`${resolvedMakeSlug||\"\"}|${resolvedModelSlug}`;if(rowCache.has(cacheKey)){if(!cancelled)setFetchedRow(rowCache.get(cacheKey)||null);return;}const fields=\"id, slug, make, model, final_cta_aria, final_cta_heading, final_cta_paragraph\";// Try most-specific: model slug + make (case-insensitive)\nlet q=supabase.from(\"models\").select(fields).eq(\"slug\",resolvedModelSlug);if(resolvedMakeSlug)q=q.ilike(\"make\",resolvedMakeSlug);let{data,error}=await q.maybeSingle();if(error&&error.code!==\"PGRST116\")throw error;// Fallback 1: model slug only\nif(!data){const{data:d2,error:e2}=await supabase.from(\"models\").select(fields).eq(\"slug\",resolvedModelSlug).maybeSingle();if(e2&&e2.code!==\"PGRST116\")throw e2;if(d2)data=d2;}// Fallback 2: model name match + make (case-insensitive)\nif(!data&&resolvedMakeSlug){const{data:d3,error:e3}=await supabase.from(\"models\").select(fields).ilike(\"model\",resolvedModelSlug).ilike(\"make\",resolvedMakeSlug).maybeSingle();if(e3&&e3.code!==\"PGRST116\")throw e3;if(d3)data=d3;}const row=data||null;rowCache.set(cacheKey,row);if(!cancelled)setFetchedRow(row);}catch(e){if(!cancelled)setLoadError(e?.message||\"Failed to load content\");}}run();return()=>{cancelled=true;};},[supabase,resolvedModelSlug,resolvedMakeSlug]);// Merge: rowOverride > fetchedRow\nconst merged={id:rowOverride?.id??fetchedRow?.id??0,slug:rowOverride?.slug??fetchedRow?.slug??(resolvedModelSlug||\"\"),make:rowOverride?.make??fetchedRow?.make??(resolvedMakeSlug?titleCaseSlug(resolvedMakeSlug):null),model:rowOverride?.model??fetchedRow?.model??(resolvedModelSlug?titleCaseSlug(resolvedModelSlug):null),final_cta_aria:rowOverride?.final_cta_aria??fetchedRow?.final_cta_aria??null,final_cta_heading:rowOverride?.final_cta_heading??fetchedRow?.final_cta_heading??null,final_cta_paragraph:rowOverride?.final_cta_paragraph??fetchedRow?.final_cta_paragraph??null};const makeName=merged.make||(resolvedMakeSlug?titleCaseSlug(resolvedMakeSlug):undefined);const modelName=merged.model||(resolvedModelSlug?titleCaseSlug(resolvedModelSlug):undefined);const ariaLabel=withTokens(merged?.final_cta_aria??\"Schedule {model} auto glass service\",makeName,modelName)||\"Schedule auto glass service\";const heading=withTokens(merged?.final_cta_heading??\"Ready to Service Your {model}?\",makeName,modelName)||\"Ready to Service Your Vehicle?\";// Apply legacy link rewrite on any HTML pulled from DB or defaults\nconst paragraphHtml=rewriteLegacyServiceLinks(withTokens(merged?.final_cta_paragraph??\"Pick a time that works for you, or call to talk with a specialist. We’ll verify your VIN, match the exact glass, and guide any calibration.\",makeName,modelName)||\"\");React.useEffect(()=>{if(typeof document!==\"undefined\"){const sections=document.querySelectorAll(\":where(section[id])\");sections.forEach(el=>el.style.setProperty(\"--offset\",`${scrollOffsetPx}px`));}},[scrollOffsetPx]);return /*#__PURE__*/_jsxs(\"section\",{id:\"final-cta\",\"aria-label\":ariaLabel,className:`bag-final-cta ${className||\"\"}`,style:{...style||{},[\"--wrap-max\"]:wrapMax},\"data-framer-component\":\"ModelCTA\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsx(\"div\",{className:\"wrap\",style:{maxWidth:wrapMax},children:/*#__PURE__*/_jsxs(\"div\",{className:\"panel\",role:\"region\",\"aria-labelledby\":\"final-cta-title\",children:[loadError&&isLiveDomain()&&/*#__PURE__*/_jsx(\"div\",{className:\"error\",children:\"Could not load model content. Showing defaults.\"}),/*#__PURE__*/_jsx(\"div\",{className:\"eyebrow\",\"aria-hidden\":\"true\",children:\"Book in minutes\"}),/*#__PURE__*/_jsxs(\"header\",{className:\"head\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"shield\",children:/*#__PURE__*/_jsx(ShieldIcon,{size:20,\"aria-hidden\":\"true\"})}),/*#__PURE__*/_jsx(\"h2\",{id:\"final-cta-title\",className:\"h2\",children:heading})]}),/*#__PURE__*/_jsx(\"div\",{className:\"lead rich\",dangerouslySetInnerHTML:{__html:paragraphHtml}}),/*#__PURE__*/_jsxs(\"div\",{className:\"ctaRow\",role:\"group\",\"aria-label\":\"Final calls to action\",children:[/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-primary\",href:primaryCtaHref,children:[/*#__PURE__*/_jsx(CalendarIcon,{size:18,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:primaryCtaText}),/*#__PURE__*/_jsx(ArrowRightIcon,{size:16,\"aria-hidden\":\"true\",className:\"arr\"})]}),/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-ghost\",href:secondaryCtaHref,children:[/*#__PURE__*/_jsx(PhoneIcon,{size:18,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:secondaryCtaText})]})]}),showBadges&&/*#__PURE__*/_jsxs(\"ul\",{className:\"badges\",\"aria-label\":\"Service assurances\",children:[/*#__PURE__*/_jsx(\"li\",{children:\"AGSC standards\"}),/*#__PURE__*/_jsx(\"li\",{children:\"OEM-quality options\"}),/*#__PURE__*/_jsx(\"li\",{children:\"Lifetime workmanship\"})]})]})})]});}/* ---------- Defaults ---------- */ModelCTA.defaultProps={contentMaxWidth:1280,scrollOffsetPx:96,primaryCtaText:\"Schedule Appointment\",primaryCtaHref:\"/schedule-appointment/\",secondaryCtaText:\"Call Now\",secondaryCtaHref:\"tel:+18779945277\",showBadges:true};/* ---------- Keep ONLY these property controls ---------- */addPropertyControls(ModelCTA,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\"},supabaseAnonKey:{type:ControlType.String,title:\"Supabase Key\"},slug:{type:ControlType.String,title:\"Model Slug Override\"}});/* ---------- Styles: centered final CTA, responsive (theme-aligned greens) ---------- */const css=/*css*/`\n.bag-final-cta, .bag-final-cta *{ box-sizing:border-box; }\n.bag-final-cta{\n --wrap-max:1280px;\n\n /* Use THEME greens; keep text dark for readability on light panel */\n --accent: var(--cta-a, #39FF14);\n --accent-2: var(--cta-b, #1EEA00);\n --ink:#0f172a; /* fixed dark text for light panel */\n --ink-dim:#475569; /* fixed muted text */\n --ring: color-mix(in srgb, var(--accent) 22%, transparent);\n --bd:rgba(2,6,23,.08);\n --btn: var(--accent);\n\n /* Light panel background */\n --from:#ffffff;\n --to:#f9fafb;\n\n background:\n radial-gradient(1000px 520px at 50% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%),\n linear-gradient(180deg, var(--from), var(--to));\n color: var(--ink);\n padding: 40px 0 44px;\n border-top:1px solid var(--bd);\n}\n\n.bag-final-cta .wrap{ max-width:var(--wrap-max); width:100%; margin:0 auto; padding:0 16px; }\n@media(min-width:900px){ .bag-final-cta .wrap{ padding:0 24px } }\n@media(min-width:1200px){ .bag-final-cta .wrap{ padding:0 32px } }\n\n/* Panel centered */\n.bag-final-cta .panel{\n margin:0 auto;\n max-width:920px;\n border:1px solid var(--bd);\n background:linear-gradient(180deg, #fff, #f7f9fb 85%);\n border-radius:var(--radius-card, 24px);\n padding:28px 28px 26px;\n text-align:center;\n box-shadow:\n 0 10px 30px rgba(2,6,23,.06),\n inset 0 1px 0 rgba(255,255,255,.7);\n}\n\n.bag-final-cta .eyebrow{\n display:inline-block;\n font-size:12px;\n font-weight:800;\n letter-spacing:.08em;\n text-transform:uppercase;\n color:var(--accent-2);\n background:color-mix(in srgb, var(--accent) 10%, transparent);\n border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);\n padding:6px 10px;\n border-radius:var(--radius-chip, 999px);\n margin-bottom:12px;\n}\n\n.bag-final-cta .head{ display:flex; align-items:center; justify-content:center; gap:12px; margin:0 0 8px; }\n.bag-final-cta .shield{\n width:36px; height:36px; display:grid; place-items:center;\n border-radius:999px;\n background:color-mix(in srgb, var(--accent) 14%, transparent);\n color:var(--accent-2);\n border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);\n}\n.bag-final-cta .h2{\n margin:0; font-size:30px; line-height:1.15; font-weight:900; letter-spacing:-.01em; color:var(--ink);\n}\n\n.bag-final-cta .lead.rich{\n color:var(--ink-dim);\n max-width:720px; margin:0 auto;\n}\n.bag-final-cta .lead.rich p{ margin:0; line-height:1.7; }\n.bag-final-cta .lead.rich a{ color:var(--accent-2); text-decoration:underline; }\n\n/* CTA row centered */\n.bag-final-cta .ctaRow{\n margin-top:16px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px;\n}\n.bag-final-cta .btn{\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\n padding:14px 20px; border-radius:var(--radius-button, 14px); font-weight:900; text-decoration:none; transition:all .15s ease;\n border:1px solid var(--bd);\n}\n.bag-final-cta .btn-primary{\n background:var(--btn); color:#fff; border-color:transparent;\n box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 28%, transparent);\n}\n.bag-final-cta .btn-primary .arr{ transform:translateX(0); transition:transform .15s ease; }\n.bag-final-cta .btn-primary:hover .arr{ transform:translateX(3px); }\n.bag-final-cta .btn-ghost{\n background:#ffffff; color:var(--ink); border:1.5px solid rgba(2,6,23,.12);\n}\n.bag-final-cta .btn:focus-visible{ outline:none; box-shadow:0 0 0 4px var(--ring); }\n\n/* Badges centered */\n.bag-final-cta .badges{\n margin-top:14px; list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px;\n}\n.bag-final-cta .badges li{\n background:color-mix(in srgb, var(--accent) 12%, #ffffff);\n color:var(--accent-2);\n border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);\n padding:6px 10px; border-radius:999px; font-weight:800; font-size:12.5px;\n}\n\n:where(section[id]){ scroll-margin-top: var(--offset, 96px); }\n\n/* error */\n.bag-final-cta .error{\n color:#1b1b1b; background:#fde68a; border:1px solid #f59e0b; padding:8px 10px; border-radius:10px; margin-bottom:10px;\n text-align:left;\n}\n\n/* --------- Responsive --------- */\n@media (max-width: 900px) {\n .bag-final-cta { padding: 32px 0 36px; }\n .bag-final-cta .panel{ padding:22px; border-radius:20px; }\n .bag-final-cta .h2{ font-size:26px; }\n .bag-final-cta .btn{ padding:12px 16px; border-radius:12px; }\n}\n\n@media (max-width: 640px) {\n .bag-final-cta { padding: 24px 0 28px; }\n .bag-final-cta .wrap { padding: 0 10px; }\n .bag-final-cta .panel { padding:18px; border-radius:16px; }\n .bag-final-cta .shield{ width:32px; height:32px; }\n .bag-final-cta .h2{ font-size:22px; }\n .bag-final-cta .lead.rich{ font-size:15px; }\n .bag-final-cta .ctaRow{ gap:10px; }\n .bag-final-cta .btn{ width:100%; max-width:520px; padding:12px 14px; font-size:15px; }\n .bag-final-cta .badges li{ font-size:11.5px; padding:5px 8px; }\n}\n\n@media (max-width: 420px) {\n .bag-final-cta .h2{ font-size:20px; }\n .bag-final-cta .btn{ font-size:14px; border-radius:10px; }\n .bag-final-cta .panel{ padding:14px; }\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelCTA\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelCTA.map","// ModelHero.tsx — v1.6 (models schema, auto-glass/{make}/{model})\n// -----------------------------------------------------------------------------\n// Visual parity with MakeHero.tsx. Sources content strictly from public.models.\n// Uses fields: hero_aria_label, hero_heading, hero_paragraph,\n// hero_bullet_point_1..hero_bullet_point_5\n// Slugs from /auto-glass/{make}/{model} + Model Slug (override) control.\n// Uses AutoGlassReplacementForm.tsx (no hard-coded form).\n// Theme-aligned: uses global CSS variables from Theme.tsx (no hard-coded colors).\n// Fetches Supabase data only on live domain (bangautoglass.com). On Canvas/Preview\n// it renders with defaults instantly for a fast editing experience.\n// Also rewrites legacy service links /auto-glass/{make}/{model}/{service}\n// → /services/{make}-{model}-{service} in any HTML/text hrefs.\n// Tablet/Mobile: tightened container width, added min-width resets, safe-area padding,\n// and overflow-wrap to prevent right-edge overflow.\n// -----------------------------------------------------------------------------\n\"use client\";function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{Phone,Shield,Star as StarIcon,MapPin,Clock,CheckCircle2}from\"lucide-react\";import{addPropertyControls,ControlType}from\"framer\";import AutoGlassReplacementForm from\"https://framerusercontent.com/modules/Ezo6jQ8ofAtPoFgLuz2G/hZFg08y3LxE2AY3sPurP/AutoGlassReplacementForm.js\";/* ---------------------------------- Error & Client ---------------------------------- */class ErrorBoundary extends React.Component{componentDidCatch(err,info){console.error(\"ModelHero crashed\",err,info);this.setState({err});}render(){if(this.state.err){return /*#__PURE__*/_jsxs(\"div\",{style:{border:\"1px solid #fecaca\",background:\"#fee2e2\",color:\"#991b1b\",padding:12,borderRadius:12,fontFamily:\"var(--font-body, ui-sans-serif), system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial\"},role:\"alert\",\"aria-live\":\"assertive\",children:[/*#__PURE__*/_jsx(\"strong\",{children:\"ModelHero error:\"}),\" \",String(this.state.err?.message||this.state.err)]});}return this.props.children;}constructor(...args){super(...args);_define_property(this,\"state\",{err:undefined});}}function ClientOnly({children}){const[mounted,setMounted]=useState(false);useEffect(()=>setMounted(true),[]);if(typeof window===\"undefined\")return null;return mounted?/*#__PURE__*/_jsx(_Fragment,{children:children}):null;}/* ---------------------------------- Helpers ---------------------------------- */const coerceHTML=v=>{if(!v&&v!==0)return\"\";if(typeof v===\"string\")return v;if(typeof v?.html===\"string\")return v.html;if(typeof v?.value===\"string\")return v.value;if(typeof v?.plainText===\"string\")return v.plainText;return\"\";};const coerceText=v=>{if(!v&&v!==0)return\"\";if(typeof v===\"string\"||typeof v===\"number\")return String(v);if(typeof v?.plainText===\"string\")return v.plainText;if(typeof v?.value===\"string\")return v.value;const html=coerceHTML(v);if(html)return html.replace(/<[^>]+>/g,\" \").replace(/\\s+/g,\" \").trim();return\"\";};const renderFormatted=(v,className=\"rich\")=>{if(!v&&v!==0)return null;const html=coerceHTML(v);if(html)return /*#__PURE__*/_jsx(\"div\",{className:className,dangerouslySetInnerHTML:{__html:html}});const txt=coerceText(v);return txt?/*#__PURE__*/_jsx(\"div\",{className:className,children:txt}):null;};const getImageSrc=img=>{if(!img)return\"\";if(typeof img===\"string\")return img;if(typeof img?.src===\"string\")return img.src;if(typeof img?.url===\"string\")return img.url;if(Array.isArray(img)&&img[0]?.src)return img[0].src;return\"\";};const readStr=v=>typeof v===\"string\"?v.trim():\"\";const sanitizeSlug=s=>decodeURIComponent(s||\"\").toLowerCase().replace(/\\.html?$/i,\"\").replace(/[^a-z0-9-_]+/g,\"-\").replace(/^-+|-+$/g,\"\");const deslugWords=s=>decodeURIComponent(s||\"\").replace(/[-_]+/g,\" \").trim();const normalizeTokenText=(s,makeName,modelName)=>(s??\"\").replaceAll(\"{make}\",makeName).replaceAll(\"{model}\",modelName);/** Rewrite legacy service links:\n * /auto-glass/{make}/{model}/{service} → /services/{make}-{model}-{service}\n */function rewriteServiceHref(href){try{const base=\"https://bangautoglass.com\";const u=new URL(href,base);const m=u.pathname.match(/^\\/auto-glass\\/([^/]+)\\/([^/]+)\\/([^/]+)/i);if(m){u.pathname=`/services/${m[1]}-${m[2]}-${m[3]}`;const out=u.origin===base?`${u.pathname}${u.search}${u.hash}`:`${u.origin}${u.pathname}${u.search}${u.hash}`;return out;}return href;}catch{return href.replace(/\\/auto-glass\\/([^/]+)\\/([^/]+)\\/([^/?#]+)/gi,(_m,make,model,svc)=>`/services/${make}-${model}-${svc}`);}}function rewriteServiceLinksInHtml(html){if(!html)return html;return html.replace(/href=\"([^\"]+)\"/gi,(_match,href)=>`href=\"${rewriteServiceHref(href)}\"`);}/* ---------- Config helpers ---------- */function resolveSupabaseConfig(props){// 1) Property controls (Canvas/Preview)\nlet url=readStr(props.supabaseUrl);let key=readStr(props.supabaseAnonKey);// 2) URL query (handy in Preview)\nif(typeof window!==\"undefined\"){const sp=new URLSearchParams(window.location.search);url||=readStr(sp.get(\"supabaseUrl\")||sp.get(\"supabase_url\"));key||=readStr(sp.get(\"supabaseAnonKey\")||sp.get(\"supabase_anon_key\"));}// 3) localStorage (persisted from Canvas)\nif(typeof window!==\"undefined\"){url||=readStr(window.localStorage.getItem(\"bag.supabaseUrl\"));key||=readStr(window.localStorage.getItem(\"bag.supabaseAnonKey\"));}// 4) Env (Next.js sites)\nif(typeof process!==\"undefined\"){url||=readStr(process.env?.NEXT_PUBLIC_SUPABASE_URL);key||=readStr(process.env?.NEXT_PUBLIC_SUPABASE_ANON_KEY);}return{url,key};}function resolveMakeModelSlugs(opts){let makeSlug=\"\";let modelSlug=sanitizeSlug(readStr(opts?.modelSlugOverride));// Querystring for model (if not provided via override)\nif(!modelSlug&&typeof window!==\"undefined\"){const sp=new URLSearchParams(window.location.search);modelSlug=sanitizeSlug(readStr(sp.get(\"model\")||sp.get(\"model_slug\")));}// From anchored path (/auto-glass/{make}/{model})\nif(typeof window!==\"undefined\"){const{pathname}=window.location;const parts=pathname.toLowerCase().split(\"/\").filter(Boolean);const looksLikeFramerPreview=pathname.endsWith(\".html\")||parts.some(p=>p.includes(\"preview\")||p.includes(\"canvas\")||p.includes(\"module\"));if(!looksLikeFramerPreview){const anchors=[\"auto-glass\",\"makes\",\"make\",\"brand\",\"brands\"];const idx=parts.findIndex(s=>anchors.includes(s));if(idx>=0){makeSlug=sanitizeSlug(parts[idx+1]||\"\");modelSlug||=sanitizeSlug(parts[idx+2]||\"\");}else{const a=parts[parts.length-2];const b=parts[parts.length-1];if(a&&b){makeSlug=sanitizeSlug(a);modelSlug||=sanitizeSlug(b);}}}}// localStorage fallback\nif(typeof window!==\"undefined\"){makeSlug||=sanitizeSlug(window.localStorage.getItem(\"bag.makeSlug\")||\"\");modelSlug||=sanitizeSlug(window.localStorage.getItem(\"bag.modelSlug\")||\"\");}return{makeSlug,modelSlug};}/* ---------------------------------- Supabase fetch + mapping ---------------------------------- *//** Query ONLY by model; do not constrain by make. */async function fetchModelByModelOnly(supabaseUrl,supabaseAnonKey,modelSlug){if(!modelSlug)throw new Error(\"Model slug resolved empty.\");const base=supabaseUrl.replace(/\\/+$/,\"\");const modelGuess=deslugWords(modelSlug);// Single-call OR filter for lower latency\nconst qp=new URLSearchParams;qp.set(\"select\",[\"id\",\"make\",\"model\",\"slug\",\"hero_aria_label\",\"hero_heading\",\"hero_paragraph\",\"hero_bullet_point_1\",\"hero_bullet_point_2\",\"hero_bullet_point_3\",\"hero_bullet_point_4\",\"hero_bullet_point_5\"].join(\",\"));qp.set(\"or\",`(slug.eq.${modelSlug},model.ilike.${modelGuess})`);qp.set(\"limit\",\"1\");const url=`${base}/rest/v1/models?${qp.toString()}`;const res=await fetch(url,{headers:{apikey:supabaseAnonKey,Authorization:`Bearer ${supabaseAnonKey}`,Accept:\"application/json\",Prefer:\"count=none\"},cache:\"no-store\"});if(!res.ok)throw new Error(`Supabase error (${res.status})`);const rows=await res.json();if(rows?.[0])return rows[0];return null;}function mapRowToHeroProps(row){if(!row)return{};const makeName=String(row.make||\"\").trim();const modelName=String(row.model||\"\").trim()||String(row.slug||\"\").replace(/-/g,\" \").trim();const norm=s=>normalizeTokenText(s||\"\",makeName,modelName);return{makeName,modelName,sectionAriaLabel:row.hero_aria_label||undefined,headline:norm(row.hero_heading),subheadHtml:norm(row.hero_paragraph?rewriteServiceLinksInHtml(row.hero_paragraph):\"\"),bullet1:norm(row.hero_bullet_point_1),bullet2:norm(row.hero_bullet_point_2),bullet3:norm(row.hero_bullet_point_3),bullet4:norm(row.hero_bullet_point_4),bullet5:norm(row.hero_bullet_point_5),bgUrl:\"\",bgImageAlt:norm(`${makeName} ${modelName} windshield replacement`)};}/* ---------------------------------- Breadcrumbs ---------------------------------- */function BreadcrumbsModel(props){const{show=true,emitJsonLd=false,siteBaseUrl=\"https://bangautoglass.com\",makeName=\"{make}\",modelName=\"{model}\",makeSlug=\"\",modelSlug=\"\",homeHref=\"/\",autoGlassHref=\"/auto-glass/\"}=props;if(!show)return null;const trimmedAutoGlass=autoGlassHref.replace(/\\/+$/,\"\");const makeHref=`${trimmedAutoGlass}/${makeSlug||\"\"}/`;const modelHref=`${makeHref}${modelSlug||\"\"}/`;const abs=p=>p.startsWith(\"http\")?p:`${siteBaseUrl.replace(/\\/+$/,\"\")}${p.startsWith(\"/\")?\"\":\"/\"}${p}`;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"nav\",{className:\"breadcrumbs\",\"aria-label\":\"Breadcrumb\",children:/*#__PURE__*/_jsxs(\"ol\",{children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:homeHref,children:\"Home\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:autoGlassHref,children:\"Auto Glass\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:makeHref,children:makeName})}),/*#__PURE__*/_jsx(\"li\",{\"aria-current\":\"page\",children:/*#__PURE__*/_jsx(\"span\",{children:modelName})})]})}),emitJsonLd&&/*#__PURE__*/_jsx(\"script\",{type:\"application/ld+json\",dangerouslySetInnerHTML:{__html:JSON.stringify({\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",itemListElement:[{\"@type\":\"ListItem\",position:1,name:\"Home\",item:abs(homeHref)},{\"@type\":\"ListItem\",position:2,name:\"Auto Glass\",item:abs(autoGlassHref)},{\"@type\":\"ListItem\",position:3,name:makeName,item:abs(makeHref)},{\"@type\":\"ListItem\",position:4,name:modelName,item:abs(modelHref)}]})}})]});}/* ---------------------------------- Presentational Hero ---------------------------------- */function ModelHeroInner(props){const{sectionAriaLabel,phoneDisplay,phoneHref,phoneAriaLabel,headline,subheadHtml,pillText,primaryText,primaryHref,primaryAriaLabel,secondaryText,secondaryHref,secondaryAriaLabel,primaryCta,secondaryCta,formTitle,formSubheadHtml,consentText,barLeftItem1,barLeftItem2,ratingText,credentialsText,bullet1,bullet2,bullet3,bullet4,bullet5,bgUrl,bgImage,bgImageAlt,showForm=true,contentMaxWidth,contentGutter,enableStickyMobileCta=true,stickyCtaLabel,useEdgeEmail,edgeEmailUrl,edgeApiKey,orgId,templateId,sendBackupToFormsubmit,useDbIntake,dbIntakeUrl,dbApiKey,defaultLeadStatus,defaultSaleSource,defaultState,style,className,showBreadcrumbs=true,emitBreadcrumbJsonLd=true,siteBaseUrl=\"https://bangautoglass.com\",breadcrumbsHomeHref=\"/\",breadcrumbsAutoGlassHref=\"/auto-glass/\",resolvedMakeSlug=\"\",resolvedModelSlug=\"\",makeName=\"{make}\",modelName=\"{model}\"}=props;const safeTelHref=`tel:${(coerceText(phoneHref)||\"\").replace(/[^+\\d]/g,\"\")}`;const pText=coerceText(primaryText)||coerceText(primaryCta?.text);const pHrefRaw=coerceText(primaryHref)||coerceText(primaryCta?.href);const pHref=pHrefRaw?rewriteServiceHref(pHrefRaw):\"\";const pAria=coerceText(primaryAriaLabel)||coerceText(primaryCta?.ariaLabel);const sText=coerceText(secondaryText)||coerceText(secondaryCta?.text);const sHrefRaw=coerceText(secondaryHref)||coerceText(secondaryCta?.href);const sHref=sHrefRaw?rewriteServiceHref(sHrefRaw):\"\";const sAria=coerceText(secondaryAriaLabel)||coerceText(secondaryCta?.ariaLabel);const stickyLabel=coerceText(stickyCtaLabel)||pText||\"Get Quote\";const wrapMax=(()=>{const v=contentMaxWidth??\"var(--header-inner-max, var(--header-max, var(--shell-wrap-max, var(--wrap-max, 1280px))))\";if(typeof v===\"number\")return`${v}px`;const s=String(v).trim();return/^\\d+$/.test(s)?`${s}px`:s;})();const gutter=(()=>{const v=contentGutter??\"var(--header-gutter, var(--shell-gutter, clamp(16px,3vw,32px)))\";if(typeof v===\"number\")return`${v}px`;const s=String(v).trim();return/^\\d+$/.test(s)?`${s}px`:s;})();const cls=className||\"\";const bgSrc=coerceText(bgUrl)||getImageSrc(bgImage);const alt=coerceText(bgImageAlt);const formRef=useRef(null);const[formInView,setFormInView]=useState(false);useEffect(()=>{if(!formRef.current||typeof IntersectionObserver===\"undefined\")return;const io=new IntersectionObserver(entries=>setFormInView(entries[0]?.isIntersecting??false),{threshold:.2});io.observe(formRef.current);return()=>io.disconnect();},[]);// Prepare subhead HTML with link rewrites\nconst subheadHTMLString=rewriteServiceLinksInHtml(coerceHTML(subheadHtml));return /*#__PURE__*/_jsxs(\"section\",{className:`bag-model-hero ${cls}`,style:{...style||{},[\"--align-max\"]:wrapMax,[\"--align-gutter\"]:gutter},\"aria-label\":sectionAriaLabel||\"Model auto glass hero\",\"data-framer-component\":\"ModelHero\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsx(\"a\",{className:\"skipToForm\",href:\"#quote\",children:\"Skip to quote form\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"bg\",role:alt?\"img\":undefined,\"aria-label\":alt||undefined,children:[/*#__PURE__*/_jsx(\"div\",{className:\"image\",children:bgSrc?/*#__PURE__*/_jsx(\"img\",{src:bgSrc,alt:\"\",\"aria-hidden\":\"true\",className:\"imageTag\",decoding:\"async\",loading:\"eager\",fetchPriority:\"high\",sizes:\"100vw\"}):null}),/*#__PURE__*/_jsx(\"div\",{className:\"tint\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"div\",{className:\"noise\",\"aria-hidden\":\"true\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"wrap\",children:[/*#__PURE__*/_jsx(BreadcrumbsModel,{show:showBreadcrumbs,emitJsonLd:emitBreadcrumbJsonLd,siteBaseUrl:siteBaseUrl,makeName:coerceText(makeName)||\"{make}\",modelName:coerceText(modelName)||\"{model}\",makeSlug:resolvedMakeSlug,modelSlug:resolvedModelSlug,homeHref:breadcrumbsHomeHref,autoGlassHref:breadcrumbsAutoGlassHref}),/*#__PURE__*/_jsx(\"div\",{className:\"bar\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"barLeft\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"inline\",children:[/*#__PURE__*/_jsx(Clock,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:coerceText(barLeftItem1)})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"inline\",children:[/*#__PURE__*/_jsx(MapPin,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:coerceText(barLeftItem2)})]})]})}),/*#__PURE__*/_jsxs(\"div\",{className:`grid ${showForm?\"two\":\"one\"}`,children:[/*#__PURE__*/_jsx(\"div\",{className:\"content\",\"data-area\":\"content\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"contentGlass\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"contentTop\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"pill\",children:[/*#__PURE__*/_jsx(StarIcon,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{className:\"pillText\",children:coerceText(pillText)})]}),/*#__PURE__*/_jsxs(\"a\",{className:\"contentPhone\",href:safeTelHref,\"aria-label\":coerceText(phoneAriaLabel)||\"Call now\",children:[/*#__PURE__*/_jsx(Phone,{\"aria-hidden\":\"true\",size:16}),/*#__PURE__*/_jsx(\"span\",{className:\"num\",children:coerceText(phoneDisplay)})]})]}),/*#__PURE__*/_jsx(\"h1\",{children:coerceText(headline)}),subheadHTMLString?/*#__PURE__*/_jsx(\"div\",{className:\"lead rich\",dangerouslySetInnerHTML:{__html:subheadHTMLString}}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"trust\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"starsRow\",role:\"img\",\"aria-label\":`${coerceText(ratingText)} average rating`,children:[[0,1,2,3,4].map(i=>/*#__PURE__*/_jsx(StarIcon,{size:20,\"aria-hidden\":\"true\"},i)),/*#__PURE__*/_jsx(\"span\",{className:\"rating\",children:coerceText(ratingText)})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"credentials\",children:[/*#__PURE__*/_jsx(Shield,{size:20,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:coerceText(credentialsText)})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"ctaRow\",role:\"group\",\"aria-label\":\"Primary calls to action\",children:[/*#__PURE__*/_jsx(\"a\",{className:\"btn btn-primary\",href:pHref||\"#quote\",\"aria-label\":pAria,\"aria-controls\":\"quote\",children:pText}),/*#__PURE__*/_jsx(\"a\",{className:\"btn btn-secondary\",href:sHref||\"#\",\"aria-label\":sAria,children:sText})]}),/*#__PURE__*/_jsx(\"div\",{className:\"micro\",children:[bullet1,bullet2,bullet3,bullet4,bullet5].filter(Boolean).map((b,i)=>/*#__PURE__*/_jsxs(\"div\",{className:\"bullet\",children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,className:\"ok\",\"aria-hidden\":\"true\"}),\" \",/*#__PURE__*/_jsx(\"span\",{children:coerceText(b)})]},i))})]})}),showForm&&/*#__PURE__*/_jsx(\"aside\",{className:\"quote\",id:\"quote\",\"aria-label\":\"Instant quote form\",\"data-area\":\"form\",role:\"complementary\",ref:formRef,children:/*#__PURE__*/_jsx(AutoGlassReplacementForm,{title:coerceText(formTitle),subheadHtml:formSubheadHtml,consentText:coerceText(consentText),defaultState:coerceText(defaultState),useEdgeEmail:useEdgeEmail,edgeEmailUrl:edgeEmailUrl,edgeApiKey:edgeApiKey,orgId:orgId,templateId:templateId,sendBackupToFormsubmit:sendBackupToFormsubmit,useDbIntake:useDbIntake,dbIntakeUrl:dbIntakeUrl,dbApiKey:dbApiKey,defaultLeadStatus:defaultLeadStatus,defaultSaleSource:defaultSaleSource})})]})]}),enableStickyMobileCta&&!formInView&&/*#__PURE__*/_jsxs(\"div\",{className:\"mobileStickyCta\",role:\"region\",\"aria-label\":\"Quick actions\",children:[/*#__PURE__*/_jsx(\"a\",{href:\"#quote\",\"aria-controls\":\"quote\",className:\"mobileStickyBtn\",children:stickyLabel}),/*#__PURE__*/_jsxs(\"a\",{href:safeTelHref,className:\"mobileStickyCall\",\"aria-label\":\"Call now\",children:[/*#__PURE__*/_jsx(Phone,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:coerceText(phoneDisplay)})]})]})]});}function isLiveBangDomain(){if(typeof window===\"undefined\")return false;const host=window.location.hostname||\"\";return/(^|\\.)bangautoglass\\.com$/i.test(host);}export default function ModelHero(props){const[row,setRow]=useState(null);const[status,setStatus]=useState(\"idle\");const[err,setErr]=useState(\"\");// Resolve config (works on Canvas + Preview)\nconst{url:resolvedSupabaseUrl,key:resolvedSupabaseKey}=resolveSupabaseConfig({supabaseUrl:props.supabaseUrl,supabaseAnonKey:props.supabaseAnonKey});// Resolve slugs (make + model; make is used only for breadcrumbs/URLs)\nconst{makeSlug,modelSlug}=resolveMakeModelSlugs({modelSlugOverride:props.modelSlugOverride});// Persist for Preview reuse\nuseEffect(()=>{if(typeof window===\"undefined\")return;if(resolvedSupabaseUrl)window.localStorage.setItem(\"bag.supabaseUrl\",resolvedSupabaseUrl);if(resolvedSupabaseKey)window.localStorage.setItem(\"bag.supabaseAnonKey\",resolvedSupabaseKey);if(makeSlug)window.localStorage.setItem(\"bag.makeSlug\",makeSlug);if(modelSlug)window.localStorage.setItem(\"bag.modelSlug\",modelSlug);},[resolvedSupabaseUrl,resolvedSupabaseKey,makeSlug,modelSlug]);useEffect(()=>{let alive=true;(async()=>{// Fast Canvas/Preview: render defaults, skip network entirely\nif(!isLiveBangDomain()){setStatus(\"ready\");return;}if(!modelSlug){setStatus(\"error\");setErr(\"Missing model slug (set via prop or ?model= or /auto-glass/{make}/{model}).\");return;}if(!resolvedSupabaseUrl||!resolvedSupabaseKey){setStatus(\"error\");setErr(\"Missing Supabase URL or anon key.\");return;}try{setStatus(\"loading\");const r=await fetchModelByModelOnly(resolvedSupabaseUrl,resolvedSupabaseKey,modelSlug);if(!alive)return;if(!r){setStatus(\"error\");setErr(`No model found for \"${modelSlug}\".`);return;}setRow(r);setStatus(\"ready\");}catch(e){if(!alive)return;setStatus(\"error\");setErr(e?.message||\"Failed to load model content.\");}})();return()=>{alive=false;};},[resolvedSupabaseUrl,resolvedSupabaseKey,modelSlug]);// Derive integration toggles from provided config\nconst derivedUseEdgeEmail=Boolean(props.edgeEmailUrl&&props.edgeApiKey);const derivedUseDbIntake=Boolean(props.dbIntakeUrl&&props.dbApiKey);const mapped=mapRowToHeroProps(row);const merged={...ModelHeroDefaults,...mapped,makeName:mapped.makeName||row?.make||\"{make}\",modelName:mapped.modelName||row?.model||\"{model}\",resolvedMakeSlug:makeSlug,resolvedModelSlug:modelSlug,// Integrations (derived)\nuseEdgeEmail:derivedUseEdgeEmail||ModelHeroDefaults.useEdgeEmail,edgeEmailUrl:props.edgeEmailUrl||ModelHeroDefaults.edgeEmailUrl,edgeApiKey:props.edgeApiKey||ModelHeroDefaults.edgeApiKey,templateId:props.templateId||ModelHeroDefaults.templateId,useDbIntake:derivedUseDbIntake||ModelHeroDefaults.useDbIntake,dbIntakeUrl:props.dbIntakeUrl||ModelHeroDefaults.dbIntakeUrl,dbApiKey:props.dbApiKey||ModelHeroDefaults.dbApiKey,// expose resolved values (debug/preview)\nsupabaseUrl:resolvedSupabaseUrl,supabaseAnonKey:resolvedSupabaseKey};return /*#__PURE__*/_jsx(ClientOnly,{children:/*#__PURE__*/_jsxs(ErrorBoundary,{children:[status===\"loading\"&&/*#__PURE__*/_jsx(\"div\",{style:{padding:16,color:\"var(--color-muted)\",fontFamily:\"var(--font-body, ui-sans-serif)\"},children:\"Loading model content…\"}),status===\"error\"&&/*#__PURE__*/_jsxs(\"div\",{style:{border:\"1px solid #fde68a\",background:\"#fffbeb\",color:\"#92400e\",padding:12,borderRadius:12,fontFamily:\"var(--font-body, ui-sans-serif)\",margin:8},role:\"alert\",children:[/*#__PURE__*/_jsx(\"strong\",{children:\"Content unavailable.\"}),\" \",err]}),status===\"ready\"&&/*#__PURE__*/_jsx(ModelHeroInner,{...merged})]})});}/* ---------------------------------- Property Controls (Framer) ---------------------------------- */addPropertyControls(ModelHero,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\"},supabaseAnonKey:{type:ControlType.String,title:\"Supabase Anon Key\"},modelSlugOverride:{type:ControlType.String,title:\"Model Slug (override)\"},// Kept integrations\nedgeEmailUrl:{type:ControlType.String,title:\"Edge Email URL\"},edgeApiKey:{type:ControlType.String,title:\"Edge Email API Key\"},templateId:{type:ControlType.String,title:\"SendGrid Template ID\"},dbIntakeUrl:{type:ControlType.String,title:\"Intake Function URL\"},dbApiKey:{type:ControlType.String,title:\"Intake API Key\"}});/* ---------------------------------- Defaults ---------------------------------- */const ModelHeroDefaults={sectionAriaLabel:\"Model auto glass hero\",phoneDisplay:\"(877) 994-5277\",phoneHref:\"+1-877-994-5277\",phoneAriaLabel:\"Call now to speak with auto glass specialist\",headline:\"{model} Auto Glass & Windshield Replacement\",subheadHtml:'Get expert, model-specific auto glass service for your {make} {model}—from front windshield replacement to door, quarter, rear, and sunroof glass. Our mobile technicians verify your VIN, identify the correct windshield variant and features, and guide you on any ADAS calibration. We use OEM-quality materials and follow safety standards. Schedule windshield replacement for fast mobile service.',pillText:\"Premium Mobile Windshield Replacement\",primaryText:\"Schedule Appointment\",primaryHref:\"/schedule-appointment/\",primaryAriaLabel:\"Schedule mobile {make} {model} auto glass service\",secondaryText:\"Browse {make} Models\",secondaryHref:\"#models\",secondaryAriaLabel:\"Browse {make} models\",formTitle:\"\",formSubheadHtml:\"\",consentText:\"\",barLeftItem1:\"Same-day scheduling when available\",barLeftItem2:\"Arizona & Florida Mobile Service\",ratingText:\"4.9/5 Rated on Google\",credentialsText:\"AGSC standards • DOT compliant • ADAS recalibration\",bullet1:\"Insurance accepted—often $0 with comprehensive\",bullet2:\"Lifetime workmanship warranty\",bullet3:\"Same-day availability in many areas\",bullet4:\"Quick, free quotes\",bullet5:\"Certified techs for ADAS features\",bgUrl:\"\",bgImage:null,bgImageAlt:\"{make} {model} windshield replacement\",shortFormMode:false,showForm:true,contentMaxWidth:\"var(--header-inner-max, var(--header-max, var(--shell-wrap-max, var(--wrap-max, 1280px))))\",contentGutter:\"var(--header-gutter, var(--shell-gutter, clamp(16px,3vw,32px)))\",useEdgeEmail:false,edgeEmailUrl:\"\",edgeApiKey:\"\",orgId:1,templateId:\"\",sendBackupToFormsubmit:false,useDbIntake:false,dbIntakeUrl:\"\",dbApiKey:\"\",defaultLeadStatus:\"New Lead\",defaultSaleSource:\"Website Form\",defaultState:\"\",showBreadcrumbs:true,emitBreadcrumbJsonLd:true,siteBaseUrl:\"https://bangautoglass.com\",breadcrumbsHomeHref:\"/\",breadcrumbsAutoGlassHref:\"/auto-glass/\",enableStickyMobileCta:true,stickyCtaLabel:\"\"};/* ---------------------------------- Styles (Theme-aligned & responsive) ---------------------------------- */const css=`\n/* Root */\n.bag-model-hero{\n /* Use global Theme tokens */\n color: var(--color-text);\n color-scheme: dark;\n container: hero / inline-size;\n position:relative;\n isolation:isolate;\n overflow-x: clip; /* prevent horizontal overflow on mobile */\n overflow-y: visible;\n width: 100%;\n max-width: 100vw;\n /* Add safe-area padding on small screens to avoid right overflow */\n --_gutter: var(--align-gutter, var(--header-gutter, var(--shell-gutter, clamp(16px, 3vw, 32px))));\n padding-top: calc(18px + env(safe-area-inset-top));\n padding-bottom: 40px;\n padding-left: calc(var(--_gutter) + env(safe-area-inset-left));\n padding-right: calc(var(--_gutter) + env(safe-area-inset-right));\n background: var(--color-bg);\n min-height: 0;\n}\n.bag-model-hero, .bag-model-hero * { box-sizing: border-box; }\n.bag-model-hero * { min-width: 0; } /* prevent flex/grid children from overflowing */\n.bag-model-hero .wrap{ max-width: var(--align-max, var(--header-inner-max, var(--header-max, var(--shell-wrap-max, var(--wrap-max, 1280px))))); width:100%; margin-inline:auto; }\n\n/* Background */\n.bag-model-hero .bg{ position:absolute; inset:0; pointer-events:none; z-index:-1; }\n.bag-model-hero .image{ position:absolute; inset:0; z-index:0; }\n.bag-model-hero .imageTag{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.38; filter:saturate(108%) contrast(106%); }\n.bag-model-hero .tint{\n position:absolute; inset:0; z-index:1;\n background:\n radial-gradient(70% 70% at 12% 10%, color-mix(in hsl, var(--teal) 14%, transparent) 0%, transparent 60%),\n radial-gradient(70% 70% at 88% 8%, color-mix(in hsl, var(--emerald) 14%, transparent) 0%, transparent 60%),\n linear-gradient(180deg, color-mix(in hsl, var(--color-bg) 10%, transparent) 0%, color-mix(in hsl, var(--color-bg) 45%, transparent) 55%, color-mix(in hsl, var(--color-bg) 62%, transparent) 100%);\n}\n.bag-model-hero .noise{\n position:absolute; inset:0; z-index:2; opacity:.07; mix-blend-mode:overlay;\n background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px),\n repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px);\n background-size:4px 4px;\n}\n\n/* Skip link */\n.bag-model-hero .skipToForm{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }\n.bag-model-hero .skipToForm:focus{\n position:static; width:auto; height:auto; padding:8px 10px; border-radius:var(--radius-lg);\n background:rgba(0,0,0,.6); border:1px solid var(--color-line); box-shadow:var(--shadow-elev-1);\n}\n\n/* Breadcrumbs + bar */\n.bag-model-hero .breadcrumbs{ color:var(--color-muted); font-size:12.5px; margin:2px 0 0; }\n.bag-model-hero .breadcrumbs ol{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }\n.bag-model-hero .breadcrumbs li{ display:flex; gap:8px; align-items:center; }\n.bag-model-hero .breadcrumbs li + li::before{ content:\"›\"; opacity:.35; }\n.bag-model-hero .breadcrumbs a{ color: color-mix(in hsl, var(--color-text) 92%, transparent); text-decoration:none; opacity:.95; }\n.bag-model-hero .breadcrumbs [aria-current=\"page\"] span{ color: color-mix(in hsl, var(--color-muted) 85%, transparent); }\n\n.bag-model-hero .bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 0; margin-top:2px; color:var(--color-muted); font-size:14px; }\n.bag-model-hero .barLeft{ display:flex; flex-wrap:wrap; gap:10px; }\n.bag-model-hero .inline{ display:flex; align-items:center; gap:6px; flex:0 1 auto; }\n.bag-model-hero .inline svg{ width:14px; height:14px; color: var(--color-muted); opacity:.85; }\n\n/* Grid */\n.bag-model-hero .grid{ display:grid; align-items:start; gap:22px; padding-top:8px; grid-template-columns:1fr; grid-template-areas:\"content\" \"form\"; max-width:100%; }\n.bag-model-hero .grid.one{ grid-template-areas:\"content\"; }\n.bag-model-hero [data-area=\"form\"]{ grid-area:form; }\n.bag-model-hero [data-area=\"content\"]{ grid-area:content; }\n\n@container hero (min-width:1100px){\n .bag-model-hero .grid.two{\n grid-template-columns:minmax(0,1fr) minmax(0, fit-content(640px));\n grid-template-areas:\"content form\";\n gap:clamp(22px,2.6vw,34px);\n }\n}\n\n/* Content */\n.bag-model-hero .content{ position:relative; max-width:100%; }\n.bag-model-hero .contentGlass{\n width:100%;\n background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.16));\n border:1px solid var(--color-line);\n border-radius:var(--radius-2xl);\n backdrop-filter:blur(6px) saturate(120%);\n padding:clamp(14px,1.8vw,18px);\n box-shadow:var(--shadow-card);\n color:var(--color-text);\n max-width:100%;\n}\n.bag-model-hero .contentTop{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }\n.bag-model-hero .contentPhone{ display:none !important; }\n\n.bag-model-hero h1{\n color:var(--color-text);\n font-family: var(--font-display), Inter, ui-sans-serif;\n font-weight:800; letter-spacing:0; margin:.05rem 0 0 0;\n font-size:clamp(28px,4.6vw,50px); line-height:1.06; max-width:14ch;\n}\n\n.bag-model-hero .lead{ color:color-mix(in srgb, var(--color-text) 94%, transparent); max-width:65ch; font-size:clamp(14px,1.6vw,17px); line-height:1.55; margin:8px 0 0; overflow-wrap:anywhere; word-break:break-word; }\n.bag-model-hero .rich a{ color:var(--color-text); text-decoration:underline; }\n\n/* Pill */\n.bag-model-hero .pill{\n display:inline-flex; align-items:center; gap:6px; border-radius:var(--radius-pill);\n padding:5px 9px;\n background:color-mix(in hsl, var(--emerald) 10%, transparent);\n color:color-mix(in hsl, var(--emerald) 55%, white 45%);\n border:1px solid color-mix(in hsl, var(--emerald) 25%, transparent);\n font-size:11.5px; font-weight:600;\n}\n.bag-model-hero .pillText{ margin:0; font-size:inherit; font-weight:600; overflow-wrap:anywhere; }\n\n/* Trust row */\n.bag-model-hero .trust{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:10px; }\n.bag-model-hero .starsRow{ display:flex; align-items:center; gap:6px; }\n.bag-model-hero .starsRow svg{ color:#facc15; width:18px; height:18px; }\n.bag-model-hero .rating{ color:color-mix(in srgb, var(--color-text) 96%, transparent); font-size:13px; }\n.bag-model-hero .credentials{ display:none; align-items:center; gap:8px; color:color-mix(in srgb, var(--color-text) 90%, transparent); }\n@media(min-width:768px){ .bag-model-hero .credentials{ display:flex; } }\n\n/* CTAs */\n.bag-model-hero .ctaRow{ display:flex; flex-wrap:wrap; gap:10px; padding-top:12px; width:100%; }\n.bag-model-hero .btn{\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\n border-radius:var(--radius-pill); padding:12px 16px;\n font-family: var(--font-display), Inter, ui-sans-serif; font-weight:800;\n border:1px solid transparent; cursor:pointer; transition:transform .18s ease, background .18s ease, box-shadow .18s ease;\n text-decoration:none; min-height:40px; min-width:0; /* allow shrink on small screens */\n}\n.bag-model-hero .btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in hsl, var(--emerald) 38%, transparent), 0 0 0 5px rgba(0,0,0,.6); }\n.bag-model-hero .btn-primary{\n color:#eafff4; background:transparent;\n border-color:color-mix(in hsl, var(--emerald) 55%, transparent);\n box-shadow:0 10px 26px color-mix(in hsl, var(--emerald) 40%, transparent), inset 0 0 0 1px color-mix(in hsl, var(--emerald) 26%, transparent);\n}\n.bag-model-hero .btn-primary:hover{\n background:linear-gradient(180deg, color-mix(in hsl, var(--emerald) 10%, transparent), color-mix(in hsl, var(--emerald) 6%, transparent));\n transform:translateY(-1px);\n}\n.bag-model-hero .btn-secondary{ background:transparent; color:var(--color-text); border-color:var(--color-line-2, rgba(255,255,255,.22)); }\n.bag-model-hero .btn-secondary:hover{ background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)); }\n\n/* Form container */\n.bag-model-hero .quote{\n position:relative; width:auto; max-width:640px; color:var(--color-text);\n background:transparent; border:0; padding:0; box-shadow:none; border-radius:0;\n scroll-margin-top:clamp(60px, 12vh, 120px);\n}\n@media(max-width:1100px){ .bag-model-hero .quote{ width:100%; max-width:100%; } }\n\n/* Micro bullets */\n.bag-model-hero .micro{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:10px; }\n.bag-model-hero .bullet{ display:flex; align-items:center; gap:6px; color:color-mix(in srgb, var(--color-text) 92%, transparent); font-size:12.5px; }\n.bag-model-hero .bullet .ok{ color:var(--emerald); width:14px; height:14px; }\n.bag-model-hero .bullet span{ overflow-wrap:anywhere; word-break:break-word; }\n\n/* Responsive */\n@media(max-width:980px){\n .bag-model-hero{ padding-bottom:26px; }\n .bag-model-hero .grid{ gap:20px; }\n .bag-model-hero .contentGlass{ background:linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.14)); border-radius:var(--radius-xl); }\n}\n@media(max-width:680px){\n .bag-model-hero .bar{ padding:2px 0 0; }\n .bag-model-hero .btn{ padding:12px 15px; }\n .bag-model-hero .contentTop{ flex-wrap:wrap; gap:8px; }\n}\n\n/* Sticky mobile CTA */\n.bag-model-hero .mobileStickyCta{\n position:fixed;\n left: max(0px, env(safe-area-inset-left));\n right: max(0px, env(safe-area-inset-right));\n bottom:calc(12px + env(safe-area-inset-bottom));\n display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center;\n padding-left: calc(var(--_gutter) + env(safe-area-inset-left));\n padding-right: calc(var(--_gutter) + env(safe-area-inset-right));\n z-index:50; width:auto; max-width:100vw;\n}\n.bag-model-hero .mobileStickyBtn{\n display:inline-flex; align-items:center; justify-content:center; padding:14px 18px;\n border-radius:var(--radius-pill); text-decoration:none; font-weight:800;\n border:1px solid color-mix(in hsl, var(--emerald) 55%, transparent);\n color:#eafff4; background:color-mix(in hsl, var(--emerald) 12%, rgba(0,0,0,.35));\n box-shadow:var(--shadow-elev-2), inset 0 0 0 1px color-mix(in hsl, var(--emerald) 26%, transparent);\n min-height:48px; min-width:0;\n}\n.bag-model-hero .mobileStickyCall{\n display:inline-flex; align-items:center; gap:8px; text-decoration:none; padding:14px 16px; min-height:48px;\n border-radius:var(--radius-pill); color:var(--color-text); background:var(--color-surface);\n border:1px solid var(--color-line-2); min-width:0; max-width:40vw;\n}\n.bag-model-hero .mobileStickyCall span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n@container hero (min-width:1100px){ .bag-model-hero .mobileStickyCta{ display:none; } }\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelHero\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelHero.map","// ModelsAbout.tsx (Supabase v5 – reads model slug from /auto-glass/{make}/{model})\n// -----------------------------------------------------------------------------\n// Property controls: Supabase URL, Supabase Key, Slug Override\n// Binds to public.models with columns:\n// id, slug, make, model,\n// atm_aria_label, atm_heading, atm_paragraph,\n// atm_glassmanufacturer, atm_gmparagraph,\n// atm_adhesivemanufacturer, atm_adhesiveparagraph,\n// atm_correctpart, atm_correctpartparagraph\n// -----------------------------------------------------------------------------\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{createClient}from\"@supabase/supabase-js\";import{Info,Building2,Droplet,ShieldCheck,CheckCircle2,ExternalLink}from\"lucide-react\";/** Environment helpers */const isBrowser=typeof window!==\"undefined\";const isProdDomain=isBrowser?/(^|\\.)bangautoglass\\.com$/i.test(window.location.hostname):false;/** Replace {make} and {model} tokens (case-insensitive) */function withMakeModelTokens(input,makeName,modelName){if(!input)return input??undefined;const m=(makeName??\"your\").trim();const mdl=(modelName??\"model\").trim();return input.replace(/\\{\\s*make\\s*\\}/gi,m).replace(/\\{\\s*model\\s*\\}/gi,mdl);}/** Coerce numbers/strings into valid CSS sizes (defaults to px) */function toCssSize(v,fallback=\"1280px\"){if(v===null||v===undefined)return fallback;if(typeof v===\"number\"&&isFinite(v))return`${v}px`;const s=String(v).trim();if(!s)return fallback;if(/^\\d+(?:\\.\\d+)?$/.test(s))return`${s}px`;if(/px|rem|em|vw|vh|%|ch|ex|cm|mm|in|pt|pc$/.test(s)||/^(?:calc|min|max|clamp)\\(/.test(s))return s;const n=parseFloat(s);return isNaN(n)?fallback:`${n}px`;}/** Read {model} slug from /auto-glass/{make}/{model} */function deriveModelSlugFromUrl(){if(!isBrowser)return null;const parts=window.location.pathname.split(\"/\").filter(Boolean);const idx=parts.indexOf(\"auto-glass\");if(idx>=0){// Expect: ... /auto-glass/{make}/{model}\nconst modelSeg=parts[idx+2];if(modelSeg)return decodeURIComponent(modelSeg);}// Fallback to last segment (just in case)\nconst last=parts[parts.length-1];return last?decodeURIComponent(last):null;}/** Rewrite old service URLs → new /services/{full_service} slugs */function rewriteServiceLinks(html,make,model){if(!html)return\"\";// Handle absolute and relative old paths:\n// /auto-glass/{make}/{model}/{service}\n// https://bangautoglass.com/auto-glass/{make}/{model}/{service}\nconst pattern=/(https?:\\/\\/(?:www\\.)?bangautoglass\\.com)?\\/auto-glass\\/([^\\/\\s]+)\\/([^\\/\\s]+)\\/([^\"'\\s<>#?]+)/gi;return html.replace(pattern,(_m,_abs,mk,mdl,svc)=>{const m=decodeURIComponent(mk);const md=decodeURIComponent(mdl);const s=decodeURIComponent(svc);const slug=(m||make||\"\").toString().trim().toLowerCase()+\"-\"+(md||model||\"\").toString().trim().toLowerCase()+\"-\"+s.toString().trim().toLowerCase();return`/services/${slug.replace(/\\s+/g,\"-\")}`;});}const defaultRowForEditing={id:\"default\",slug:\"sample-model\",make:\"Honda\",model:\"Accord\",atm_aria_label:\"About Honda Accord auto glass\",atm_heading:\"About Honda Accord Auto Glass & Windshields\",atm_paragraph:'Modern windshields for the {make} {model} can include acoustic interlayers, infrared coatings, HUD zones, ADAS camera brackets, and rain sensors. Selecting the correct variant is essential for safety and feature compatibility. Our team decodes VIN-level build info and verifies part attributes before installation so everything functions as intended. We align with industry guidance and use OEM-quality materials. Explore related services like windshield replacement.
',atm_glassmanufacturer:\"Glass Manufacturer & OEM Provider\",atm_gmparagraph:\"We source approved OEM and Tier-1 glass for {make} {model}, matching acoustic layers, coatings, and windshield features for the exact build.\",atm_adhesivemanufacturer:\"Adhesive Provider\",atm_adhesiveparagraph:\"We use high-modulus, crash-tested urethane systems with documented cure profiles and safe drive-away guidance.\",atm_correctpart:\"Correct Part & VIN Match\",atm_correctpartparagraph:\"VIN + option code verification ensures HUD areas, brackets, sensors, tint bands, and acoustic interlayers align with your specific {make} {model}.\"};/** Lightweight in-memory cache per session */const cache=new Map;export default function ModelsAbout(props){const{supabaseUrl,supabaseKey,supabaseAnonKey,slugOverride,slug,makeId,rowOverride,showHighlights=true,showAuthorities=true,contentMaxWidth=\"var(--content-max-w, 1280px)\",contentGutter=\"var(--container-pad-x, clamp(16px,3vw,32px))\",scrollOffsetPx=96,className,style}=props;const[row,setRow]=React.useState(null);const[loading,setLoading]=React.useState(false);const[error,setError]=React.useState(null);const wrapMax=toCssSize(contentMaxWidth);// Only instantiate Supabase on production domain to avoid editor slowdown\nconst supabase=React.useMemo(()=>{if(!isProdDomain)return null;const key=supabaseKey||supabaseAnonKey;if(!supabaseUrl||!key)return null;return createClient(supabaseUrl,key);},[supabaseUrl,supabaseKey,supabaseAnonKey]);React.useEffect(()=>{let cancelled=false;const abort=new AbortController;async function load(){// If the editor provided a row override, prefer it (no network)\nif(rowOverride&&Object.keys(rowOverride).length){const merged={...defaultRowForEditing,...rowOverride,id:rowOverride.id??\"override\",slug:rowOverride.slug||slugOverride||slug||\"sample-model\"};setRow(merged);setError(null);return;}// In Framer canvas / non-prod domains: show fast default content, no fetch\nif(!isProdDomain){setRow(defaultRowForEditing);setError(null);return;}// Production domain → fetch from Supabase\nif(!supabase){setError(\"Supabase URL/key missing.\");setRow(null);return;}const urlSlug=deriveModelSlugFromUrl();const rawSlug=(slugOverride||urlSlug||slug||\"\").trim();if(!rawSlug&&!makeId){setError(\"Provide a model slug (Slug Override) or ensure the URL is /auto-glass/{make}/{model}.\");setRow(null);return;}setLoading(true);setError(null);try{// Use cache first (fast path)\nconst cacheKey=makeId?`id:${makeId}`:`slug:${rawSlug.toLowerCase()}`;if(cache.has(cacheKey)){const cached=cache.get(cacheKey);if(!cancelled){setRow(cached);setLoading(false);}return;}// Build base select\nlet q=supabase.from(\"models\").select([\"id\",\"slug\",\"make\",\"model\",\"atm_aria_label\",\"atm_heading\",\"atm_paragraph\",\"atm_glassmanufacturer\",\"atm_gmparagraph\",\"atm_adhesivemanufacturer\",\"atm_adhesiveparagraph\",\"atm_correctpart\",\"atm_correctpartparagraph\"].join(\", \")).abortSignal(abort.signal).limit(1);let data=null;let fetchErr=null;if(makeId){const{data:d,error:e}=await q.eq(\"id\",makeId).maybeSingle();data=d??null;fetchErr=e;}else{// Try fast equality on (likely) lowercase slugs to leverage index\nconst lower=rawSlug.toLowerCase();const tryEq=await q.eq(\"slug\",lower).maybeSingle();if(tryEq.error&&tryEq.error.code!==\"PGRST116\"){fetchErr=tryEq.error;}else if(tryEq.data){data=tryEq.data;}else{// Fallback to ilike if eq failed (handles weird cases)\nconst{data:d2,error:e2}=await supabase.from(\"models\").select(\"id, slug, make, model, atm_aria_label, atm_heading, atm_paragraph, atm_glassmanufacturer, atm_gmparagraph, atm_adhesivemanufacturer, atm_adhesiveparagraph, atm_correctpart, atm_correctpartparagraph\").ilike(\"slug\",rawSlug).abortSignal(abort.signal).limit(1);data=(d2?.[0])??null;fetchErr=e2??null;}}if(cancelled)return;if(fetchErr){setError(fetchErr.message??\"Unable to load model data.\");setRow(null);}else{if(!data){setError(\"No model found for the given identifier.\");setRow(null);}else{const rec=data;const key=makeId?`id:${makeId}`:`slug:${(rec.slug||\"\").toLowerCase()}`;cache.set(key,rec);setRow(rec);setError(null);}}}catch(e){if(!cancelled){setError(e?.message??\"Unexpected error.\");setRow(null);}}finally{if(!cancelled)setLoading(false);}}load();return()=>{cancelled=true;abort.abort();};},[supabase,slugOverride,slug,makeId,rowOverride]);const makeName=row?.make||undefined;const modelName=row?.model||undefined;const aboutAriaLabel=withMakeModelTokens(row?.atm_aria_label??\"About {make} {model} auto glass\",makeName,modelName)||\"About auto glass\";const heading=withMakeModelTokens(row?.atm_heading??\"About {make} {model} Auto Glass & Windshields\",makeName,modelName)||\"About Auto Glass & Windshields\";const paragraphHtmlRaw=withMakeModelTokens(row?.atm_paragraph??\"{make} {model} windshields can include acoustic interlayers, infrared coatings, HUD zones, ADAS camera brackets, and rain sensors. Selecting the correct windshield variant is essential for safety and feature compatibility; our team decodes VIN-level build info and verifies part attributes before installation.\",makeName,modelName);const paragraphHtml=React.useMemo(()=>rewriteServiceLinks(paragraphHtmlRaw,makeName,modelName),[paragraphHtmlRaw,makeName,modelName]);const gmHeading=withMakeModelTokens(row?.atm_glassmanufacturer??\"Glass Manufacturer & OEM Provider\",makeName,modelName);const gmParagraph=withMakeModelTokens(row?.atm_gmparagraph??\"We source approved OEM and Tier-1 glass for {make} {model}, matching acoustic layers, coatings, and windshield features for the exact build.\",makeName,modelName);const adhHeading=withMakeModelTokens(row?.atm_adhesivemanufacturer??\"Adhesive Provider\",makeName,modelName);const adhParagraph=withMakeModelTokens(row?.atm_adhesiveparagraph??\"We use high-modulus, crash-tested urethane systems with documented cure profiles and safe drive-away guidance.\",makeName,modelName);const vinHeading=withMakeModelTokens(row?.atm_correctpart??\"Correct Part & VIN Match\",makeName,modelName);const vinParagraph=withMakeModelTokens(row?.atm_correctpartparagraph??\"VIN + option code verification ensures HUD areas, brackets, sensors, tint bands, and acoustic interlayers align with your specific {make} {model}.\",makeName,modelName);const titleId=\"about-model-title\";return /*#__PURE__*/_jsxs(\"section\",{id:\"about-model\",className:`bag-about-model ${className||\"\"}`,\"aria-label\":aboutAriaLabel,\"aria-labelledby\":titleId,\"data-loading\":loading?\"true\":undefined,tabIndex:-1,style:{...style||{},[\"--page-max\"]:wrapMax,[\"--page-gutter\"]:typeof contentGutter===\"number\"?`${contentGutter}px`:String(contentGutter),[\"--toc-offset\"]:`${scrollOffsetPx}px`},children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"wrap\",children:[/*#__PURE__*/_jsxs(\"header\",{className:\"head\",children:[/*#__PURE__*/_jsxs(\"span\",{className:\"kicker\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(Info,{size:14}),\"Overview\"]}),/*#__PURE__*/_jsx(\"h2\",{className:\"h2\",id:titleId,children:heading})]}),error&&isProdDomain&&/*#__PURE__*/_jsx(\"div\",{role:\"status\",className:\"error\",children:error}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"content\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"rich lead\",dangerouslySetInnerHTML:{__html:paragraphHtml||\"\"}}),showAuthorities&&/*#__PURE__*/_jsxs(\"ul\",{className:\"authorityLinks\",\"aria-label\":\"Trusted references\",children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"https://www.nhtsa.gov/\",rel:\"nofollow noopener\",target:\"_blank\",children:[/*#__PURE__*/_jsx(ExternalLink,{size:14,\"aria-hidden\":\"true\"}),\" \",\"NHTSA – Vehicle Safety\"]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"https://www.iihs.org/\",rel:\"nofollow noopener\",target:\"_blank\",children:[/*#__PURE__*/_jsx(ExternalLink,{size:14,\"aria-hidden\":\"true\"}),\" \",\"IIHS – Crashworthiness Research\"]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"https://agsc.org/\",rel:\"nofollow noopener\",target:\"_blank\",children:[/*#__PURE__*/_jsx(ExternalLink,{size:14,\"aria-hidden\":\"true\"}),\" \",\"AGSC – Auto Glass Safety Council\"]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"https://www.ase.com/\",rel:\"nofollow noopener\",target:\"_blank\",children:[/*#__PURE__*/_jsx(ExternalLink,{size:14,\"aria-hidden\":\"true\"}),\" \",\"ASE – ADAS Fundamentals\"]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"https://www.aaa.com/\",rel:\"nofollow noopener\",target:\"_blank\",children:[/*#__PURE__*/_jsx(ExternalLink,{size:14,\"aria-hidden\":\"true\"}),\" \",\"AAA – Consumer Guidance\"]})})]})]}),showHighlights&&/*#__PURE__*/_jsx(\"aside\",{className:\"aside\",role:\"complementary\",\"aria-label\":\"Key windshield details\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"card\",children:[/*#__PURE__*/_jsx(\"i\",{className:\"rail\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"row\",children:[/*#__PURE__*/_jsx(Building2,{size:18,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h3\",{children:gmHeading}),/*#__PURE__*/_jsx(\"p\",{children:gmParagraph})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"row\",children:[/*#__PURE__*/_jsx(Droplet,{size:18,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h3\",{children:adhHeading}),/*#__PURE__*/_jsx(\"p\",{children:adhParagraph})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"row\",children:[/*#__PURE__*/_jsx(ShieldCheck,{size:18,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h3\",{children:vinHeading}),/*#__PURE__*/_jsx(\"p\",{children:vinParagraph})]})]}),/*#__PURE__*/_jsxs(\"ul\",{className:\"ticks\",\"aria-label\":\"Quick facts\",children:[/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),\" \",\"OEM/OE glass provider\"]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),\" \",\"Approved adhesive system\"]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),\" \",\"VIN & feature-match verification\"]})]})]})})]})]})]});}/* ---------- Property Controls (ONLY 3) ---------- */addPropertyControls(ModelsAbout,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\",defaultValue:\"\"},supabaseKey:{type:ControlType.String,title:\"Supabase Key\",defaultValue:\"\"},slugOverride:{type:ControlType.String,title:\"Slug Override\",defaultValue:\"\"}});/* ---------------- Light theme (white) — uses Bang theme tokens where possible ---------------- */const css=/*css*/`\n.bag-about-model, .bag-about-model * { box-sizing: border-box; }\n.bag-about-model{\n --page-max: var(--page-max, var(--content-max-w, 1280px));\n --page-gutter: var(--page-gutter, var(--container-pad-x, clamp(16px, 3vw, 32px)));\n\n /* Force a light palette locally (mirrors ThemeProvider light values) */\n --text: #101410;\n --muted: #3a4a3b;\n --neon: var(--neon, #39FF14);\n --neon-400: var(--neon-400, #2BE80B);\n --neon-600: var(--neon-600, #14C90A);\n --aqua-500: var(--aqua-500, #00CFA1);\n\n /* Structured aliases tied into site tokens with light overrides */\n --color-bg: #ffffff;\n --color-surface: #ffffff;\n --color-surface-strong: #fbfbfb;\n --color-text: var(--text);\n --color-muted: var(--muted);\n --color-accent: var(--neon);\n --color-accent-2: var(--neon-600);\n --color-line: rgba(0,0,0,.12);\n --color-line-2: rgba(0,0,0,.18);\n\n --radius-card: var(--radius-card, 22px);\n --radius-lg: var(--radius-lg, 14px);\n --radius-pill: var(--radius-pill, 999px);\n\n --shadow-card: var(--shadow-card, 0 10px 28px rgba(2,6,23,.08));\n\n /* Component-level mappings used below */\n --text-strong: var(--color-text);\n --brand: var(--color-accent);\n --border: var(--color-line);\n --card: var(--color-surface);\n --card-strong: var(--color-surface-strong);\n --card-tint: linear-gradient(180deg, color-mix(in srgb, var(--brand) 10%, transparent), color-mix(in srgb, var(--brand) 4%, transparent));\n\n background:#ffffff;\n color: var(--text-strong);\n padding: 48px 0;\n scroll-margin-top: var(--toc-offset, 96px);\n font-family: var(--font-body, Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\");\n}\n\n.bag-about-model .wrap{ max-width: var(--page-max); width: 100%; margin: 0 auto; padding-inline: var(--page-gutter); }\n.bag-about-model .head{ display:flex; flex-direction:column; gap:10px; margin:0; }\n.bag-about-model .kicker{\n display:inline-flex; align-items:center; gap:8px; width:fit-content;\n padding:6px 10px; border-radius: var(--radius-pill);\n font-size:12px; font-weight:700; letter-spacing:.02em;\n color:#065f46;\n background: color-mix(in srgb, var(--brand) 12%, #ffffff);\n border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);\n}\n.bag-about-model .kicker svg{ color:#059669; }\n.bag-about-model .h2{ margin:0; font-weight:800; line-height:1.15; letter-spacing:-0.02em; color:var(--text-strong); font-size: clamp(24px, 3.2vw, 38px); }\n.bag-about-model .grid{ display:grid; gap:22px; grid-template-columns: 1fr; }\n@media(min-width: 980px){ .bag-about-model .grid{ grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); gap: 28px; } }\n.bag-about-model .content .rich{ max-width: 760px; }\n.bag-about-model .content .lead{ margin-top: 16px; }\n.bag-about-model .content .rich + .rich{ margin-top: 10px; }\n.bag-about-model .content .rich p{\n margin:0 0 10px;\n font: 400 16px/1.5 var(--font-body, Inter, ui-sans-serif);\n color: var(--color-muted);\n letter-spacing:-0.005em;\n}\n.bag-about-model .content .rich p[style], .bag-about-model .content .rich p *[style]{\n font-size: 16px !important; line-height: 1.5 !important; font-weight: 400 !important; color: var(--color-muted) !important; font-family: var(--font-body, Inter, ui-sans-serif) !important;\n}\n.bag-about-model .content .rich strong, .bag-about-model .content .rich b{ color: var(--text-strong); }\n.bag-about-model .content .rich a{ color:inherit; text-decoration:underline; }\n\n.bag-about-model .authorityLinks{ display:flex; flex-wrap:wrap; gap:8px 12px; margin:16px 0 0; padding:0; list-style:none; }\n.bag-about-model .authorityLinks a{\n display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius: var(--radius-pill);\n text-decoration:none; background:#f8fafc;\n border:1px solid var(--border);\n font-weight:700; font-size:13px; color:#0f172a;\n transition: transform .12s ease, box-shadow .12s ease, background .12s ease;\n}\n.bag-about-model .authorityLinks a:hover{\n background:#ffffff;\n transform: translateY(-1px);\n box-shadow:0 6px 14px rgba(2,6,23,.08);\n}\n.bag-about-model .authorityLinks svg{ color:#64748b; }\n\n.bag-about-model .aside .card{\n position:relative; border-radius: var(--radius-card);\n padding:18px;\n background: linear-gradient(#fff, #fff) padding-box,\n linear-gradient(120deg, color-mix(in srgb, var(--brand) 40%, transparent), color-mix(in srgb, var(--brand) 25%, transparent), color-mix(in srgb, var(--brand) 40%, transparent)) border-box;\n border:1px solid transparent;\n box-shadow: var(--shadow-card);\n}\n@media(min-width:1200px){ .bag-about-model .aside .card{ padding:20px } }\n.bag-about-model .aside .card::after{ content:\"\"; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: var(--card-tint); opacity:.7; }\n.bag-about-model .aside .rail{ position:absolute; left:0; top:12px; bottom:12px; width:6px; border-radius:8px; background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 75%, transparent), color-mix(in srgb, var(--brand) 65%, transparent)); }\n.bag-about-model .aside .row{ position:relative; display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; padding:10px 0; }\n.bag-about-model .aside .row + .row{ border-top:1px dashed rgba(15,23,42,.12); }\n.bag-about-model .aside .row svg{ color:#059669; filter: drop-shadow(0 1px 0 rgba(2,6,23,.02)); }\n.bag-about-model .aside h3{ margin:0 0 4px; font-size:18px; font-weight:700; letter-spacing:-.01em; color:var(--text-strong); line-height:1.3; font-family: var(--font-display, var(--font-body, Inter, ui-sans-serif)); }\n.bag-about-model .aside p{ margin:0; font-size:15.5px; color:var(--text); line-height:1.55; }\n.bag-about-model .ticks{ list-style:none; margin:14px 0 0; padding:0; display:grid; gap:8px; }\n.bag-about-model .ticks li{ display:flex; align-items:center; gap:8px; font-size:14px; color:#0b1220; }\n.bag-about-model .ticks svg{ color: var(--brand); }\n\n.bag-about-model a:focus{ outline:none; box-shadow:0 0 0 3px var(--brand); border-color:var(--brand); }\n.bag-about-model[data-loading=\"true\"]{ opacity:.92; }\n.bag-about-model .error{\n color:#b91c1c; background:#fef2f2; border:1px solid #fecaca; padding:8px 10px; border-radius: var(--radius-lg); margin-bottom:12px; font-size:14px;\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelsAbout\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelsAbout.map","// ModelsAllModels.tsx — compact, 8-per-slide (4x2 desktop, 2x4 tablet/mobile)\n// • Headings are explicitly white\n// • All items render in the DOM (SEO-safe)\n// • Cards brighten on hover ONLY (no lift) and are not clickable\n// • Only service chips (green) + “View model” button are links (with slight hover brighten on chips)\n// • “View model” button is bottom-aligned in every card\n// • Non-active panes are hidden to prevent edge overlap/peek\n// • TOC anchor id=\"all-models\"; Supabase columns aligned\n\"use client\";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useMemo,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/* ------------------------- Utilities ------------------------- */function getSlugFromLocation(){try{const{pathname,search}=window.location;const sp=new URLSearchParams(search);const q=sp.get(\"slug\")||sp.get(\"make\")||sp.get(\"make_slug\")||sp.get(\"brand\");if(q)return decodeURIComponent(q).toLowerCase();const parts=pathname.toLowerCase().split(\"/\").filter(Boolean);const idx=parts.indexOf(\"auto-glass\");if(idx!==-1&&parts[idx+1])return decodeURIComponent(parts[idx+1]);const anchors=[\"makes\",\"make\",\"brand\",\"brands\"];const i2=parts.findIndex(s=>anchors.includes(s));if(i2>=0&&parts[i2+1])return decodeURIComponent(parts[i2+1]);const last=parts[parts.length-1];if(last&&![\"preview\",\"canvas\"].includes(last))return decodeURIComponent(last);return\"\";}catch{return\"\";}}function titleCaseFromSlug(s){return(s||\"\").replace(/[-_]+/g,\" \").replace(/\\s+/g,\" \").trim().toLowerCase().replace(/\\b\\w/g,m=>m.toUpperCase());}function isProdDomain(){try{if(typeof window===\"undefined\")return false;const host=window.location.hostname||\"\";return host===\"bangautoglass.com\"||host.endsWith(\".bangautoglass.com\");}catch{return false;}}/* ------------------------- Layout constants ------------------------- */// Per page = 8 everywhere\nconst COLS_D=4;const ROWS_D=2;const COLS_T=2;const ROWS_T=4;const COLS_M=2;const ROWS_M=4;const PER_PAGE=8;const SHOW_SEARCH=true;const SHOW_BADGES=true;const ALLOW_VIEW_ALL=true;const SHOW_VIEW_MODEL_BUTTON=true;const SITE_BASE_URL=\"https://www.bangautoglass.com\";const AUTO_GLASS_BASE=\"/auto-glass\";const SLUG_WIND=\"windshield\";const SLUG_REAR=\"rear\";const SLUG_DOOR=\"door\";const SLUG_QUARTER=\"quarter\";const SLUG_SUNROOF=\"sunroof\";const SLUG_ADAS=\"calibration\";/* New service mapping for /services/{full_service} */const SERVICE_SLUGS={[SLUG_WIND]:\"windshield-replacement\",[SLUG_REAR]:\"rear-window-replacement\",[SLUG_DOOR]:\"door-glass-replacement\",[SLUG_QUARTER]:\"quarter-glass-replacement\",[SLUG_SUNROOF]:\"sunroof-glass-replacement\",[SLUG_ADAS]:\"adas-calibration\"};const EMIT_JSONLD=true;const BG_COLOR_CSS=\"var(--color-bg, #121212)\";/* ------------------------- Data (Supabase) ------------------------- */async function fetchMakeBySlug(supabaseUrl,supabaseAnonKey,slug,signal){const url=`${supabaseUrl.replace(/\\/+$/,\"\")}`+`/rest/v1/makes?slug=eq.${encodeURIComponent(slug.toLowerCase())}`+`&select=make,slug,all_models_aria_label,all_models_2nd_aria_label,all_models_heading,all_models_paragraph`;const res=await fetch(url,{headers:{apikey:supabaseAnonKey,Authorization:`Bearer ${supabaseAnonKey}`,Accept:\"application/json\"},cache:\"no-store\",signal});if(!res.ok)return null;const rows=await res.json();return rows?.[0]||null;}async function fetchModelsByMake(supabaseUrl,supabaseAnonKey,makeName,signal){const base=`${supabaseUrl.replace(/\\/+$/,\"\")}/rest/v1/models`;const select=\"slug,make,model,windshield,door,quarter,sunroof,rear,adas&order=model.asc\";// Try exact (fast, index-friendly), then fallback to ilike if needed.\nconst eqUrl=`${base}?make=eq.${encodeURIComponent(makeName)}&select=${select}`;const resEq=await fetch(eqUrl,{headers:{apikey:supabaseAnonKey,Authorization:`Bearer ${supabaseAnonKey}`,Accept:\"application/json\"},cache:\"no-store\",signal});if(resEq.ok){const rows=await resEq.json();if(rows?.length)return rows;}const ilikeUrl=`${base}?make=ilike.${encodeURIComponent(makeName)}&select=${select}`;const resIlike=await fetch(ilikeUrl,{headers:{apikey:supabaseAnonKey,Authorization:`Bearer ${supabaseAnonKey}`,Accept:\"application/json\"},cache:\"no-store\",signal});if(!resIlike.ok)throw new Error(`Supabase error (${resIlike.status}) loading models`);const rows=await resIlike.json();return rows||[];}/* ------------------------- Default (Canvas) Content ------------------------- */function getDefaultModels(makeSlug,makeName){const models=[\"Model A\",\"Model B\",\"Model C\",\"Model D\",\"Model E\",\"Model F\",\"Model G\",\"Model H\"];return models.map((m,i)=>({slug:m.toLowerCase().replace(/\\s+/g,\"-\"),make:makeName,model:m,windshield:true,door:i%2===0,quarter:i%3===0,sunroof:i%4===0,rear:i%2===1,adas:i%3===1}));}function getDefaultMakeRow(makeName){return{make:makeName,slug:makeName.toLowerCase().replace(/\\s+/g,\"-\"),all_models_aria_label:`${makeName} models`,all_models_2nd_aria_label:`${makeName} models`,all_models_heading:`All ${makeName} Models We Service`,all_models_paragraph:`Select your ${makeName} model to explore auto glass specs, feature checks, and the exact windshield replacement or glass repair you need; each hub links to front windshield, rear, door, quarter, and sunroof pages.`};}export default function MakeAllModelsCarousel({supabaseUrl=\"\",supabaseAnonKey=\"\",slug:slugOverride,className=\"\",style}){const resolvedSlug=(slugOverride??(typeof window!==\"undefined\"?getSlugFromLocation():\"\"))||\"\";const derivedMakeName=titleCaseFromSlug(resolvedSlug);const[status,setStatus]=useState(\"idle\");const[err,setErr]=useState(\"\");const[makeRow,setMakeRow]=useState(null);const[models,setModels]=useState([]);const[q,setQ]=useState(\"\");const[page,setPage]=useState(0);const[viewAll,setViewAll]=useState(false);useEffect(()=>{let alive=true;const controller=new AbortController;(async()=>{try{// Gate Supabase fetches to production domain only; show fast defaults elsewhere (Framer canvas, preview, localhost, etc.)\nif(!isProdDomain()){const mk=derivedMakeName||\"Sample Make\";if(!alive)return;setMakeRow(getDefaultMakeRow(mk));setModels(getDefaultModels(resolvedSlug||\"sample-make\",mk));setStatus(\"ready\");setPage(0);return;}if(!supabaseUrl||!supabaseAnonKey||!resolvedSlug){setStatus(\"error\");setErr(!resolvedSlug?\"Missing slug from URL.\":\"Missing Supabase URL or anon key.\");return;}setStatus(\"loading\");// Load make row first to get the canonical make name, then fetch models using eq (fast) with ilike fallback.\nlet row=null;try{row=await fetchMakeBySlug(supabaseUrl,supabaseAnonKey,resolvedSlug,controller.signal);}catch{}if(alive)setMakeRow(row);const makeName=row?.make||derivedMakeName;const list=await fetchModelsByMake(supabaseUrl,supabaseAnonKey,makeName,controller.signal);if(!alive)return;setModels(list)// Load ALL items up-front for SEO\n;setStatus(\"ready\");setPage(0);}catch(e){if(!alive)return;setStatus(\"error\");setErr(e?.message||\"Failed to load content.\");}})();return()=>{alive=false;controller.abort();};// eslint-disable-next-line react-hooks/exhaustive-deps\n},[supabaseUrl,supabaseAnonKey,resolvedSlug]);const makeName=makeRow?.make||derivedMakeName||\"Make\";const heading=makeRow?.all_models_heading||`All ${makeName} Models We Service`;const paragraph=makeRow?.all_models_paragraph||`Select your ${makeName} model to explore auto glass specs, feature checks, and the exact windshield replacement or glass repair you need; each hub links to front windshield, rear, door, quarter, and sunroof pages.`;const ariaLabel=makeRow?.all_models_aria_label||makeRow?.all_models_2nd_aria_label||`${makeName} models`;const filtered=useMemo(()=>{const term=q.trim().toLowerCase();if(!term)return models;return models.filter(r=>r.model.toLowerCase().includes(term));},[q,models]);// Pages of 8; render ALL to DOM for SEO\nconst pages=useMemo(()=>{const out=[];for(let i=0;ieven if CMS text is raw (prevents inheriting parent color)\nfunction ensureParagraphWrap(htmlOrText){if(!htmlOrText)return\"\";const s=String(htmlOrText).trim();if(!s)return\"\";if(/<(p|ul|ol|div|section|br)\\b/i.test(s))return s;return`
${s}
`;}/** Rewrite old service links like\n * /auto-glass/{make}/{model}/{service}\n * to\n * /services/{make}-{model}-{service}\n * Works for absolute or relative links. Leaves everything else untouched.\n */function rewriteOldServiceLinks(html){if(!html)return html;const re=/(https?:\\/\\/(?:www\\.)?bangautoglass\\.com)?\\/auto-glass\\/([^\\/\\s]+)\\/([^\\/\\s]+)\\/([^\"'\\s<]+)(?=[\"'\\s<])/gi;return html.replace(re,(_m,_host,make,model,service)=>{const full=`${make}-${model}-${service}`.replace(/--+/g,\"-\");return`/services/${full}`;});}/* ---------- Icons (unchanged) ---------- */const Shield=({size=20})=>/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"})});const DollarSign=({size=16})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"1\",x2:\"12\",y2:\"23\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"})]});const Phone=({size=16})=>/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"})});const CheckCircle2=({size=16})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}),/*#__PURE__*/_jsx(\"path\",{d:\"m9 12 2 2 4-4\"})]});export default function ModelsInsuranceSection(props){const{supabaseUrl,supabaseAnonKey,slugOverride,className,style}=props;const[row,setRow]=React.useState(null);const[error,setError]=React.useState(null);const[resolvedSlug,setResolvedSlug]=React.useState(slugOverride||null);const[isLiveDomain,setIsLiveDomain]=React.useState(false);// Determine host mode (design vs live). Only fetch on bangautoglass.com.\nReact.useEffect(()=>{if(typeof window===\"undefined\")return;const host=window.location.hostname;const live=/(^|\\.)bangautoglass\\.com$/i.test(host);setIsLiveDomain(live);},[]);React.useEffect(()=>{if(slugOverride){setResolvedSlug(slugOverride);return;}if(typeof window!==\"undefined\"){setResolvedSlug(getModelSlugFromPath(window.location?.pathname??null));}},[slugOverride]);React.useEffect(()=>{let cancelled=false;const ac=new AbortController;async function load(){// Design-time defaults: do NOT hit Supabase in Framer/preview.\nif(!isLiveDomain){setError(null);setRow(null)// default content renders\n;return;}if(!supabaseUrl||!supabaseAnonKey){setError(\"Supabase URL/key missing.\");setRow(null);return;}if(!resolvedSlug){setError(\"Could not resolve model slug from URL. Provide slugOverride to preview.\");setRow(null);return;}try{const columns=[\"id\",\"slug\",\"make\",\"model\",\"insurance_aria_label\",\"insurance_heading\",\"insurance_paragraph\",\"insurance_benefit1\",\"insurance_benefit2\",\"insurance_benefit3\",\"insurance_benefit4\"].join(\",\");// Faster equality match (leverages index) vs ilike\nconst filter=`slug=eq.${encodeURIComponent(resolvedSlug)}`;const url=`${supabaseUrl}/rest/v1/models?${filter}&select=${columns}&limit=1`;const response=await fetch(url,{headers:{apikey:supabaseAnonKey,Authorization:`Bearer ${supabaseAnonKey}`,Accept:\"application/json\"},signal:ac.signal,cache:\"no-store\"});if(!response.ok)throw new Error(`HTTP error! status: ${response.status}`);const data=await response.json();if(cancelled)return;const rec=data?.[0]||null;setRow(rec);setError(rec?null:\"No model found for the given slug.\");}catch(err){if(cancelled)return;setError(err instanceof Error?err.message:\"Failed to fetch data\");setRow(null);}}load();return()=>{cancelled=true;ac.abort();};},[supabaseUrl,supabaseAnonKey,resolvedSlug,isLiveDomain]);const makeName=row?.make||undefined;const modelName=row?.model||undefined;const ariaLabel=replaceTokens(row?.insurance_aria_label??\"Insurance & claims for {make} glass service\",makeName,modelName)||\"Insurance & claims\";const heading=replaceTokens(row?.insurance_heading??\"Insurance & Claims\",makeName,modelName)||\"Insurance & Claims\";// Rewrite old service links inside paragraph HTML to new /services/{full_service}\nconst paragraphHtml=rewriteOldServiceLinks(replaceTokens(row?.insurance_paragraph??\"We coordinate windshield claims for {make}, help confirm comprehensive coverage and deductibles, and document parts and calibration for your records.\",makeName,modelName)||\"\");const benefits=React.useMemo(()=>[row?.insurance_benefit1,row?.insurance_benefit2,row?.insurance_benefit3,row?.insurance_benefit4].filter(Boolean),[row?.insurance_benefit1,row?.insurance_benefit2,row?.insurance_benefit3,row?.insurance_benefit4]);React.useEffect(()=>{const sections=document.querySelectorAll(\":where(section[id])\");sections.forEach(el=>el.style.setProperty(\"--offset\",`96px`));},[]);const wrapMax=toCssSize(1280);return /*#__PURE__*/_jsxs(\"section\",{id:\"insurance\",\"aria-label\":ariaLabel,className:`bag-make-insurance ${className||\"\"}`,style:{...style||{},[\"--wrap-max\"]:wrapMax},\"data-framer-component\":\"ModelsInsuranceSection\",\"data-mode\":isLiveDomain?\"live\":\"design\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"wrap\",style:{maxWidth:wrapMax},children:[/*#__PURE__*/_jsxs(\"header\",{className:\"head\",children:[/*#__PURE__*/_jsx(Shield,{size:20}),/*#__PURE__*/_jsx(\"h2\",{className:\"h2\",children:heading})]}),error?/*#__PURE__*/_jsx(\"div\",{role:\"status\",className:\"error\",children:error}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"grid\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"content\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"rich\",dangerouslySetInnerHTML:{__html:ensureParagraphWrap(paragraphHtml)}}),/*#__PURE__*/_jsxs(\"div\",{className:\"ctaRow\",role:\"group\",\"aria-label\":\"Insurance actions\",children:[/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-primary\",href:\"/schedule-appointment\",children:[/*#__PURE__*/_jsx(DollarSign,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Get Free Quote\"})]}),/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-ghost\",href:\"/deductible-assistance-program\",children:[/*#__PURE__*/_jsx(Phone,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Deductible Assistance\"})]})]}),benefits.length>0&&/*#__PURE__*/_jsx(\"ul\",{className:\"badges\",\"aria-label\":\"Included benefits\",children:benefits.map((b,i)=>/*#__PURE__*/_jsx(\"li\",{children:b},i))})]}),/*#__PURE__*/_jsx(\"aside\",{className:\"aside\",\"aria-label\":\"What to have ready\",children:/*#__PURE__*/_jsx(\"div\",{className:\"card\",children:/*#__PURE__*/_jsxs(\"ul\",{className:\"list\",role:\"list\",children:[/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Insurance carrier & policy number\"})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Vehicle VIN and current mileage\"})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Photos of the damage (if available)\"})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Preferred appointment window\"})]})]})})})]})]})]});}/* ---------- Minimal Property Controls (kept) ---------- */addPropertyControls(ModelsInsuranceSection,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\"},supabaseAnonKey:{type:ControlType.String,title:\"Supabase Anon Key\"},slugOverride:{type:ControlType.String,title:\"Slug Override (model, optional)\"}});/* ---------- Styles (theme-aligned, visual parity) ---------- */const css=/*css*/`\n.bag-make-insurance, .bag-make-insurance *{ box-sizing: border-box; }\n.bag-make-insurance{\n --wrap-max:1280px;\n\n /* Use theme tokens with sensible fallbacks to preserve look */\n --bg-from: color-mix(in srgb, var(--neon, #39FF14) 8%, var(--color-bg, #0a0a0a));\n --bg-to: color-mix(in srgb, var(--neon-700, #12C900) 6%, var(--color-bg, #0a0a0a));\n\n background: linear-gradient(135deg, var(--bg-from), var(--bg-to));\n color: var(--color-text, #f7f9f7);\n padding: 28px 0 26px;\n border-top:1px solid rgba(0,0,0,.3);\n border-bottom:1px solid rgba(0,0,0,.3);\n}\n\n.bag-make-insurance .wrap{ max-width:var(--wrap-max); margin:0 auto; width:100%; padding:0 16px; }\n@media(min-width:810px){ .bag-make-insurance .wrap{ padding:0 24px } }\n@media(min-width:1200px){ .bag-make-insurance .wrap{ padding:0 32px } }\n\n/* Header */\n.bag-make-insurance .head{ display:flex; align-items:center; gap:10px; margin:0 0 12px; }\n.bag-make-insurance .head svg{ color: var(--emerald, var(--neon, #39FF14)); }\n.bag-make-insurance .h2{ margin:0; font-size:22px; font-weight:800; letter-spacing:-.01em; color:var(--color-text, #ffffff); }\n\n/* Grid */\n.bag-make-insurance .grid{ display:grid; gap:16px; grid-template-columns:1fr; }\n@media(min-width:980px){ .bag-make-insurance .grid{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:22px; } }\n\n/* Left content — force readable paragraph text */\n.bag-make-insurance .content .rich{\n color:var(--color-text, #ffffff);\n font-size: clamp(15px, 1.1vw, 16px);\n line-height:1.7;\n}\n.bag-make-insurance .content .rich p{\n margin:0 0 14px;\n color:inherit;\n line-height:1.7;\n}\n.bag-make-insurance .content .rich p:last-child{ margin-bottom:0; }\n.bag-make-insurance .content .rich strong, .bag-make-insurance .content .rich b{ color:var(--color-text, #ffffff); font-weight:700; }\n.bag-make-insurance .content .rich a{\n color: color-mix(in srgb, var(--aqua-500, #00E6B0) 55%, white 0%);\n text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; transition: color .15s ease;\n}\n.bag-make-insurance .content .rich a:hover{ color:#ffffff; }\n\n.bag-make-insurance .ctaRow{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }\n\n.bag-make-insurance .btn{\n display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius: var(--radius-button, 14px);\n font-weight:800; text-decoration:none; border:1px solid var(--color-line, rgba(255,255,255,.14)); transition:all .15s ease;\n box-shadow: var(--shadow-cta, 0 8px 22px rgba(57,255,20,.28));\n}\n.bag-make-insurance .btn-primary{ background: var(--emerald, var(--neon, #39FF14)); color:#0b1117; border-color:transparent; }\n.bag-make-insurance .btn-primary:hover{ filter:brightness(1.05); }\n.bag-make-insurance .btn-ghost{ background: var(--color-surface, rgba(255,255,255,.06)); color:var(--color-text, #f7f9f7); }\n.bag-make-insurance .btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--neon-400, #7CFF62) 35%, transparent); }\n\n/* Benefits (from schema) */\n.bag-make-insurance .badges{\n list-style:none; margin:12px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; color:#0b1117;\n}\n.bag-make-insurance .badges li{\n background:#ecfdf5; color:#064e3b; border:1px solid rgba(16,185,129,.35);\n padding:6px 10px; border-radius: var(--radius-chip, 999px); font-weight:800; font-size:12.5px;\n}\n\n/* Right card */\n.bag-make-insurance .aside .card{\n border-radius: var(--radius-card, 22px);\n background: var(--color-surface, rgba(255,255,255,.06));\n border:1px solid var(--color-line, rgba(255,255,255,.14));\n padding:14px;\n box-shadow: var(--shadow-card, 0 14px 36px rgba(0,0,0,.35));\n color:var(--color-text, #f7f9f7);\n}\n.bag-make-insurance .list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }\n.bag-make-insurance .list li{ display:flex; align-items:center; gap:10px; }\n.bag-make-insurance .list svg{ color: color-mix(in srgb, var(--emerald, var(--neon, #39FF14)) 70%, white 0%); }\n\n/* a11y + state */\n:where(section[id]){ scroll-margin-top: var(--offset, 96px); }\n.bag-make-insurance .error{\n color:#1b1b1b; background:#fde68a; border:1px solid #f59e0b; padding:8px 10px; border-radius:10px;\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelsInsuranceSection\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelsInsurance.map","// ModelsMobile.tsx — models-only, matches ModelCTA green palette\n// -----------------------------------------------------------------------------\n// Source: public.models\n// Uses ONLY the {model} from /auto-glass/{make}/{model} (or slug override).\n// Binds:\n// process_aria_label, process_header,\n// process_confirm_details, process_schedule,\n// process_install, process_calibration, process_warranty_care\n//\n// Anchor: id=\"process\"\n// -----------------------------------------------------------------------------\n\"use client\";import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/* ---------- Helpers ---------- */function supaHeaders(key){return{apikey:key,Authorization:`Bearer ${key}`};}/** Take the last meaningful token as the model slug (supports pasted paths or \"make/model\"). */function deriveModelSlug(slugOverride){if(slugOverride&&slugOverride.trim()){let s=slugOverride.trim();const m=s.match(/auto-glass\\/([^/?#]+)\\/([^/?#]+)/i);if(m)return decodeURIComponent(m[2]);s=s.replace(/^\\/+|\\/+$/g,\"\").replace(/\\s+/g,\"/\");const parts=s.split(\"/\").filter(Boolean);return decodeURIComponent(parts[parts.length-1]);}if(typeof window!==\"undefined\"){const parts=window.location.pathname.split(\"/\").filter(Boolean);const idx=parts.indexOf(\"auto-glass\");if(idx>=0)return decodeURIComponent(parts[idx+2]||\"\");}return undefined;}function toTitleCaseFromSlug(slug){if(!slug)return undefined;return slug.split(/[ -]+/g).filter(Boolean).map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(\" \");}function withTokens(input,makeName,modelName){if(!input)return input??undefined;const mk=(makeName||\"your\").trim();const md=(modelName||\"vehicle\").trim();return input.replace(/\\{\\s*make\\s*\\}/gi,mk).replace(/\\{\\s*model\\s*\\}/gi,md);}/** Rewrite legacy service links from /auto-glass/{make}/{model}/{service} → /services/{make}-{model}-{service} */function rewriteServiceLinks(html){if(!html)return html;// Absolute or relative URLs, keep any trailing query/hash by replacing only the matched path segment.\nconst re=new RegExp(String.raw`(?:(?:https?:\\/\\/)?(?:www\\.)?bangautoglass\\.com)?\\/auto-glass\\/([^\\/?#]+)\\/([^\\/?#]+)\\/([^\\/?#]+)`,\"gi\");return html.replace(re,(_m,mk,md,svc)=>{const parts=[mk,md,svc].map(s=>decodeURIComponent(String(s)).trim().toLowerCase().replace(/\\s+/g,\"-\"));return`/services/${parts.join(\"-\")}`;});}function toCssSize(v,fallback=\"1280px\"){if(v===null||v===undefined)return fallback;if(typeof v===\"number\"&&isFinite(v))return`${v}px`;const s=String(v).trim();if(!s)return fallback;if(/^\\d+(?:\\.\\d+)?$/.test(s))return`${s}px`;if(/px|rem|em|vw|vh|%|ch|ex|cm|mm|in|pt|pc$/.test(s)||/^(?:calc|min|max|clamp)\\(/.test(s))return s;const n=parseFloat(s);return isNaN(n)?fallback:`${n}px`;}export default function ModelsMobile({supabaseUrl,supabaseAnonKey,slug,contentMaxWidth=1280,scrollOffsetPx=96,showCtas=true,primaryCtaText=\"Schedule Appointment\",primaryCtaHref=\"/schedule-appointment/\",className,style}){const[row,setRow]=React.useState(null);const[error,setError]=React.useState(null);const wrapMax=toCssSize(contentMaxWidth);const modelSlug=React.useMemo(()=>deriveModelSlug(slug),[slug]);// Only hit Supabase on live site under bangautoglass.com. In Framer canvas/editor or other origins, render defaults without fetching.\nconst isProdDomain=React.useMemo(()=>{if(typeof window===\"undefined\")return false;const host=window.location.hostname||\"\";return/\\bbangautoglass\\.com$/i.test(host);},[]);React.useEffect(()=>{// In non-prod environments (e.g., Framer canvas), skip network calls and show default preview content.\nif(!isProdDomain){setError(null);setRow(null);return;}let cancelled=false;const ctrl=new AbortController;async function fetchOne(url){const res=await fetch(url,{headers:supaHeaders(supabaseAnonKey),signal:ctrl.signal});if(!res.ok)return null;const data=await res.json();return Array.isArray(data)&&data.length?data[0]:null;}async function load(){if(!supabaseUrl||!supabaseAnonKey){setError(\"Supabase URL/key missing.\");setRow(null);return;}if(!modelSlug){// On prod we need a model; in preview we bail earlier.\nsetError(\"Model slug not found. Place this on /auto-glass/{make}/{model} or provide a slug override.\");setRow(null);return;}const base=`${supabaseUrl}/rest/v1/models`;const selectCols=[\"id\",\"slug\",\"make\",\"model\",\"process_aria_label\",\"process_header\",\"process_confirm_details\",\"process_schedule\",\"process_install\",\"process_calibration\",\"process_warranty_care\"].join(\",\");// Exact by slug, then title-case fallback by model.\nconst q1=`${base}?slug=eq.${encodeURIComponent(modelSlug)}&select=${encodeURIComponent(selectCols)}&order=updated_at.desc&limit=1`;const titleGuess=toTitleCaseFromSlug(modelSlug);const q2=titleGuess?`${base}?model=eq.${encodeURIComponent(titleGuess)}&select=${encodeURIComponent(selectCols)}&order=updated_at.desc&limit=1`:null;try{const rec=await fetchOne(q1)||(q2?await fetchOne(q2):null);if(cancelled)return;if(!rec){setError(\"No model found for the provided model slug.\");setRow(null);return;}setRow(rec);setError(null);}catch(e){if(cancelled)return;if(e?.name===\"AbortError\")return;setError(String(e?.message||e));setRow(null);}}load();return()=>{cancelled=true;ctrl.abort();};},[supabaseUrl,supabaseAnonKey,modelSlug,isProdDomain]);const modelName=row?.model||toTitleCaseFromSlug(modelSlug);const makeName=row?.make// optional for token replacement\n;const ariaLabel=withTokens(row?.process_aria_label??\"How our mobile {model} glass service works\",makeName,modelName)||\"How our mobile glass service works\";const heading=withTokens(row?.process_header??\"How Our Mobile Service Works\",makeName,modelName)||\"How Our Mobile Service Works\";const steps=React.useMemo(()=>{const raw=[{key:\"verify\",title:\"Verify Details\",html:withTokens(row?.process_confirm_details??\"{model} specifics pulled from the VIN ensure the exact glazing package.\",makeName,modelName)||\"\"},{key:\"schedule\",title:\"Schedule\",html:withTokens(row?.process_schedule??\"Pick a curbside or office time that works; we’ll confirm safe-to-drive guidance.\",makeName,modelName)||\"\"},{key:\"install\",title:\"Install\",html:withTokens(row?.process_install??\"We prep the pinch-weld, set the glass precisely, and refit cameras/brackets as required.\",makeName,modelName)||\"\"},{key:\"calibration\",title:\"Calibration\",html:withTokens(row?.process_calibration??\"If replacement triggers ADAS, we handle calibration to keep features working properly.\",makeName,modelName)||\"\"},{key:\"warranty\",title:\"Warranty\",html:withTokens(row?.process_warranty_care??\"You get workmanship coverage plus care tips to prevent leaks while adhesive cures.\",makeName,modelName)||\"\"}];// Rewrite any legacy service links to the new /services/{full_service} structure.\nreturn raw.map(r=>({...r,html:rewriteServiceLinks(r.html)}));},[row,makeName,modelName]);// Keep TOC scroll offset behavior\nReact.useEffect(()=>{const sections=document.querySelectorAll(\":where(section[id])\");sections.forEach(el=>el.style.setProperty(\"--offset\",`${scrollOffsetPx}px`));},[scrollOffsetPx]);return /*#__PURE__*/_jsxs(\"section\",{id:\"process\",\"aria-label\":ariaLabel,className:`bag-make-process ${className||\"\"}`,style:{...style||{},[\"--wrap-max\"]:wrapMax},\"data-framer-component\":\"ModelsMobile\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"wrap\",style:{maxWidth:wrapMax},children:[/*#__PURE__*/_jsx(\"header\",{className:\"head\",children:/*#__PURE__*/_jsx(\"h2\",{className:\"h2\",children:heading})}),error?/*#__PURE__*/_jsx(\"div\",{role:\"status\",className:\"error\",children:error}):null,/*#__PURE__*/_jsx(\"ol\",{className:\"steps\",role:\"list\",children:steps.map(({key,title,html},i)=>/*#__PURE__*/_jsxs(\"li\",{className:\"step\",role:\"listitem\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"num\",\"aria-hidden\":\"true\",children:i+1}),/*#__PURE__*/_jsxs(\"div\",{className:\"body\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"title\",children:title}),/*#__PURE__*/_jsx(\"div\",{className:\"rich\",dangerouslySetInnerHTML:{__html:html}})]})]},key))}),showCtas&&/*#__PURE__*/_jsx(\"div\",{className:\"ctaRow\",role:\"group\",\"aria-label\":\"Process actions\",children:/*#__PURE__*/_jsx(\"a\",{className:\"btn btn-primary\",href:primaryCtaHref,children:/*#__PURE__*/_jsx(\"span\",{children:primaryCtaText})})})]})]});}/* ---------- Defaults + minimal controls ---------- */ModelsMobile.defaultProps={contentMaxWidth:1280,scrollOffsetPx:96,showCtas:true,primaryCtaText:\"Schedule Appointment\",primaryCtaHref:\"/schedule-appointment/\"};addPropertyControls(ModelsMobile,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\"},supabaseAnonKey:{type:ControlType.String,title:\"Supabase Anon Key\"},slug:{type:ControlType.String,title:\"Model Slug (override)\"}});/* ---------- Styles — aligned with theme tokens for greens + white button text ---------- */const css=/*css*/`\n.bag-make-process, .bag-make-process *{ box-sizing: border-box; }\n.bag-make-process{\n position:relative;\n --wrap-max:1280px;\n\n /* Theme-aligned tokens (with safe fallbacks to preserve current visuals) */\n --text:#0f172a;\n --muted:#475569;\n\n /* Accents mapped to theme */\n --ring: color-mix(in srgb, var(--color-accent, #21cf83) 20%, transparent);\n --btn: var(--color-accent, #21cf83); /* primary accent */\n --emerald: var(--emerald, #10b981); /* theme alias for green accents */\n --emeraldBorder: color-mix(in srgb, var(--color-accent, #21cf83) 22%, transparent);\n --emeraldBg: color-mix(in srgb, var(--color-accent, #21cf83) 12%, transparent);\n\n --bd: var(--color-line, rgba(2,6,23,.08));\n\n background:#ffffff; /* keep original surface look */\n color:var(--text);\n padding:28px 0 26px;\n}\n\n/* hairlines */\n.bag-make-process::before,\n.bag-make-process::after{\n content:\"\";\n position:absolute;\n left:50%;\n transform:translateX(-50%);\n width:100%;\n max-width:var(--wrap-max);\n height:1px;\n background:var(--bd);\n pointer-events:none;\n}\n.bag-make-process::before{ top:0; }\n.bag-make-process::after{ bottom:0; }\n\n.bag-make-process .wrap{ max-width:var(--wrap-max); width:100%; margin:0 auto; padding:0 16px; }\n@media(min-width:810px){ .bag-make-process .wrap{ padding:0 24px } }\n@media(min-width:1200px){ .bag-make-process .wrap{ padding:0 32px } }\n\n.bag-make-process .head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; }\n.bag-make-process .h2{ margin:0; font-family:var(--font-display, inherit); font-size:22px; font-weight:800; letter-spacing:-.01em; }\n\n/* Steps */\n.bag-make-process .steps{\n list-style:none; padding:0; margin:6px 0 0;\n display:grid; gap:12px;\n}\n@media(min-width:700px){\n .bag-make-process .steps{ grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }\n}\n@media(min-width:1200px){\n .bag-make-process .steps{ grid-template-columns: repeat(3, minmax(0,1fr)); }\n}\n\n.bag-make-process .step{\n position:relative; display:grid; grid-template-columns:auto 1fr; gap:12px;\n background:#ffffff;\n border:1px solid var(--bd); border-radius: var(--radius-xl, 16px); padding:16px;\n box-shadow: var(--shadow-elev-1, 0 2px 8px rgba(2,6,23,.04));\n align-items:flex-start;\n}\n\n.bag-make-process .num{\n width:32px; height:32px; display:flex; align-items:center; justify-content:center;\n border-radius:999px; background:var(--btn); color:#ffffff; /* white numerals */\n font-weight:900; font-size:14px; line-height:1;\n flex:0 0 auto;\n}\n\n.bag-make-process .title{ margin:0 0 6px; font-size:16px; font-weight:800; letter-spacing:-.01em; }\n.bag-make-process .rich p{ margin:0; color:var(--muted); font-size:14px; line-height:1.6; }\n.bag-make-process .rich a{ color: var(--emerald, #059669); text-decoration:underline; }\n\n/* CTA */\n.bag-make-process .ctaRow{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; }\n.bag-make-process .btn{\n display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius: var(--radius-button, 14px);\n background:var(--btn); color:#ffffff; font-weight:800; text-decoration:none; border:0;\n box-shadow: var(--shadow-cta, 0 6px 18px rgba(33,207,131,.25));\n transition:filter .15s ease, transform .02s ease;\n}\n.bag-make-process .btn:hover{ filter:brightness(1.05); }\n.bag-make-process .btn:active{ transform:translateY(1px); }\n.bag-make-process .btn:focus-visible{ outline:none; box-shadow:0 0 0 4px var(--ring); }\n\n/* a11y + state */\n:where(section[id]){ scroll-margin-top: var(--offset, 96px); }\n.bag-make-process .error{ color:#1b1b1b; background:#fde68a; border:1px solid #f59e0b; padding:8px 10px; border-radius:10px; }\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelsMobile\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelsMobile.map","// ModelsOem.tsx (icon-safe) — CLEANED & HARD-CODED (no section icons; keep bullet checkmarks)\n// -----------------------------------------------------------------------------\n// Now binds from public.models (not public.makes):\n// oem_aria_label, oem_heading, oem_paragraph,\n// oem_oem1bullet..oem_oem4bullet,\n// oem_aftermarket1bullet..oem_aftermarket4bullet\n// Anchor id=\"oem\". Light background. Responsive.\n// Primary button only: \"Book Appointment\" → /schedule-appointment\n// Max inner content width reaches 1280px (container accounts for padding).\n// Optimization & Theming:\n// - Supabase queries only run on bangautoglass.com; Framer canvas uses defaults.\n// - Exact slug equality lookup for fastest REST path.\n// - Colors/radii/shadows lean on Theme tokens where possible without changing visuals.\n// - Internal links to old /auto-glass/{make}/{model}/{service} are rewritten to /services/{make}-{model}-{service}.\n// -----------------------------------------------------------------------------\n\"use client\";import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/* ---------- Domain gate (prod vs. editor/staging) ---------- */function isBangAutoGlassProd(){if(typeof window===\"undefined\")return false;const host=window.location.hostname||\"\";return host===\"bangautoglass.com\"||host.endsWith(\".bangautoglass.com\");}/* ---------- Inline Supabase client (REST fetcher, tiny) ---------- */function createClient(supabaseUrl,supabaseKey){const baseHeaders={apikey:supabaseKey,Authorization:`Bearer ${supabaseKey}`};return{from:table=>({select:columns=>({limit:n=>({eq:async(column,value,opts)=>{const url=`${supabaseUrl}/rest/v1/${table}?${column}=eq.${encodeURIComponent(value)}&select=${encodeURIComponent(columns)}&limit=${n}`;const res=await fetch(url,{headers:baseHeaders,signal:opts?.signal});if(!res.ok)return{data:null,error:{message:await res.text()}};return{data:await res.json(),error:null};},ilike:async(column,value,opts)=>{const url=`${supabaseUrl}/rest/v1/${table}?${column}=ilike.${encodeURIComponent(value)}&select=${encodeURIComponent(columns)}&limit=${n}`;const res=await fetch(url,{headers:baseHeaders,signal:opts?.signal});if(!res.ok)return{data:null,error:{message:await res.text()}};return{data:await res.json(),error:null};}})})})};}/* ---------- Inline Icons ---------- */const Shield=({size=20,...props})=>/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"})});const Building2=({size=18,...props})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M10 6h4\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M10 10h4\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M10 14h4\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M10 18h4\"})]});const Scale=({size=18,...props})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:[/*#__PURE__*/_jsx(\"path\",{d:\"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}),/*#__PURE__*/_jsx(\"path\",{d:\"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M7 21h10\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 3v18\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2\"})]});const CheckCircle2=({size=16,...props})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}),/*#__PURE__*/_jsx(\"path\",{d:\"m9 12 2 2 4-4\"})]});/* ---------- Helpers ---------- */function withMakeTokens(input,makeName){if(!input)return input??undefined;const m=(makeName||\"your\").trim();return input.replace(/\\{\\s*make\\s*\\}/gi,m);}/** Rewrite internal service URLs from old pattern to new. Works on plain text and HTML. */function rewriteServiceUrls(str,make,model){if(!str)return str;let out=str;// Absolute URLs\nout=out.replace(/https?:\\/\\/(?:www\\.)?bangautoglass\\.com\\/auto-glass\\/([A-Za-z0-9-]+)\\/([A-Za-z0-9-]+)\\/([A-Za-z0-9-]+)/g,(_m,mk,mdl,svc)=>{const full=`${mk}-${mdl}-${svc}`.toLowerCase();return`https://bangautoglass.com/services/${full}`;});// Relative URLs\nout=out.replace(/\\/auto-glass\\/([A-Za-z0-9-]+)\\/([A-Za-z0-9-]+)\\/([A-Za-z0-9-]+)/g,(_m,mk,mdl,svc)=>{const full=`${mk}-${mdl}-${svc}`.toLowerCase();return`/services/${full}`;});// If content forgot to include make/model and we have them, upgrade /auto-glass/* placeholders just in case\nif(make&&model){out=out.replace(/\\/auto-glass\\/\\{?make\\}?\\/\\{?model\\}?\\/([A-Za-z0-9-]+)/g,(_m,svc)=>`/services/${`${make}-${model}-${svc}`.toLowerCase()}`);}return out;}/* ---------- Component ---------- */export default function ModelsOem({supabaseUrl,supabaseAnonKey,slug,className,style}){// Hard-coded behavior/settings (unchanged visuals)\nconst MAX_WIDTH=\"1280px\";const DESKTOP_PAD_X=48;const WRAP_MAX_COMPUTED=`calc(${MAX_WIDTH} + ${DESKTOP_PAD_X*2}px)`;const SCROLL_OFFSET_PX=96;const SHOW_COMPARISON=true;const SHOW_BADGES=true;const CTA_TEXT=\"Book Appointment\";const CTA_HREF=\"/schedule-appointment\";const[isProd,setIsProd]=React.useState(false);React.useEffect(()=>{setIsProd(isBangAutoGlassProd());},[]);const resolvedSlug=React.useMemo(()=>{if(slug)return slug;if(typeof window!==\"undefined\"){const parts=window.location.pathname.split(\"/\").filter(Boolean);// Works for /auto-glass/{make}/{model} → model is last segment\nreturn parts[parts.length-1]||undefined;}return undefined;},[slug]);const[row,setRow]=React.useState(null);const[error,setError]=React.useState(null);const supabase=React.useMemo(()=>{if(!supabaseUrl||!supabaseAnonKey)return null;return createClient(supabaseUrl,supabaseAnonKey);},[supabaseUrl,supabaseAnonKey]);// Data load — gated to production domain only to keep Framer canvas snappy\nReact.useEffect(()=>{let cancelled=false;const controller=new AbortController;async function load(){// Only fetch live on prod domain; in editor/staging we show defaults silently\nif(!isProd)return;if(!supabase){setError(\"Supabase URL/key missing.\");setRow(null);return;}if(!resolvedSlug){setError(\"Provide a model slug or place this on a /auto-glass/{make}/{model} page.\");setRow(null);return;}const columns=[\"id\",\"slug\",\"model\",\"make\",\"oem_aria_label\",\"oem_heading\",\"oem_paragraph\",\"oem_oem1bullet\",\"oem_oem2bullet\",\"oem_oem3bullet\",\"oem_oem4bullet\",\"oem_aftermarket1bullet\",\"oem_aftermarket2bullet\",\"oem_aftermarket3bullet\",\"oem_aftermarket4bullet\"].join(\", \");// Prefer exact equality for fastest lookup (ensure index on models.slug)\nconst query=supabase.from(\"models\").select(columns).limit(1);const{data,error}=await query.eq(\"slug\",resolvedSlug,{signal:controller.signal});if(cancelled)return;if(error){setError(error.message);setRow(null);}else{const rec=data?.[0]||null;setRow(rec);if(!rec)setError(\"No model found for the given slug.\");}}load();return()=>{cancelled=true;controller.abort();};},[supabase,resolvedSlug,isProd]);const makeName=row?.make||undefined;const ariaLabel=withMakeTokens(row?.oem_aria_label??\"OEM-quality vs aftermarket options for {make}\",makeName)||\"OEM-quality vs aftermarket options\";const heading=withMakeTokens(row?.oem_heading??\"OEM-Quality vs Aftermarket Options\",makeName)||\"OEM-Quality vs Aftermarket Options\";// Paragraph with internal-link rewrite\nconst paragraphHtml=React.useMemo(()=>{const base=row?.oem_paragraph??\"We prioritize OEM-quality glass for {make} to preserve safety systems, acoustic performance, optical clarity, and precise fit. Our team verifies VIN-level features—HUD areas, camera brackets, rain/light sensors, tint bands, and heating elements—so the installed windshield matches your build. When acceptable, select aftermarket options from Tier-1 suppliers may be used if they meet DOT/AGSC guidance and match OEM specifications.\";const withTokens=withMakeTokens(base,makeName)||\"\";return rewriteServiceUrls(withTokens,row?.make,row?.model)||\"\";},[row?.oem_paragraph,row?.make,row?.model,makeName]);// Bullets with internal-link rewrite\nconst oemBullets=React.useMemo(()=>{const list=[row?.oem_oem1bullet,row?.oem_oem2bullet,row?.oem_oem3bullet,row?.oem_oem4bullet].map(b=>withMakeTokens(b,makeName)).filter(Boolean);return(list.length?list:[\"Matches OEM thickness, acoustic layers, frits, and coatings\",\"Correct brackets for cameras, sensors, mirrors, and HUD\",\"Optical clarity and curvature reduce distortion\",\"Supports proper ADAS calibration outcomes\"]).map(b=>rewriteServiceUrls(b,row?.make,row?.model)||b);},[row?.oem_oem1bullet,row?.oem_oem2bullet,row?.oem_oem3bullet,row?.oem_oem4bullet,row?.make,row?.model,makeName]);const aftermarketBullets=React.useMemo(()=>{const list=[row?.oem_aftermarket1bullet,row?.oem_aftermarket2bullet,row?.oem_aftermarket3bullet,row?.oem_aftermarket4bullet].map(b=>withMakeTokens(b,makeName)).filter(Boolean);return(list.length?list:[\"Tier-1 producers that meet DOT/AGSC guidance\",\"Feature-match verified against your VIN/options\",\"Used only when it equals OEM specs for fit & function\",\"Backed by our workmanship warranty\"]).map(b=>rewriteServiceUrls(b,row?.make,row?.model)||b);},[row?.oem_aftermarket1bullet,row?.oem_aftermarket2bullet,row?.oem_aftermarket3bullet,row?.oem_aftermarket4bullet,row?.make,row?.model,makeName]);React.useEffect(()=>{const sections=document.querySelectorAll(\":where(section[id])\");sections.forEach(el=>el.style.setProperty(\"--offset\",`${SCROLL_OFFSET_PX}px`));},[]);// Suppress error UI when not in prod (Framer canvas editing) to keep visuals clean\nconst showError=isProd&&!!error;return /*#__PURE__*/_jsxs(\"section\",{id:\"oem\",\"aria-label\":ariaLabel,className:`bag-make-oem ${className||\"\"}`,style:{...style||{},[\"--wrap-max\"]:MAX_WIDTH},\"data-framer-component\":\"ModelsOem\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"wrap\",style:{maxWidth:WRAP_MAX_COMPUTED},children:[/*#__PURE__*/_jsxs(\"header\",{className:\"head\",children:[/*#__PURE__*/_jsx(Shield,{size:20}),/*#__PURE__*/_jsx(\"h2\",{className:\"h2\",children:heading})]}),showError?/*#__PURE__*/_jsx(\"div\",{role:\"status\",className:\"error\",children:error}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"grid\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"content\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"rich\",dangerouslySetInnerHTML:{__html:paragraphHtml||\"\"}}),/*#__PURE__*/_jsx(\"div\",{className:\"ctaRow\",role:\"group\",\"aria-label\":\"OEM section primary action\",children:/*#__PURE__*/_jsxs(\"a\",{className:\"btn btn-primary\",href:CTA_HREF,\"aria-label\":\"Book your auto glass appointment\",children:[/*#__PURE__*/_jsx(Shield,{size:16,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"span\",{children:CTA_TEXT})]})}),SHOW_BADGES&&/*#__PURE__*/_jsxs(\"ul\",{className:\"badges\",\"aria-label\":\"Certifications and standards\",children:[/*#__PURE__*/_jsx(\"li\",{children:\"AGSC standards\"}),/*#__PURE__*/_jsx(\"li\",{children:\"DOT compliant materials\"}),/*#__PURE__*/_jsx(\"li\",{children:\"Tier-1 suppliers\"})]})]}),SHOW_COMPARISON&&/*#__PURE__*/_jsx(\"aside\",{className:\"aside\",\"aria-label\":\"OEM vs aftermarket at a glance\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"card\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"row\",children:/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h3\",{children:\"OEM-Quality Glass\"}),/*#__PURE__*/_jsx(\"ul\",{className:\"list\",children:oemBullets.map((b,i)=>/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16}),/*#__PURE__*/_jsx(\"span\",{dangerouslySetInnerHTML:{__html:b}})]},`oem-${i}`))})]})}),/*#__PURE__*/_jsx(\"div\",{className:\"row\",children:/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h3\",{children:\"Aftermarket (When Acceptable)\"}),/*#__PURE__*/_jsx(\"ul\",{className:\"list\",children:aftermarketBullets.map((b,i)=>/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(CheckCircle2,{size:16}),/*#__PURE__*/_jsx(\"span\",{dangerouslySetInnerHTML:{__html:b}})]},`aft-${i}`))})]})})]})})]})]})]});}/* ---------- Property Controls (ONLY: Supabase + optional slug override) ---------- */addPropertyControls(ModelsOem,{supabaseUrl:{type:ControlType.String,title:\"Supabase URL\"},supabaseAnonKey:{type:ControlType.String,title:\"Supabase Anon Key\"},slug:{type:ControlType.String,title:\"Model Slug (override)\"}});/* ---------- Styles (unchanged visuals; tokens aligned where safe) ---------- */const css=/*css*/`\n.bag-make-oem, .bag-make-oem *{ box-sizing: border-box; }\n.bag-make-oem{\n --wrap-max:1280px;\n /* Local palette tuned to keep light section visuals unchanged */\n --text:#0a0a0a; \n --muted:#525252;\n /* Accents, borders & radii come from Theme tokens */\n --accent:var(--color-accent);\n --accent-hover:var(--color-accent-2);\n --success:var(--aqua-500);\n --border:var(--color-line);\n --card-bg:#fafafa;\n\n background:#ffffff;\n color:var(--text);\n padding:72px 0;\n position:relative;\n}\n.bag-make-oem::before{\n content:'';\n position:absolute;\n top:0; left:0; right:0;\n height:1px;\n background:linear-gradient(90deg, transparent, var(--border) 20%, var(--border) 80%, transparent);\n}\n.bag-make-oem .wrap{ max-width:var(--wrap-max); margin:0 auto; width:100%; padding:0 18px; }\n@media(min-width:810px){ .bag-make-oem .wrap{ padding:0 32px } }\n@media(min-width:1200px){ .bag-make-oem .wrap{ padding:0 48px } }\n\n.bag-make-oem .head{\n display:flex; align-items:center; gap:12px;\n margin:0 0 14px;\n padding-bottom: 18px;\n border-bottom:2px solid var(--border);\n}\n.bag-make-oem .head svg{ color:var(--accent); stroke-width:2.5; }\n.bag-make-oem .h2{\n margin:0; font-size:28px; font-weight:700; letter-spacing:-.02em;\n background:linear-gradient(135deg, var(--text) 0%, var(--muted) 100%);\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\n}\n@media(min-width:810px){ .bag-make-oem .h2{ font-size:36px; } }\n\n.bag-make-oem .grid{ display:grid; gap:28px; grid-template-columns:1fr; margin-top:32px; }\n@media(min-width:980px){ .bag-make-oem .grid{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:44px; } }\n\n/* Paragraph block — enforced font to beat external overrides */\n.bag-make-oem .content .rich{\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n font-family: var(--font-body, Inter), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\" !important;\n}\n.bag-make-oem .content .rich p{\n margin:0 0 16px;\n color:#3f3f46 !important;\n line-height:1.75 !important;\n font-size:16px !important;\n letter-spacing:0;\n}\n.bag-make-oem .content .rich a{\n color:var(--accent); text-decoration:none; border-bottom:1px solid var(--accent);\n transition:border-color .2s ease;\n}\n.bag-make-oem .content .rich a:hover{ border-bottom-color:transparent; }\n\n.bag-make-oem .ctaRow{\n display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;\n}\n.bag-make-oem .btn{\n display:inline-flex; align-items:center; justify-content:center;\n gap:10px; padding:14px 22px; border-radius:var(--radius-lg);\n font-weight:600; font-size:15px; text-decoration:none;\n border:2px solid transparent; transition:all .2s cubic-bezier(0.4,0,0.2,1); cursor:pointer;\n box-shadow: var(--shadow-cta, 0 4px 12px rgba(14,165,233,.25));\n}\n.bag-make-oem .btn svg{ transition:transform .2s ease; }\n.bag-make-oem .btn:hover svg{ transform:translateX(2px); }\n.bag-make-oem .btn-primary{\n background:var(--accent); color:#ffffff;\n}\n.bag-make-oem .btn-primary:hover{\n background:var(--accent-hover);\n transform:translateY(-1px);\n}\n.bag-make-oem .btn:focus-visible{ outline:none; box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent); }\n@media(max-width:520px){\n .bag-make-oem .btn{ width:100%; }\n}\n\n.bag-make-oem .badges{\n list-style:none; margin:22px 0 0; padding:0;\n display:flex; flex-wrap:wrap; gap:10px;\n}\n.bag-make-oem .badges li{\n display:inline-flex; align-items:center; gap:6px; padding:10px 18px;\n border-radius:var(--radius-md); background:var(--card-bg); border:1px solid var(--border);\n font-weight:600; font-size:13px; color:var(--text); transition:all .2s ease;\n}\n.bag-make-oem .badges li:hover{\n background:#ffffff; border-color:var(--accent); transform:translateY(-2px);\n box-shadow:0 4px 12px rgba(0,0,0,.06);\n}\n\n/* Aside card — internal padding retained; section icons removed */\n.bag-make-oem .aside .card{\n border-radius:var(--radius-2xl); background:var(--card-bg); border:1px solid var(--border);\n box-shadow: var(--shadow-card, 0 4px 24px rgba(0,0,0,.04)); padding:24px; transition:box-shadow .3s ease;\n}\n@media(min-width:1200px){\n .bag-make-oem .aside .card{ padding:32px; }\n}\n\n/* Rows now single-column since icons were removed */\n.bag-make-oem .row{ display:grid; grid-template-columns:1fr; gap:16px; align-items:start; padding:0; }\n.bag-make-oem .row + .row{ border-top:1px solid var(--border); margin-top:22px; padding-top:22px; }\n.bag-make-oem .row svg{ color:var(--accent); stroke-width:2.5; margin-top:2px; }\n.bag-make-oem .row h3{ margin:0 0 10px; font-size:18px; font-weight:700; color:var(--text); letter-spacing:-.01em; }\n\n/* Bullet checkmarks kept */\n.bag-make-oem .list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }\n.bag-make-oem .list li{ display:flex; align-items:flex-start; gap:10px; font-size:14.5px; color:var(--muted); line-height:1.6; }\n.bag-make-oem .list svg{ color:var(--success); flex-shrink:0; margin-top:3px; stroke-width:2.5; }\n\n:where(section[id]){ scroll-margin-top: var(--offset, 96px); }\n.bag-make-oem .error{\n color:#dc2626; background:#fef2f2; border:1px solid #fecaca;\n padding:12px 16px; border-radius:var(--radius-lg); font-size:14px; font-weight:500;\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ModelsOem\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ModelsOem.map","// ModelsServices.tsx — based on MakeServices, retargeted to public.models\n// Desktop: 3 columns × 2 rows | Tablet: 2 columns | Mobile: 1 column\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{createClient}from\"@supabase/supabase-js\";/* -------------------------- utilities -------------------------- *//** Replace {make} or {model} tokens (case-insensitive) with the provided name */function withTokens(input,name){if(!input)return input??undefined;const n=name?.trim()||\"your\";return input.replace(/\\{\\s*(make|model)\\s*\\}/gi,n);}/** Slugify helper for URL parts */function slugify(s){if(!s)return\"\";return s.toLowerCase().trim().replace(/[^a-z0-9]+/g,\"-\").replace(/^-+|-+$/g,\"\");}/** Parse make & model from URL when in /auto-glass/{make}/{model} */function parseMakeModelFromUrl(){if(typeof window===\"undefined\")return{};const parts=window.location.pathname.split(\"/\").filter(Boolean);const idx=parts.indexOf(\"auto-glass\");if(idx!==-1){const make=parts[idx+1]?decodeURIComponent(parts[idx+1]):undefined;const model=parts[idx+2]?decodeURIComponent(parts[idx+2]):undefined;return{make,model};}// fallback: last segment treated as \"model\"\nreturn{model:parts.length?decodeURIComponent(parts[parts.length-1]):undefined};}/** Derive model slug (back-compat with previous behavior) */function deriveSlugFromUrl(){if(typeof window===\"undefined\")return null;const{model}=parseMakeModelFromUrl();return model||null;}/** Detect production domain to control when Supabase queries run */function onBangDomain(){if(typeof window===\"undefined\")return false;const host=window.location.hostname;return/\\.?bangautoglass\\.com$/i.test(host);}/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function ServicesSection(props){const{style,supabaseUrl,supabaseAnonKey,slug:slugOverride,scrollOffsetPx=96}=props;// Use a single stroke value across the set (Material/Fluent recommend ~2 on a 24 grid)\nconst stroke=2.1;// Helper: common attrs for all icon