// =============================================================
// SCENES — illustrative SVG landscapes (plane · sea · ships · trees · islands)
// Shared palette tuned to the pastel system used in styles.css
// =============================================================
// ---------- Shared atoms ----------
// Detailed commercial airliner silhouette. size scales uniformly.
function Plane({ size = 80, rotation = 0, color = "#2D3B52", shadow = true, className = "" }) {
const w = size, h = size * 0.9;
return (
);
}
// Sailing boat — small, elegant
function Sailboat({ size = 40, tilt = 0, style = {} }) {
return (
);
}
// Pine tree silhouette
function Pine({ size = 40, style = {} }) {
return (
);
}
// Small island with palm / pines — a "badge"
function Island({ w = 220, h = 140, kind = "palm", accent = "#9AD9B4" }) {
return (
);
}
// =============================================================
// HERO SCENE — dawn ocean with distant islands and a passing plane
// =============================================================
function HeroScene() {
return (
{/* animated plane that flies along the arc */}
{/* a single sailboat on the water */}
);
}
// =============================================================
// ABOUT — map of the journey (watercolor map + route + city pins)
// =============================================================
function AboutScene() {
// Not currently used inline — About section keeps its cards simple.
// Left here for reuse if we want a decorative map strip.
return null;
}
// =============================================================
// HELP ILLUSTRATIONS — plane / sailboat / pine grove
// =============================================================
function HelpFlight() {
return (
);
}
function HelpVoyage() {
return (
);
}
function HelpGrove() {
return (
);
}
// Dispatcher for help cards
function HelpIllust({ kind }) {
if (kind === "flight" || kind === "compass") return ;
if (kind === "voyage" || kind === "toolbox") return ;
if (kind === "grove" || kind === "bridge") return ;
return ;
}
// =============================================================
// APPS — island archipelago backdrop
// =============================================================
function AppsScene() {
return (
);
}
// =============================================================
// HOBBIES — wide horizon with distant plane
// =============================================================
function HobbiesScene() {
return (
);
}
// =============================================================
// CONTACT — paper plane SVG that animates on submit
// =============================================================
function PaperPlane({ launching = false }) {
return (