// BUILD THE SUBPAGE APP function SubpageApp() { const data = PAGE_YOUR_CUSTOM_RENOVATION_QUOTE; return React.createElement('div', null, // 1. Global Header React.createElement(Header), // 2. Hero Section React.createElement(SubpageHero, { data: data.hero }), // 3. Full Width Image Break ("Personalized Quotes") data.personalizedSection && React.createElement(FullWidthImageBreak, { data: data.personalizedSection }), // 4. "Renovate with Confidence" Title Block // (We render this manually to bridge the gap between sections) data.introHeading && React.createElement('section', { className: "pt-24 px-6 text-center max-w-4xl mx-auto" }, React.createElement('h2', { className: "font-serif text-4xl md:text-5xl text-lb-black mb-4" }, data.introHeading.title), React.createElement('p', { className: "text-lb-orange font-bold tracking-[0.2em] uppercase text-sm" }, data.introHeading.subtitle) ), // 5. The Photo Gallery (Underneath "Renovate with Confidence") // This utilizes the standard SubpageIntroGallery component data.introGallery && React.createElement(SubpageIntroGallery, { images: data.introGallery }), // 6. The Vertical Steps (Detailed Pricing, Room-by-Room, etc.) React.createElement(StepByStepGuide, { data: data }), // 7. Horizontal Hover Cards ("Why Choose Us") React.createElement(HorizontalProcess, { data: data.horizontalProcess }), // 8. Next Steps Pre-Footer React.createElement(NextStepsCTA, { data: data.nextSteps }), // 9. Footer React.createElement(ContactSection), React.createElement(Footer) ); } // RENDER window.ReactDOM.createRoot(rootDiv).render(React.createElement(SubpageApp)); });