// ---------- hero ---------- const { useState: useStateH, useEffect: useEffectH, useRef: useRefH } = React; // --- 3D villa variant: isometric SVG villa floating with palms function IsoVilla() { const ref = useRefH(null); useEffectH(() => { const onMove = (e) => { if (!ref.current) return; const r = ref.current.getBoundingClientRect(); const mx = (e.clientX - r.left - r.width/2) / r.width; const my = (e.clientY - r.top - r.height/2) / r.height; ref.current.style.setProperty("--tx", mx); ref.current.style.setProperty("--ty", my); }; window.addEventListener("mousemove", onMove); return () => window.removeEventListener("mousemove", onMove); }, []); return (
{/* platform shadow */} {/* isometric island tile */} {/* pool */} {/* villa base */} {/* side wall */} {/* front wall */} {/* windows front */} {/* door */} {/* roof */} {/* little palm trees */} {[{x:420, y:260, s:1}, {x:90, y:300, s:0.9}, {x:130, y:210, s:0.75}].map((p, i) => ( ))} {/* floating sun */} {/* compass mark (brand) */}
); } // --- orbit variant: floating abstract geometric objects function OrbitScene() { const ref = useRefH(null); useEffectH(() => { let raf, t = 0; const tick = () => { t += 0.006; if (ref.current) { ref.current.style.setProperty("--t", t); } raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, []); return (
); } function Hero({ audience, heroVariant }) { const owner = audience === "owners"; const useScene = heroVariant === "scene" || heroVariant === "villa"; return (
{useScene && }
Punta Cana · Dominican Republic

{owner ? ( <>Your property,
working for you. ) : ( <>Stays that feel
like a second home. )}

{owner ? "Amano blends AI-driven pricing, reservations, and guest care with a local team on the ground in Punta Cana. Higher occupancy, happier guests, clearer numbers." : "Handpicked villas, condos, and lofts across the Dominican Republic — managed with the kind of quiet care that turns a stay into a story."}

{owner ? "List your property" : "Browse stays"} {owner ? "See the market" : "Find a neighborhood"}
{/* micro-stats under hero */}
{[ { k:"4.94★", v:"avg rating" }, { k:"90%", v:"response rate" }, { k:"300+", v:"stays hosted" }, ].map((s,i) => (
{s.k}
{s.v}
))}
{heroVariant === "orbit" && (
)}
); } // Why Amano — editorial section function WhyAmano({ audience }) { const owner = audience === "owners"; return (
Why Amano

Tech-driven,
human-touched.

Most companies fail to understand how technology and automation can be leveraged to truly enhance the human experience.

At Amano, we harness AI to ensure a superior journey for both property owners and their guests — while maximizing revenue and creating an environment where investors can flourish.

{[ owner ? ["Revenue, compounded", "Dynamic pricing, optimized listings, and tight ops raise every line on your P&L."] : ["A stay, not a checklist", "Thoughtful arrivals, hotel-grade linens, and a local team that actually answers."], owner ? ["Hands-off ownership", "Cleaning, maintenance, support, and communication — handled, with live dashboards."] : ["Every corner, guest-ready", "Smart scheduling means the house is as welcoming on day six as it was at check-in."], owner ? ["Direct payments", "You're added to the rental platform and paid directly. No middle month-end statements."] : ["Lightning-fast answers", "Integrated platforms with automated alerts mean replies in minutes, not hours."], owner ? ["Market-local insight", "Neighborhood-level data — demand, seasonality, comparables — drives every decision."] : ["Local knowledge, baked in", "Restaurants, beaches, logistics — the stuff a good neighbor tells you over coffee."], ].map(([title, body], i) => (
{`0${i+1}`}
{title}
{body}
))}
); } Object.assign(window, { Hero, WhyAmano, IsoVilla, OrbitScene });