/* Park Lane Orthodontics - Back to school children's offer landing page.
Upper sections: header, hero + enquiry form, USP strip, reviews,
photo break, the £1,130 savings package, and the parent-worries block.
Layout/spacing classes are inherited from the signed-off template;
only the copy and brand treatment change. */
(function () {
const { useState, useEffect, useRef } = React;
const { Btn, Stars, useScrolled, useParallax } = window;
const Icon = window.Icon;
/* Shared section header (same markup as the signed-off template) */
const SHead = ({ eyebrow, title, sub, center, onDark }) =>
React.createElement("div", { className: "shead" + (center ? " shead--center" : "") },
eyebrow && React.createElement("span", { className: "eyebrow" + (onDark ? " on-dark" : "") }, eyebrow),
React.createElement("h2", { className: "h2" }, title),
sub && React.createElement("p", { className: "lead" }, sub));
/* Official Google "G" mark - review credibility */
const GoogleG = ({ size = 18 }) => React.createElement("svg", {
viewBox: "0 0 48 48", width: size, height: size, "aria-hidden": "true", style: { flex: "none", display: "block" },
dangerouslySetInnerHTML: { __html:
'' +
'' +
'' +
''
},
});
const PLHeader = ({ cfg }) => {
const scrolled = useScrolled(40);
const nav = [["The offer", "#package"], ["Our specialists", "#specialists"], ["Why us", "#benefits"], ["Treatments", "#treatments"], ["FAQs", "#faq"]];
return React.createElement("header", { className: "site-header header-dark" + (scrolled ? " is-stuck" : "") },
React.createElement("div", { className: "site-header__row" },
React.createElement("a", { className: "brand", href: "#top", "aria-label": cfg.practice },
React.createElement("img", { src: "assets/pl-logo-horizontal.jpg", alt: cfg.practice })),
React.createElement("nav", { className: "site-nav" }, nav.map(([l, h], i) => React.createElement("a", { key: i, href: h }, l))),
React.createElement("div", { className: "site-header__cta" },
React.createElement("a", { className: "header-phone", href: "tel:" + cfg.tel },
React.createElement(Icon, { name: "phone" }), React.createElement("span", null, cfg.phone)),
React.createElement("a", { className: "header-callbtn", href: "tel:" + cfg.tel, "aria-label": "Call us on " + cfg.phone },
React.createElement(Icon, { name: "phone" })),
React.createElement(Btn, { variant: "teal", href: "#book" },
React.createElement("span", { className: "lbl-long" }, "Book their consultation"),
React.createElement("span", { className: "lbl-short" }, "Book")))),
);
};
/* First-touch UTM capture for the form's hidden utm_* fields below.
Cached in sessionStorage so a later page (e.g. after an internal link
click) keeps attributing to the campaign that actually brought the visitor in. */
const UTM_KEYS = ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"];
const UTM_PREFIX = "utm.";
const captureUtmParams = () => {
const params = new URLSearchParams(window.location.search);
UTM_KEYS.forEach((k) => {
const val = params.get(k);
if (val && !sessionStorage.getItem(UTM_PREFIX + k)) sessionStorage.setItem(UTM_PREFIX + k, val);
});
};
const populateUtmFields = (root) => {
UTM_KEYS.forEach((k) => {
const val = sessionStorage.getItem(UTM_PREFIX + k);
if (!val) return;
root.querySelectorAll(`[data-name="${k}"]`).forEach((field) => {
field.value = val;
field.setAttribute("value", val);
});
});
};
/* Real ActiveCampaign CRM form (u=6A67637C841C4, f=31). Static markup only -
the