const DS_chrome = window.HomesByJoseSolisDesignSystem_53d05b; function NavBar({ current, onNav, transparent }) { const { Button } = DS_chrome; const [scrolled, setScrolled] = React.useState(false); const [open, setOpen] = React.useState(false); React.useEffect(() => { const el = document.querySelector("[data-scroll-root]") || window; const onScroll = () => { const t = el === window ? window.scrollY : el.scrollTop; setScrolled(t > 12); }; el.addEventListener("scroll", onScroll); onScroll(); return () => el.removeEventListener("scroll", onScroll); }, []); const solid = !transparent || scrolled; const links = [ { id: "home", label: "Home" }, { id: "about", label: "About Jose" }, { id: "testimonials", label: "Reviews" }, { id: "contact", label: "Contact" }, ]; const fg = solid ? "var(--navy-700)" : "#fff"; return (
{open && (
{links.map((l) => ( ))}
)}
); } function ContactCTA({ onNav }) { const { Button } = DS_chrome; return (
Let's talk

Ready to find your place in Florida?

Whether you're buying, selling, or just exploring the market, I'll give you straight answers and a clear plan. No pressure — just guidance.

{[ { icon: "shield", t: "Veteran-owned", s: "15+ years military service" }, { icon: "mapPin", t: "Local expertise", s: "18 Central Florida cities" }, { icon: "award", t: "eXp / La Rosa Realty", s: "Licensed Florida REALTOR®" }, ].map((r) => (
{r.t}
{r.s}
))}
); } function SiteFooter({ onNav }) { return ( ); } Object.assign(window, { NavBar, ContactCTA, SiteFooter, VideoTestimonialCard, VideoLightbox }); function VideoTestimonialCard({ t, onPlay, compact }) { const [hover, setHover] = React.useState(false); return (
onPlay(t)} onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)} style={{ margin: compact ? 0 : "0 0 24px", breakInside: "avoid", cursor: "pointer", background: "var(--surface)", border: "1px solid var(--line)", borderRadius: "var(--radius-lg)", overflow: "hidden", boxShadow: hover ? "var(--shadow-lg)" : "var(--shadow-sm)", transform: hover ? "translateY(-4px)" : "none", transition: "transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)", fontFamily: "var(--font-ui)", display: "inline-block", width: "100%", }} >
{t.src ? (
{t.name.trim()[0]} {t.name} {t.city ? {t.city} : null}
); } function VideoLightbox({ video, onClose }) { React.useEffect(() => { const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [onClose]); if (!video) return null; return (
e.stopPropagation()} style={{ width: "min(900px, 100%)", background: "var(--navy-900)", borderRadius: "var(--radius-lg)", overflow: "hidden", boxShadow: "var(--shadow-xl)" }}>
{video.src ? (
{video.name}
{[video.city, video.type, video.duration].filter(Boolean).join(" · ")}
); }