import React, { useState } from "react";
const BLUEPRINT_FEATURES = [
{
title: "Systems",
body: "Visible coordination of structure, wiring, and pathway planning.",
},
{
title: "Blueprint Grid",
body: "Soft technical drafting layer reinforces engineered precision.",
},
{
title: "Infrastructure",
body: "A raw, honest view of the built environment before finish.",
},
];
const OFFICE_FEATURES = [
{
title: "Refined Finish",
body: "A brighter, client-facing scene with polished surfaces and calm materials.",
},
{
title: "Open Office",
body: "Furniture, glazing, and layout convey comfort, clarity, and readiness.",
},
{
title: "End Result",
body: "The same project language translated into a modern working environment.",
},
];
const FAIRWAY_LOGO = "data:image/webp;base64,UklGRnq8AABXRUJQVlA4WAoAAAAQAAAAuwIAuwIAQUxQSIFqAAAB/yckSPD/eGtEpO4TlNxIkiRJqmq+WarF/x/snjEVMXmdQUT/QKz7by17o+z85L1Ex66vnbW3rvHLr9RHtba+9VWtPNDx+f7zB2yX3qj/SbptM7dWrlB3MW53nwea/5fzg+S90P95+xfnB8xj4xv0x2TRNldn0fyL1Xw+l6W+vsy6fryr9drPvxqOOUflRkS8MOSEISeWM68Gmbzw+jN7I6G1l/8D/n0Cqx0G6nUlPFAAAABQ6F1hQm1wAAAAwAEAAPpGJAAA/v89WAAAAABWUDggPjAAAPABAJ0BKrwDuwC2JQBOgC0lAAQe0Wqj0mXg9qKnoAD+7m6v7xvWvyR6Uv4n+0fpkmT7Lk8qb8gAA==";
export default function FairwaySplashToggle() {
const [mode, setMode] = useState("blueprint");
const isBlueprint = mode === "blueprint";
const toggleMode = () => {
setMode((current) => (current === "blueprint" ? "office" : "blueprint"));
};
return (
);
}
function ToggleControl({ isBlueprint, leftLabel, rightLabel, onToggle, className = "" }) {
return (
);
}
function SceneCard({ isBlueprint }) {
return (
Infrastructure to finished space
Lighting, controls, and modern environments
{isBlueprint ? "Infrastructure + systems visibility" : "Refined architectural finish"}
{isBlueprint ? ( <> Built from the infrastructure up. ) : ( <> From hidden systems to a finished modern workspace. )}
{isBlueprint ? "Reveal the structure behind performance with a soft blueprint grid, exposed pathways, and engineered clarity that communicates how the environment is actually built." : "Switch to the completed environment to show clients the result: clean surfaces, daylight, comfort, and a polished office atmosphere shaped by thoughtful design."}
{leftLabel}
{rightLabel}
);
}
function BackgroundLayer({ isBlueprint }) {
return (
<>
{isBlueprint ? "Infrastructure View" : "Finished View"}
Lighting Run
Data Path
Power
{items.map((item) => (
))}
);
}
{item.title}
{item.body}