/* ============================================================
App — composes the page, owns Tweaks + motion + accent.
============================================================ */
const { useEffect: useEffectApp, useState: useStateApp } = React;
/* ---------- Floating WhatsApp button ----------
Fixed bottom-right, fades in 2s after load so it doesn't compete
with the hero. Tooltip only on hover-capable (desktop) pointers. */
const WHATSAPP_HREF = 'https://wa.me/9779768980410?text=Hi%2C%20I%27m%20interested%20in%20learning%20more%20about%203point';
function WhatsAppFab() {
const [visible, setVisible] = useStateApp(false);
useEffectApp(() => {
const id = setTimeout(() => setVisible(true), 2000);
return () => clearTimeout(id);
}, []);
return (
Chat with us
);
}
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"heroLayout": "editorial",
"accent": "#ff5600",
"motion": true
}/*EDITMODE-END*/;
const HERO_LAYOUTS = ['editorial', 'centered', 'index', 'statement'];
function App() {
const {
useTweaks, TweaksPanel, TweakSection, TweakRadio, TweakColor, TweakToggle,
} = window;
const { MotionCtx, Nav, Hero, HowWeWork, Work, Founder, Services, Faq, Contact, Footer } = window;
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// accent → CSS var
useEffectApp(() => {
document.documentElement.style.setProperty('--accent', t.accent);
}, [t.accent]);
// (re)build Lucide icons after each render
useEffectApp(() => {
if (window.lucide && window.lucide.createIcons) {
window.lucide.createIcons();
}
});
const scrollTo = (id) => {
const el = document.getElementById(id);
if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 64, behavior: 'smooth' });
};
const onContact = () => scrollTo('contact');
const onWork = () => scrollTo('work');
return (
setTweak('heroLayout', v)}
/>
setTweak('accent', v)}
/>
setTweak('motion', v)}
/>
);
}
ReactDOM.createRoot(document.getElementById('root')).render();