// hero.jsx — three hero variants with paper planes, clouds, sun bursts
const PaperPlane = ({ size = 60, color = '#1C1C1C', shadow = '#E8674A', style = {} }) => (
);
const Cloud = ({ w = 180, style = {}, opacity = 1 }) => (
);
const SunBurst = ({ size = 280, color = '#E8A830', rayColor = '#1C1C1C', style = {}, half = false }) => {
const rays = [];
const count = 24;
for (let i = 0; i < count; i++) {
const angle = (i / count) * (half ? 180 : 360);
if (half && (angle < 5 || angle > 175)) continue;
rays.push(
);
}
return (
);
};
const DashedPath = ({ style = {}, d, color = '#1C1C1C' }) => (
);
// ─── Variant A: SKYLINE — bright sky, clouds drift, deal pills ───
function HeroSkyline() {
React.useEffect(() => {
const scene = document.querySelector('.hero-scene');
if (!scene) return;
function handleScroll() {
scene.style.transform = `translateY(${window.scrollY * 0.4}px)`;
}
window.addEventListener('scroll', handleScroll, { passive: true });
return () => window.removeEventListener('scroll', handleScroll);
}, []);
return (
<>
{/* Soft sky tint (not a gradient — just a flat band) */}
{/* Sun (top-right corner, only bottom sliver visible) */}
{/* Clouds */}
{/* Floating deal pills */}
✈
SMF → CUN
$298
✈
SMF → OGG
$379
✈
SMF → JFK
$189
{/* Cream overlay — dims scene so text reads clearly */}
Sacramento flight deals,
straight to your inbox.
Real deals from SMF, straight to your inbox. We find them — you book them.
);
}
// ─── Variant B: EDITORIAL — sun-burst centerpiece, big SMF letter, map-like ───
function HeroEditorial() {
React.useEffect(() => {
const scene = document.querySelector('.hero-scene');
if (!scene) return;
function handleScroll() {
scene.style.transform = `translateY(${window.scrollY * 0.4}px)`;
}
window.addEventListener('scroll', handleScroll, { passive: true });
return () => window.removeEventListener('scroll', handleScroll);
}, []);
return (
<>
{/* Large rotating sun burst behind everything */}
{/* Coral half-sun bottom-left */}
{/* Gold half-sun top-right */}
{/* Clouds */}
{/* Paper planes */}
{/* Floating chips */}
✈
SMF → JFK
✈
$189 · nonstop
Save 52% ↗
{/* Cream overlay — dims scene so text reads clearly */}
SMF · Sacramento Int'l
Deals that actually
leave Sacramento.
Real deals from SMF, straight to your inbox. We find them — you book them.
);
}
// ─── Variant C: POSTCARD — single large paper plane with arcing contrail ───
function HeroPostcard() {
React.useEffect(() => {
const scene = document.querySelector('.hero-scene');
if (!scene) return;
function handleScroll() {
scene.style.transform = `translateY(${window.scrollY * 0.4}px)`;
}
window.addEventListener('scroll', handleScroll, { passive: true });
return () => window.removeEventListener('scroll', handleScroll);
}, []);
return (
<>
{/* Gold sun top-right */}
{/* Clouds, calmer arrangement */}
{/* Long arcing dashed contrail */}
{/* One big hero paper plane, slowly drifting */}
✦
New deal alert
{/* Cream overlay — dims scene so text reads clearly */}
Curated · Low noise · SMF
Only the deals
worth booking.
Real deals from SMF, straight to your inbox. We find them — you book them.
);
}
// Expose globally
Object.assign(window, { HeroSkyline, HeroEditorial, HeroPostcard, PaperPlane, Cloud, SunBurst });