import { Link, Outlet, createRootRoute, HeadContent, Scripts, useRouterState } from "@tanstack/react-router"; import { useEffect, type ReactNode } from "react"; import { Phone, CalendarCheck, MessageCircle } from "lucide-react"; import appCss from "../styles.css?url"; import logoMark from "@/assets/wellsprings-logo.png"; import faviconPng from "@/assets/favicon.png?url"; import { initLeadTracking, trackWebsiteCall } from "@/lib/leads/tracking"; import { initHashScroll } from "@/lib/sections"; import { PHONE_DISPLAY, PHONE_TEL } from "@/lib/leads/contact"; import { LeadCta, LeadFormProvider } from "@/components/landing/LeadFormModal"; import { SiteFooter } from "@/components/landing/SiteFooter"; import { isChatLanding, isColourVariant, isThankYouPath, landingFromPath, TOP_SLUG } from "@/lib/landings"; import { loadZohoSalesIq, openZohoChat, unloadZohoSalesIq } from "@/lib/zoho-salesiq"; export { PHONE_DISPLAY, PHONE_TEL } from "@/lib/leads/contact"; const GTM_ID = "GTM-M5JRX5L4"; const GTM_SCRIPT = `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','${GTM_ID}');`; function NotFoundComponent() { return (

404

Page not found.

Back to Wellsprings
); } export const Route = createRootRoute({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1, viewport-fit=cover" }, { name: "author", content: "Wellsprings Academy" }, { property: "og:type", content: "website" }, { name: "twitter:card", content: "summary_large_image" }, ], links: [ { rel: "preconnect", href: "https://fonts.googleapis.com" }, { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }, { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap", }, { rel: "stylesheet", href: appCss }, { rel: "icon", type: "image/png", href: faviconPng }, { rel: "apple-touch-icon", href: faviconPng }, ], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, }); function RootShell({ children }: { children: ReactNode }) { return ( {/* Google Tag Manager */}