{title}

\n\n {showSubtitle && (\n

{subtitle}

\n )}\n\n {showServices && services.length > 0 && (\n

\n {services.map(function (s, i) {\n return (\n \n {s.name}\n \n );\n })}\n

\n )}\n\n

\n \n {ctaText}\n \n {showSecondaryCta && (\n \n {secondaryCtaText}\n \n )}\n

\n\n

\n \n

\n\n \n \n \n \n \n \n \n \n\n

\n {statBadge}\n {statLabel}\n

\n \n );\n};\n\nexport default KaselRocksHeroes1;","Whether you manage a single property or a portfolio of commercial sites, Kasel Rocks is ready to be your trusted exterior facility services partner. Reach out today.","forgeDesignSystem",{"_556":557,"_438":447,"_558":559,"_560":561,"_77":562,"_60":566,"_571":572},"seedColor","#D4AF37","borderRadius","small","mode","light",{"_88":563,"_82":564,"_81":565,"_512":564},"#2E5A46","#FAFAF5","#F7F3EE",{"_254":567,"_64":568,"_569":570},"Inter","Open Sans","headline","Montserrat","colorTheme","Custom","Let's Start a Conversation","forgeCategory","heroes","forgeBlockName","Request a Proposal","K","forgeBlockId","kasel-rocks-contact-heroes-1","/contact","https://storage.googleapis.com/inluraforge.firebasestorage.app/projects/FcP1GqOidebeBYDbjXgp/ai-images/kasel-rocks-contact-heroes-1/1781562474257_image.webp","Call Us Directly","2020","compiledCode","const KaselRocksHeroes1 = ({\n title = \"Let's Start a Conversation\",\n subtitle = \"Whether you manage a single property or a portfolio of commercial sites, Kasel Rocks is ready to be your trusted exterior facility services partner. Reach out today.\",\n kicker = \"Contact Us\",\n yearEstablished = \"2020\",\n image = \"https://storage.googleapis.com/inluraforge.firebasestorage.app/projects/FcP1GqOidebeBYDbjXgp/ai-images/kasel-rocks-contact-heroes-1/1781562474257_image.webp\",\n services = [{\n name: \"Snow & Ice Management\"\n }, {\n name: \"Landscape Maintenance\"\n }, {\n name: \"Enhancement & Installation\"\n }],\n statBadge = \"24h\",\n statLabel = \"Typical Response Time\",\n ctaText = \"Request a Proposal\",\n ctaLink = \"/contact\",\n secondaryCtaText = \"Call Us Directly\",\n secondaryCtaLink = \"tel:+15551234567\",\n decorativeLetter = \"K\",\n showSubtitle = true,\n showBadge = true,\n showSecondaryCta = true,\n showServices = true,\n colorVariant = \"primary\",\n buttonEffect = \"lift\"\n}) => {\n var css = `\n .kr-contact-hero {\n position: relative;\n width: 100%;\n min-height: 88vh;\n overflow: hidden;\n background: var(--forge-bg);\n display: flex;\n align-items: center;\n }\n .kr-contact-hero__diagonal-clip {\n position: absolute;\n top: 0;\n right: 0;\n width: 48%;\n height: 100%;\n clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);\n background: color-mix(in srgb, var(--forge-primary) 7%, var(--forge-bg));\n z-index: 0;\n }\n .kr-contact-hero__diagonal-inner {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 70% 30%, color-mix(in srgb, var(--hero-accent, var(--forge-primary)) 12%, transparent) 0%, transparent 70%);\n }\n .kr-contact-hero__grain {\n position: absolute;\n inset: 0;\n opacity: 0.035;\n pointer-events: none;\n z-index: 1;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n background-size: 256px 256px;\n }\n .kr-contact-hero__glow--1 {\n position: absolute;\n top: -15%;\n left: -8%;\n width: 55%;\n height: 65%;\n background: radial-gradient(ellipse, color-mix(in srgb, var(--hero-accent, var(--forge-primary)) 13%, transparent), transparent 70%);\n filter: blur(90px);\n z-index: 0;\n pointer-events: none;\n }\n .kr-contact-hero__glow--2 {\n position: absolute;\n bottom: -12%;\n right: -6%;\n width: 50%;\n height: 60%;\n background: radial-gradient(ellipse, color-mix(in srgb, var(--forge-tertiary) 10%, transparent), transparent 70%);\n filter: blur(100px);\n z-index: 0;\n pointer-events: none;\n }\n .kr-contact-hero__type-graphic {\n position: absolute;\n bottom: -6%;\n right: 2%;\n font-family: var(--forge-font-headline);\n font-size: clamp(200px, 34vw, 500px);\n font-weight: 900;\n line-height: 0.85;\n color: color-mix(in srgb, var(--forge-text) 2.5%, transparent);\n z-index: 1;\n pointer-events: none;\n user-select: none;\n }\n .kr-contact-hero__column-rules {\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: space-evenly;\n z-index: 1;\n pointer-events: none;\n }\n .kr-contact-hero__column-rules span {\n width: 1px;\n height: 100%;\n background: color-mix(in srgb, var(--forge-text) 3%, transparent);\n }\n .kr-contact-hero__diagonal-accent {\n position: absolute;\n top: 10%;\n right: 6%;\n width: 200px;\n height: 1px;\n background: color-mix(in srgb, var(--forge-primary) 25%, transparent);\n transform: rotate(-30deg);\n transform-origin: right center;\n z-index: 1;\n pointer-events: none;\n }\n .kr-contact-hero__diagonal-accent::after {\n content: '';\n position: absolute;\n top: 60px;\n left: 40px;\n width: 140px;\n height: 1px;\n background: color-mix(in srgb, var(--forge-tertiary) 18%, transparent);\n transform: rotate(0deg);\n }\n .kr-contact-hero__inner {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n padding: clamp(3rem, 6vw, 7rem) clamp(28px, 5vw, 80px);\n display: flex;\n align-items: center;\n gap: clamp(40px, 6vw, 100px);\n }\n .kr-contact-hero__content {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: clamp(20px, 2.5vw, 36px);\n }\n .kr-contact-hero__kicker {\n display: flex;\n align-items: center;\n gap: 16px;\n animation: kr-contact-hero-fade-up 0.8s ease-out 0.2s both;\n }\n .kr-contact-hero__kicker-label {\n font-family: var(--forge-font-label);\n font-size: clamp(10px, 0.75vw, 12px);\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--hero-accent, var(--forge-primary));\n white-space: nowrap;\n }\n .kr-contact-hero__kicker-rule {\n flex: 1;\n height: 1px;\n background: color-mix(in srgb, var(--forge-text) 12%, transparent);\n max-width: 80px;\n }\n .kr-contact-hero__kicker-year {\n font-family: var(--forge-font-label);\n font-size: clamp(10px, 0.75vw, 12px);\n font-weight: 500;\n letter-spacing: 0.08em;\n color: color-mix(in srgb, var(--forge-text) 40%, transparent);\n white-space: nowrap;\n }\n .kr-contact-hero__title {\n font-family: var(--forge-font-headline);\n font-size: clamp(38px, 6.2vw, 105px);\n font-weight: 700;\n line-height: 0.95;\n letter-spacing: -0.035em;\n color: var(--forge-text);\n margin: 0;\n animation: kr-contact-hero-fade-up 0.9s ease-out 0.4s both;\n }\n .kr-contact-hero__glass-panel {\n background: color-mix(in srgb, var(--forge-bg) 55%, transparent);\n backdrop-filter: blur(24px);\n -webkit-backdrop-filter: blur(24px);\n border: 1px solid color-mix(in srgb, var(--forge-text) 6%, transparent);\n border-radius: 14px;\n padding: clamp(20px, 2vw, 32px);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);\n animation: kr-contact-hero-fade-up 0.9s ease-out 0.6s both;\n }\n .kr-contact-hero__subtitle {\n font-family: var(--forge-font-body);\n font-size: clamp(14px, 1.05vw, 17px);\n line-height: 1.75;\n color: color-mix(in srgb, var(--forge-text) 72%, transparent);\n margin: 0;\n }\n .kr-contact-hero__services {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n animation: kr-contact-hero-fade-up 0.85s ease-out 0.75s both;\n }\n .kr-contact-hero__service-pill {\n display: inline-flex;\n align-items: center;\n padding: 9px 20px;\n border: 1px solid color-mix(in srgb, var(--forge-text) 10%, transparent);\n border-radius: 100px;\n font-family: var(--forge-font-label);\n font-size: clamp(11px, 0.8vw, 13px);\n font-weight: 500;\n letter-spacing: 0.03em;\n color: var(--forge-text);\n background: color-mix(in srgb, var(--forge-bg) 50%, transparent);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n transition: border-color 0.3s ease, background 0.3s ease;\n }\n .kr-contact-hero__service-pill:hover {\n border-color: color-mix(in srgb, var(--forge-primary) 35%, transparent);\n background: color-mix(in srgb, var(--forge-primary) 6%, var(--forge-bg));\n }\n .kr-contact-hero__ctas {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n animation: kr-contact-hero-fade-up 0.85s ease-out 0.9s both;\n }\n .kr-contact-hero__cta--primary {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 16px 32px;\n background: var(--forge-primary);\n color: var(--forge-secondary);\n border: none;\n border-radius: var(--forge-radius);\n font-family: var(--forge-font-label);\n font-size: clamp(13px, 0.9vw, 15px);\n font-weight: 600;\n letter-spacing: 0.02em;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.3s ease, box-shadow 0.3s ease;\n }\n .kr-contact-hero__cta--secondary {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 16px 32px;\n background: transparent;\n color: var(--forge-text);\n border: 1px solid color-mix(in srgb, var(--forge-text) 18%, transparent);\n border-radius: var(--forge-radius);\n font-family: var(--forge-font-label);\n font-size: clamp(13px, 0.9vw, 15px);\n font-weight: 600;\n letter-spacing: 0.02em;\n text-decoration: none;\n cursor: pointer;\n transition: border-color 0.3s ease, background 0.3s ease;\n }\n .kr-contact-hero__cta--secondary:hover {\n border-color: color-mix(in srgb, var(--forge-text) 35%, transparent);\n background: color-mix(in srgb, var(--forge-text) 4%, transparent);\n }\n .kr-contact-hero__visual {\n flex: 0 0 42%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: clamp(400px, 45vw, 620px);\n }\n .kr-contact-hero__image-wrapper {\n width: 100%;\n animation: kr-contact-hero-float 7s ease-in-out 2.8s infinite;\n }\n .kr-contact-hero__image-card {\n width: 100%;\n aspect-ratio: 3 / 4;\n border-radius: 16px;\n overflow: hidden;\n transform: rotate(2deg);\n box-shadow:\n 0 50px 100px rgba(0, 0, 0, 0.16),\n 0 20px 40px rgba(0, 0, 0, 0.08),\n 0 0 0 1px rgba(0, 0, 0, 0.03);\n animation: kr-contact-hero-image-enter 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s both;\n }\n .kr-contact-hero__image-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .kr-contact-hero__botanical {\n position: absolute;\n left: -18%;\n top: 8%;\n width: clamp(90px, 10vw, 160px);\n height: auto;\n color: var(--forge-tertiary);\n z-index: 1;\n opacity: 0;\n animation: kr-contact-hero-fade-in 1.5s ease-out 1s forwards;\n }\n .kr-contact-hero__botanical path {\n stroke-dasharray: 400;\n stroke-dashoffset: 400;\n animation: kr-contact-hero-draw 2.5s ease-out 1.2s forwards;\n }\n .kr-contact-hero__botanical circle {\n opacity: 0;\n animation: kr-contact-hero-dot-appear 0.6s ease-out 3.4s forwards;\n }\n .kr-contact-hero__stat-card {\n position: absolute;\n bottom: 6%;\n right: -3%;\n background: color-mix(in srgb, var(--forge-bg) 65%, transparent);\n backdrop-filter: blur(22px);\n -webkit-backdrop-filter: blur(22px);\n border: 1px solid color-mix(in srgb, var(--forge-text) 6%, transparent);\n border-radius: 14px;\n padding: clamp(18px, 1.5vw, 28px);\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.07);\n z-index: 4;\n display: flex;\n flex-direction: column;\n gap: 6px;\n animation: kr-contact-hero-stat-enter 0.8s cubic-bezier(0.23, 1, 0.32, 1) 1.3s both;\n }\n .kr-contact-hero__stat-number {\n font-family: var(--forge-font-headline);\n font-size: clamp(20px, 1.6vw, 28px);\n font-weight: 700;\n color: var(--hero-accent, var(--forge-primary));\n letter-spacing: -0.02em;\n }\n .kr-contact-hero__stat-label {\n font-family: var(--forge-font-label);\n font-size: clamp(10px, 0.72vw, 11px);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n font-weight: 500;\n color: color-mix(in srgb, var(--forge-text) 50%, transparent);\n }\n @keyframes kr-contact-hero-fade-up {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes kr-contact-hero-fade-in {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes kr-contact-hero-image-enter {\n from { opacity: 0; transform: translateY(50px) scale(0.94) rotate(2deg); }\n to { opacity: 1; transform: translateY(0) scale(1) rotate(2deg); }\n }\n @keyframes kr-contact-hero-float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n @keyframes kr-contact-hero-stat-enter {\n from { opacity: 0; transform: translateX(24px) translateY(10px); }\n to { opacity: 1; transform: translateX(0) translateY(0); }\n }\n @keyframes kr-contact-hero-draw {\n to { stroke-dashoffset: 0; }\n }\n @keyframes kr-contact-hero-dot-appear {\n from { opacity: 0; }\n to { opacity: 0.5; }\n }\n @container (max-width: 1024px) {\n .kr-contact-hero__visual {\n flex: 0 0 38%;\n }\n }\n @container (max-width: 767px) {\n .kr-contact-hero {\n min-height: auto;\n }\n .kr-contact-hero__inner {\n flex-direction: column;\n padding: clamp(2.5rem, 5vw, 4rem) clamp(20px, 5vw, 36px);\n gap: clamp(28px, 5vw, 48px);\n }\n .kr-contact-hero__content {\n gap: clamp(16px, 3vw, 24px);\n order: 2;\n }\n .kr-contact-hero__visual {\n width: 100%;\n flex: none;\n min-height: auto;\n order: 1;\n }\n .kr-contact-hero__image-wrapper {\n width: 88%;\n margin: 0 auto;\n }\n .kr-contact-hero__image-card {\n aspect-ratio: 4 / 3;\n transform: rotate(1deg);\n }\n .kr-contact-hero__stat-card {\n right: 0;\n bottom: 4%;\n }\n .kr-contact-hero__botanical {\n display: none;\n }\n .kr-contact-hero__type-graphic {\n font-size: clamp(150px, 50vw, 300px);\n bottom: -2%;\n right: 0;\n }\n .kr-contact-hero__diagonal-clip {\n width: 100%;\n height: 55%;\n top: auto;\n bottom: 0;\n clip-path: polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%);\n }\n .kr-contact-hero__diagonal-accent {\n display: none;\n }\n .kr-contact-hero__column-rules span:nth-child(2),\n .kr-contact-hero__column-rules span:nth-child(3) {\n display: none;\n }\n }\n `;\n return /*#__PURE__*/React.createElement(\"section\", {\n className: \"kr-contact-hero\",\n \"data-variant\": colorVariant,\n style: {\n '--hero-accent': 'var(--forge-' + colorVariant + ')'\n }\n }, /*#__PURE__*/React.createElement(\"style\", null, css), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__diagonal-clip\",\n \"aria-hidden\": \"true\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__diagonal-inner\"\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__grain\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__glow--1\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__glow--2\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__type-graphic\",\n \"aria-hidden\": \"true\"\n }, decorativeLetter), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__column-rules\",\n \"aria-hidden\": \"true\"\n }, /*#__PURE__*/React.createElement(\"span\", null), /*#__PURE__*/React.createElement(\"span\", null), /*#__PURE__*/React.createElement(\"span\", null), /*#__PURE__*/React.createElement(\"span\", null)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__diagonal-accent\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__inner\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__content\"\n }, showBadge && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__kicker\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kr-contact-hero__kicker-label\"\n }, kicker), /*#__PURE__*/React.createElement(\"span\", {\n className: \"kr-contact-hero__kicker-rule\"\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"kr-contact-hero__kicker-year\"\n }, yearEstablished)), /*#__PURE__*/React.createElement(\"h1\", {\n className: \"kr-contact-hero__title\"\n }, title), showSubtitle && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__glass-panel\"\n }, /*#__PURE__*/React.createElement(\"p\", {\n className: \"kr-contact-hero__subtitle\"\n }, subtitle)), showServices && services.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__services\"\n }, services.map(function (s, i) {\n return /*#__PURE__*/React.createElement(\"span\", {\n key: i,\n className: \"kr-contact-hero__service-pill\"\n }, s.name);\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__ctas\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n href: ctaLink,\n className: 'kr-contact-hero__cta--primary forge-btn-fx--' + buttonEffect\n }, ctaText), showSecondaryCta && /*#__PURE__*/React.createElement(\"a\", {\n href: secondaryCtaLink,\n className: 'kr-contact-hero__cta--secondary forge-btn-fx--' + buttonEffect\n }, secondaryCtaText))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__visual\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__image-wrapper\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__image-card\"\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: image,\n alt: \"Kasel Rocks commercial facility services team ready to assist\",\n loading: \"eager\",\n onError: \"this.style.display='none'\"\n }))), /*#__PURE__*/React.createElement(\"svg\", {\n className: \"kr-contact-hero__botanical\",\n viewBox: \"0 0 160 300\",\n fill: \"none\",\n \"aria-hidden\": \"true\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80 290 L80 50\",\n stroke: \"currentColor\",\n strokeWidth: \"1.5\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80 250 C55 235 25 215 15 180 C30 200 55 218 80 228\",\n stroke: \"currentColor\",\n strokeWidth: \"1.2\",\n fill: \"none\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80 200 C105 185 135 165 145 130 C130 150 105 168 80 178\",\n stroke: \"currentColor\",\n strokeWidth: \"1.2\",\n fill: \"none\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80 150 C55 135 25 115 15 80 C30 100 55 118 80 128\",\n stroke: \"currentColor\",\n strokeWidth: \"1.2\",\n fill: \"none\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80 100 C100 85 125 68 138 42 C125 58 100 75 80 85\",\n stroke: \"currentColor\",\n strokeWidth: \"1.2\",\n fill: \"none\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n cx: \"80\",\n cy: \"42\",\n r: \"4\",\n fill: \"currentColor\",\n opacity: \"0.5\"\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kr-contact-hero__stat-card\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kr-contact-hero__stat-number\"\n }, statBadge), /*#__PURE__*/React.createElement(\"span\", {\n className: \"kr-contact-hero__stat-label\"\n }, statLabel)))));\n};\nKaselRocksHeroes1;","tel:+15551234567",[589,591,593],{"_370":590},"Snow & Ice Management",{"_370":592},"Landscape Maintenance",{"_370":594},"Enhancement & Installation","24h","styleCode","Contact Us","compiledFuncName","KaselRocksHeroes1","1781569335748-ytkrbjl",{"_426":602,"_545":546,"_370":603,"_436":604,"_256":685,"_548":686},1,"Get in Touch",{"_161":605,"_609":610,"_438":612,"_277":624,"_163":626,"_635":636,"_422":638,"_138":639,"_490":651,"_652":653,"_503":656,"_159":662,"_665":666,"_668":669,"_672":673,"_145":677,"_333":680,"_682":683},{"_32":477,"_473":606,"_254":607,"_105":608},"Contact Info","Email","businessInfo.email","directionsUrl",{"_32":489,"_473":606,"_254":611},"Directions URL",{"_440":613,"_32":472,"_473":474,"_254":475},[614,615,616,617,618,619,620,621,622,623],{"_28":443,"_254":444},{"_254":446,"_28":447},{"_28":449,"_254":450},{"_28":453,"_254":452},{"_28":455,"_254":456},{"_28":458,"_254":459},{"_28":461,"_254":462},{"_254":465,"_28":464},{"_254":467,"_28":468},{"_254":471,"_28":470},{"_473":497,"_32":498,"_254":625},"Show Phone",{"_473":606,"_531":627,"_105":633,"_254":634,"_32":530},{"_170":628,"_630":631},{"_32":477,"_254":629},"Day","time",{"_32":477,"_254":632},"Hours","businessInfo.hours","Business Hours","showMap",{"_254":637,"_473":497,"_32":498},"Show Map",{"_254":494,"_32":477,"_473":482},{"_531":640,"_473":606,"_32":530,"_254":650},{"_641":642,"_644":645,"_647":648},"url",{"_32":489,"_254":643},"URL","platform",{"_32":477,"_254":646},"Platform","icon",{"_32":647,"_254":649},"Icon","Social Links",{"_254":492,"_473":482,"_32":92},"size",{"_254":654,"_473":482,"_32":655},"Size","number",{"_440":657,"_254":515,"_32":472,"_473":474},[658,659,660,661],{"_254":507,"_28":88},{"_254":509,"_28":81},{"_254":511,"_28":512},{"_28":82,"_254":514},{"_254":663,"_32":477,"_473":606,"_105":664},"Phone","businessInfo.phone","showSocial",{"_254":667,"_32":498,"_473":497},"Show Social Links","mapHeight",{"_473":670,"_32":655,"_254":671},"Layout","Map Height (px)","formId",{"_32":674,"_473":675,"_254":676},"form","Form","Contact Form",{"_254":678,"_32":92,"_473":606,"_105":679},"Address","businessInfo.address",{"_473":497,"_32":498,"_254":681},"Show Hours","formLabel",{"_254":684,"_32":477,"_473":482},"Form Section Label","1781569335754-e0i0h9n",{"_672":687,"_668":688,"_596":123,"_682":689,"_598":690,"_159":691,"_585":692,"_665":187,"_652":693,"_138":694,"_574":425,"_576":603,"_579":703,"_333":187,"_145":704,"_277":187,"_163":705,"_635":187,"_609":713,"_161":714,"_551":715,"_438":123,"_503":82,"_422":716,"_490":717,"_554":718},"De3oPSgBrw2F9QcY3nMz",400,"Send Us a Message","KaselRocksContact2","(651) 482-7100","function Icon({\n name,\n size = 24\n}) {\n if (typeof window !== 'undefined' && window.__forgeRenderIcon) return window.__forgeRenderIcon(name, size);\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: size,\n height: size,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"2\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"aria-hidden\": \"true\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n x: \"4\",\n y: \"4\",\n width: \"16\",\n height: \"16\",\n rx: \"3\"\n }));\n}\nconst KaselRocksContact2 = ({\n title = \"Let's Build Something Reliable.\",\n subtitle = \"Whether you manage a commercial property, a sprawling campus, or a facility that demands consistent year-round outdoor maintenance — Kasel Rocks is built to be your partner. Tell us about your property and what you need, and we'll respond within one business day.\",\n phone = \"(651) 482-7100\",\n email = \"info@kaselrocks.com\",\n address = \"1247 Commerce Blvd, Suite 200\\nOakdale, MN 55128\",\n directionsUrl = \"https://maps.google.com\",\n hours = [{\n day: \"Monday – Friday\",\n time: \"7:00 AM – 5:00 PM\"\n }, {\n day: \"Saturday\",\n time: \"8:00 AM – 12:00 PM\"\n }, {\n day: \"Sunday\",\n time: \"Closed\"\n }],\n socialLinks = [{\n platform: \"Facebook\",\n url: \"#\",\n icon: \"Facebook\"\n }, {\n platform: \"Instagram\",\n url: \"#\",\n icon: \"Instagram\"\n }, {\n platform: \"LinkedIn\",\n url: \"#\",\n icon: \"Linkedin\"\n }],\n formLabel = \"Send Us a Message\",\n showMap = true,\n showHours = true,\n showSocial = true,\n showPhone = true,\n colorVariant = \"neutral\",\n buttonEffect = \"lift\",\n formId = \"\",\n mapHeight = 400\n}) => {\n const sectionRef = React.useRef(null);\n const [isVisible, setIsVisible] = React.useState(false);\n React.useEffect(() => {\n const el = sectionRef.current;\n if (!el) return;\n const observer = new IntersectionObserver(([entry]) => {\n if (entry.isIntersecting) {\n setIsVisible(true);\n observer.disconnect();\n }\n }, {\n threshold: 0.08\n });\n observer.observe(el);\n return () => observer.disconnect();\n }, []);\n return /*#__PURE__*/React.createElement(\"section\", {\n ref: sectionRef,\n \"data-block-type\": \"contact\",\n \"data-has-form\": \"true\",\n \"data-cms-form\": \"kasel-rocks-contact-contact-2\",\n \"data-variant\": colorVariant,\n className: `kasel-rocks-contact ${isVisible ? 'kasel-rocks-contact--visible' : ''}`\n }, /*#__PURE__*/React.createElement(\"style\", null, `\n .kasel-rocks-contact {\n position: relative;\n width: 100%;\n padding: clamp(4rem, 8vw, 8rem) 0 0;\n background:\n radial-gradient(60% 45% at 12% 0%, color-mix(in srgb, var(--forge-primary) 5%, transparent), transparent 55%),\n radial-gradient(45% 40% at 88% 100%, color-mix(in srgb, var(--forge-tertiary) 4%, transparent), transparent 55%),\n var(--forge-bg);\n overflow: hidden;\n }\n\n .kasel-rocks-contact__deco-bg {\n position: absolute;\n top: -6%;\n right: -4%;\n font-family: var(--forge-font-headline);\n font-size: clamp(180px, 26vw, 420px);\n font-weight: 900;\n line-height: 1;\n color: color-mix(in srgb, var(--forge-text) 3%, transparent);\n pointer-events: none;\n user-select: none;\n z-index: 0;\n }\n\n .kasel-rocks-contact__grain {\n position: absolute;\n inset: 0;\n opacity: 0.22;\n background-image: url('data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%220.35%22/%3E%3C/svg%3E');\n background-size: 180px;\n pointer-events: none;\n z-index: 0;\n mix-blend-mode: overlay;\n }\n\n .kasel-rocks-contact__glow-1 {\n position: absolute;\n top: -8%;\n left: -10%;\n width: 48%;\n height: 48%;\n background: radial-gradient(ellipse at center, color-mix(in srgb, var(--forge-primary) 10%, transparent), transparent 70%);\n filter: blur(80px);\n pointer-events: none;\n z-index: 0;\n }\n\n .kasel-rocks-contact__glow-2 {\n position: absolute;\n bottom: -12%;\n right: -6%;\n width: 38%;\n height: 38%;\n background: radial-gradient(ellipse at center, color-mix(in srgb, var(--forge-tertiary) 8%, transparent), transparent 70%);\n filter: blur(65px);\n pointer-events: none;\n z-index: 0;\n }\n\n .kasel-rocks-contact__deco-svg {\n position: absolute;\n top: clamp(3rem, 6vw, 6rem);\n right: clamp(2rem, 5vw, 7rem);\n width: clamp(40px, 4vw, 60px);\n height: auto;\n color: color-mix(in srgb, var(--forge-primary) 16%, transparent);\n z-index: 0;\n pointer-events: none;\n }\n\n @container (max-width: 767px) {\n .kasel-rocks-contact__deco-svg {\n opacity: 0.5;\n width: 28px;\n right: 1rem;\n top: 2rem;\n }\n }\n\n .kasel-rocks-contact__inner {\n position: relative;\n z-index: 1;\n max-width: 1600px;\n margin: 0 auto;\n padding: 0 clamp(28px, 4vw, 80px);\n }\n\n .kasel-rocks-contact__header {\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n }\n\n .kasel-rocks-contact__kicker {\n display: inline-block;\n font-family: var(--forge-font-label);\n font-size: clamp(10px, 1vw, 12px);\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--forge-primary);\n margin-bottom: clamp(0.8rem, 1.5vw, 1.2rem);\n padding-bottom: 0.75rem;\n border-bottom: 1px solid color-mix(in srgb, var(--forge-primary) 28%, transparent);\n width: fit-content;\n }\n\n .kasel-rocks-contact__title {\n font-family: var(--forge-font-headline);\n font-size: clamp(32px, 5.5vw, 76px);\n font-weight: 700;\n line-height: 1.05;\n color: var(--forge-text);\n margin: 0 0 clamp(0.8rem, 1.8vw, 1.3rem);\n max-width: 820px;\n }\n\n .kasel-rocks-contact__subtitle {\n font-family: var(--forge-font-body);\n font-size: clamp(14.5px, 1.2vw, 17px);\n line-height: 1.78;\n color: color-mix(in srgb, var(--forge-text) 62%, transparent);\n max-width: 600px;\n margin: 0;\n }\n\n .kasel-rocks-contact__subtitle::first-letter {\n float: left;\n font-family: var(--forge-font-headline);\n font-size: clamp(44px, 3.6vw, 64px);\n font-weight: 700;\n line-height: 0.78;\n color: var(--forge-primary);\n margin-right: 0.07em;\n margin-top: 0.05em;\n }\n\n .kasel-rocks-contact__grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n border-top: 1px solid color-mix(in srgb, var(--forge-text) 12%, transparent);\n padding-bottom: clamp(3rem, 5.5vw, 5.5rem);\n }\n\n @container (min-width: 768px) {\n .kasel-rocks-contact__grid {\n grid-template-columns: minmax(240px, 310px) 1fr;\n }\n }\n\n .kasel-rocks-contact__info-col {\n padding: clamp(2rem, 3vw, 3rem) 0;\n }\n\n @container (min-width: 768px) {\n .kasel-rocks-contact__info-col {\n position: relative;\n padding-right: clamp(1.5rem, 3vw, 3rem);\n }\n .kasel-rocks-contact__info-col::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 1px;\n height: 100%;\n background: color-mix(in srgb, var(--forge-text) 12%, transparent);\n transform-origin: top;\n transform: scaleY(0);\n transition: transform 1.3s cubic-bezier(0.22, 1, 0.36, 1) 0.45s;\n }\n .kasel-rocks-contact--visible .kasel-rocks-contact__info-col::after {\n transform: scaleY(1);\n }\n }\n\n .kasel-rocks-contact__info-section {\n margin-bottom: clamp(1.4rem, 2.2vw, 2rem);\n padding-bottom: clamp(1.4rem, 2.2vw, 2rem);\n border-bottom: 1px solid color-mix(in srgb, var(--forge-text) 6%, transparent);\n }\n\n .kasel-rocks-contact__info-section:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n\n .kasel-rocks-contact__info-label {\n display: block;\n font-family: var(--forge-font-label);\n font-size: clamp(9px, 0.82vw, 11px);\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--forge-primary);\n margin-bottom: 0.6rem;\n }\n\n .kasel-rocks-contact__info-value {\n display: block;\n font-family: var(--forge-font-body);\n font-size: clamp(14px, 1.12vw, 15.5px);\n line-height: 1.65;\n color: var(--forge-text);\n text-decoration: none;\n white-space: pre-line;\n transition: color 0.25s ease;\n }\n\n a.kasel-rocks-contact__info-value:hover {\n color: var(--forge-primary);\n }\n\n .kasel-rocks-contact__directions-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n margin-top: 0.55rem;\n font-family: var(--forge-font-label);\n font-size: clamp(10px, 0.85vw, 12px);\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n text-decoration: none;\n color: var(--forge-primary);\n transition: all 0.3s ease;\n padding: 0.35rem 0;\n border-bottom: 1px solid color-mix(in srgb, var(--forge-primary) 25%, transparent);\n }\n\n .kasel-rocks-contact__directions-link:hover {\n border-bottom-color: var(--forge-primary);\n gap: 0.65rem;\n }\n\n .kasel-rocks-contact__hours-list {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n .kasel-rocks-contact__hours-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n gap: 0.75rem;\n font-family: var(--forge-font-body);\n font-size: clamp(13px, 1.02vw, 14.5px);\n padding: 0.15rem 0;\n }\n\n .kasel-rocks-contact__hours-day {\n font-weight: 600;\n color: var(--forge-text);\n }\n\n .kasel-rocks-contact__hours-time {\n color: color-mix(in srgb, var(--forge-text) 58%, transparent);\n text-align: right;\n white-space: nowrap;\n }\n\n .kasel-rocks-contact__social-row {\n display: flex;\n gap: 0.65rem;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .kasel-rocks-contact__social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n border: 1px solid color-mix(in srgb, var(--forge-text) 13%, transparent);\n color: var(--forge-text);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .kasel-rocks-contact__social-link:hover {\n background: var(--forge-primary);\n border-color: var(--forge-primary);\n color: var(--forge-secondary);\n transform: translateY(-2px);\n box-shadow: 0 6px 18px color-mix(in srgb, var(--forge-primary) 28%, transparent);\n }\n\n .kasel-rocks-contact__form-col {\n padding: clamp(2rem, 3vw, 3rem) 0;\n }\n\n @container (min-width: 768px) {\n .kasel-rocks-contact__form-col {\n padding-left: clamp(2rem, 3vw, 3rem);\n }\n }\n\n .kasel-rocks-contact__form-label {\n display: block;\n font-family: var(--forge-font-label);\n font-size: clamp(9px, 0.82vw, 11px);\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--forge-primary);\n margin-bottom: 1.2rem;\n }\n\n .kasel-rocks-contact__map-section {\n position: relative;\n width: 100%;\n border-top: 1px solid color-mix(in srgb, var(--forge-text) 12%, transparent);\n }\n\n .kasel-rocks-contact__animate {\n opacity: 0;\n transform: translateY(26px);\n transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .kasel-rocks-contact--visible .kasel-rocks-contact__animate {\n opacity: 1;\n transform: translateY(0);\n }\n\n .kasel-rocks-contact__animate--d1 { transition-delay: 0.06s; }\n .kasel-rocks-contact__animate--d2 { transition-delay: 0.16s; }\n .kasel-rocks-contact__animate--d3 { transition-delay: 0.26s; }\n .kasel-rocks-contact__animate--d4 { transition-delay: 0.38s; }\n\n .kasel-rocks-contact[data-variant='primary'] .kasel-rocks-contact__kicker,\n .kasel-rocks-contact[data-variant='primary'] .kasel-rocks-contact__info-label,\n .kasel-rocks-contact[data-variant='primary'] .kasel-rocks-contact__form-label {\n color: var(--forge-primary);\n }\n\n .kasel-rocks-contact[data-variant='tertiary'] .kasel-rocks-contact__kicker,\n .kasel-rocks-contact[data-variant='tertiary'] .kasel-rocks-contact__info-label,\n .kasel-rocks-contact[data-variant='tertiary'] .kasel-rocks-contact__form-label {\n color: var(--forge-tertiary);\n }\n\n .kasel-rocks-contact[data-variant='secondary'] .kasel-rocks-contact__kicker,\n .kasel-rocks-contact[data-variant='secondary'] .kasel-rocks-contact__info-label,\n .kasel-rocks-contact[data-variant='secondary'] .kasel-rocks-contact__form-label {\n color: var(--forge-tertiary);\n }\n `), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__deco-bg\",\n \"aria-hidden\": \"true\"\n }, \"KR\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__grain\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__glow-1\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__glow-2\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/React.createElement(\"svg\", {\n className: \"kasel-rocks-contact__deco-svg\",\n viewBox: \"0 0 60 160\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n \"aria-hidden\": \"true\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 160V20\",\n stroke: \"currentColor\",\n strokeWidth: \"1.5\",\n strokeLinecap: \"round\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 100C45 90 55 70 40 55\",\n stroke: \"currentColor\",\n strokeWidth: \"1\",\n strokeLinecap: \"round\",\n opacity: \"0.55\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 120C15 110 5 90 20 75\",\n stroke: \"currentColor\",\n strokeWidth: \"1\",\n strokeLinecap: \"round\",\n opacity: \"0.55\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 78C40 70 48 58 38 46\",\n stroke: \"currentColor\",\n strokeWidth: \"0.7\",\n strokeLinecap: \"round\",\n opacity: \"0.35\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n cx: \"30\",\n cy: \"14\",\n r: \"2.5\",\n fill: \"currentColor\",\n opacity: \"0.22\"\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__inner\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `kasel-rocks-contact__header kasel-rocks-contact__animate kasel-rocks-contact__animate--d1`\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__kicker\"\n }, \"Get in Touch\"), /*#__PURE__*/React.createElement(\"h2\", {\n className: \"kasel-rocks-contact__title\"\n }, title), /*#__PURE__*/React.createElement(\"p\", {\n className: \"kasel-rocks-contact__subtitle\"\n }, subtitle)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__grid\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__info-col kasel-rocks-contact__animate kasel-rocks-contact__animate--d2\"\n }, showPhone && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__info-section\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__info-label\"\n }, \"Phone\"), /*#__PURE__*/React.createElement(\"a\", {\n href: `tel:${phone.replace(/[^0-9+]/g, '')}`,\n className: \"kasel-rocks-contact__info-value\"\n }, phone)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__info-section\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__info-label\"\n }, \"Email\"), /*#__PURE__*/React.createElement(\"a\", {\n href: `mailto:${email}`,\n className: \"kasel-rocks-contact__info-value\"\n }, email)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__info-section\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__info-label\"\n }, \"Location\"), /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__info-value\"\n }, address), /*#__PURE__*/React.createElement(\"a\", {\n href: directionsUrl,\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n className: `kasel-rocks-contact__directions-link forge-btn-fx--${buttonEffect}`\n }, \"Get Directions\", /*#__PURE__*/React.createElement(\"svg\", {\n width: \"11\",\n height: \"11\",\n viewBox: \"0 0 12 12\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"1.5\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"aria-hidden\": \"true\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.5 9.5L9.5 2.5M9.5 2.5H4M9.5 2.5V8\"\n })))), showHours && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__info-section\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__info-label\"\n }, \"Business Hours\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__hours-list\"\n }, hours.map((h, i) => /*#__PURE__*/React.createElement(\"div\", {\n key: i,\n className: \"kasel-rocks-contact__hours-row\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__hours-day\"\n }, h.day), /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__hours-time\"\n }, h.time))))), showSocial && socialLinks.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__info-section\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__info-label\"\n }, \"Follow Us\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__social-row\"\n }, socialLinks.map((s, i) => /*#__PURE__*/React.createElement(\"a\", {\n key: i,\n href: s.url,\n className: \"kasel-rocks-contact__social-link\",\n \"aria-label\": s.platform,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/React.createElement(Icon, {\n name: s.icon,\n size: 17\n })))))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__form-col kasel-rocks-contact__animate kasel-rocks-contact__animate--d3\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"kasel-rocks-contact__form-label\"\n }, formLabel), /*#__PURE__*/React.createElement(\"div\", {\n \"data-forge-form\": true,\n style: {\n width: '100%',\n minHeight: 400,\n padding: 'clamp(1.5rem, 3vw, 2.5rem)',\n borderRadius: 'var(--forge-radius)',\n background: 'var(--forge-bg)',\n border: '1px solid color-mix(in srgb, var(--forge-text) 9%, transparent)',\n boxShadow: '0 24px 56px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.03)'\n }\n })))), showMap && /*#__PURE__*/React.createElement(\"div\", {\n className: \"kasel-rocks-contact__map-section kasel-rocks-contact__animate kasel-rocks-contact__animate--d4\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n \"data-forge-map\": true,\n style: {\n height: mapHeight,\n borderRadius: 0,\n background: 'var(--forge-neutral)',\n overflow: 'hidden'\n }\n })));\n};\nKaselRocksContact2;",24,[695,698,700],{"_641":696,"_644":697,"_647":697},"#","Facebook",{"_641":696,"_644":699,"_647":699},"Instagram",{"_644":701,"_641":696,"_647":702},"LinkedIn","Linkedin","kasel-rocks-contact-contact-2","1247 Commerce Blvd, Suite 200\nOakdale, MN 55128",[706,709,711],{"_630":707,"_170":708},"7:00 AM – 5:00 PM","Monday – Friday",{"_170":183,"_630":710},"8:00 AM – 12:00 PM",{"_170":186,"_630":712},"Closed","https://maps.google.com","info@kaselrocks.com","function Icon({ name, size = 24 }) {\n if (typeof window !== 'undefined' && window.__forgeRenderIcon)\n return window.__forgeRenderIcon(name, size);\n return (\n \n );\n}\n\nconst KaselRocksContact2 = ({\n title = \"Let's Build Something Reliable.\",\n subtitle = \"Whether you manage a commercial property, a sprawling campus, or a facility that demands consistent year-round outdoor maintenance — Kasel Rocks is built to be your partner. Tell us about your property and what you need, and we'll respond within one business day.\",\n phone = \"(651) 482-7100\",\n email = \"info@kaselrocks.com\",\n address = \"1247 Commerce Blvd, Suite 200\\nOakdale, MN 55128\",\n directionsUrl = \"https://maps.google.com\",\n hours = [\n { day: \"Monday – Friday\", time: \"7:00 AM – 5:00 PM\" },\n { day: \"Saturday\", time: \"8:00 AM – 12:00 PM\" },\n { day: \"Sunday\", time: \"Closed\" }\n ],\n socialLinks = [\n { platform: \"Facebook\", url: \"#\", icon: \"Facebook\" },\n { platform: \"Instagram\", url: \"#\", icon: \"Instagram\" },\n { platform: \"LinkedIn\", url: \"#\", icon: \"Linkedin\" }\n ],\n formLabel = \"Send Us a Message\",\n showMap = true,\n showHours = true,\n showSocial = true,\n showPhone = true,\n colorVariant = \"neutral\",\n buttonEffect = \"lift\",\n formId = \"\",\n mapHeight = 400,\n}) => {\n const sectionRef = React.useRef(null);\n const [isVisible, setIsVisible] = React.useState(false);\n\n React.useEffect(() => {\n const el = sectionRef.current;\n if (!el) return;\n const observer = new IntersectionObserver(\n ([entry]) => { if (entry.isIntersecting) { setIsVisible(true); observer.disconnect(); } },\n { threshold: 0.08 }\n );\n observer.observe(el);\n return () => observer.disconnect();\n }, []);\n\n return (\n \n \n\n \n

\n\n \n\n

\n Get in Touch\n

{title}

{subtitle}

\n\n

\n {showPhone && (\n

\n Phone\n \n {phone}\n \n

\n )}\n\n

\n Email\n \n {email}\n \n

\n\n

\n Location\n {address}\n \n Get Directions\n \n \n

\n\n {showHours && (\n

\n Business Hours\n

\n {hours.map((h, i) => (\n

\n {h.day}\n {h.time}\n

\n ))}\n

\n )}\n\n {showSocial && socialLinks.length > 0 && (\n

\n Follow Us\n

\n {socialLinks.map((s, i) => (\n \n \n \n ))}\n

\n )}\n

\n\n

\n {formLabel}\n

\n\n {showMap && (\n

\n )}\n \n );\n};\n\nexport default KaselRocksContact2;","Let’s Build Something Reliable.","Whether you manage a commercial property, a sprawling campus, or a facility that demands consistent year-round outdoor maintenance — Kasel Rocks is built to be your partner. Tell us about your property and what you need, and we’ll respond within one business day.",{"_560":561,"_558":559,"_77":719,"_571":572,"_60":720,"_438":447,"_556":557},{"_82":564,"_88":563,"_81":565,"_512":564},{"_64":568,"_254":567,"_569":570},"updatedAt",["D",1781653864794],"blockCss",[725],"/assets/TemplateContrast-joLSxxbh.css","actionData","errors"]