import type { ReactNode } from "react";
import type { RoomArt } from "@/lib/data";
type Common = { className?: string };
function wrap(children: ReactNode, className?: string) {
return (
);
}
/* Colour "moods" — NexCart palette: mint, blush, teal accents */
type Tone = { wall: string; wallDeep: string; accent: string; deep: string };
const tones: Record<"warm" | "clay" | "sage", Tone> = {
warm: { wall: "#F6EFE7", wallDeep: "#F1E5D6", accent: "#EE7B70", deep: "#B4574E" },
clay: { wall: "#EAF2EF", wallDeep: "#DFEDE7", accent: "#0F7B7B", deep: "#0C6262" },
sage: { wall: "#FDF3E3", wallDeep: "#F9E9CE", accent: "#F0A04B", deep: "#C77E28" },
};
const INK = "#173231";
const SOFT = "#42605C";
const CREAM = "#FDFEFE";
const PAPER = "#FFFFFF";
/* ------------------------------ Room scenes ------------------------------ */
function Scene({ t, children }: { t: Tone; children: ReactNode }) {
return (
<>
{children}
);
}
function living(t: Tone) {
return (
{/* arched window */}
{/* sun */}
{/* sofa */}
{/* legs */}
{/* floor lamp */}
{/* art */}
{/* plant */}
);
}
function bedroom(t: Tone) {
return (
{/* headboard */}
{/* bed */}
{/* pendant */}
{/* nightstand + vase */}
{/* art */}
);
}
function kitchen(t: Tone) {
return (
{/* hood */}
{/* shelves */}
{/* counter */}
{/* oven */}
{/* stools */}
{/* pot on counter */}
);
}
function bath(t: Tone) {
return (
{/* round mirror */}
{/* vanity */}
{/* tub */}
{/* tiles */}
{/* stool + towels */}
);
}
function dining(t: Tone) {
return (
{/* pendants */}
{/* table */}
{/* vase */}
{/* chairs */}
{/* window */}
);
}
function office(t: Tone) {
return (
{/* window wall */}
{/* shelf */}
{/* desk */}
{/* laptop */}
{/* lamp */}
{/* chair */}
);
}
function cafe(t: Tone) {
return (
{/* bar */}
{/* stools */}
{/* pendants */}
{/* back bar shelves */}
{/* espresso machine */}
);
}
function loft(t: Tone) {
return (
{/* steel window wall */}
{/* plaster curve */}
{/* low sofa */}
{/* pendant */}
{/* surfboard */}
);
}
function studio(t: Tone) {
return (
{/* easel */}
{/* daybed */}
{/* shelf */}
);
}
function terrace(t: Tone) {
return (
{/* arch */}
{/* sun + hills */}
{/* railing */}
{/* plant */}
);
}
const scenes: Record ReactNode> = {
living, bedroom, kitchen, bath, dining, office, cafe, loft, studio, terrace,
};
export function RoomArtwork({
kind,
tone = "warm",
className,
}: {
kind: RoomArt;
tone?: "warm" | "clay" | "sage";
className?: string;
}) {
return wrap(scenes[kind](tones[tone]), className);
}
/* ------------------------------ Service icons ---------------------------- */
function iconWrap(children: ReactNode, className?: string) {
return (
);
}
const icons = {
sofa: (
<>
),
lamp: (
<>
),
palette: (
<>
),
ruler: (
<>
),
key: (
<>
),
plan: (
<>
),
bath: (
<>
),
} as const;
export type ServiceIconName = keyof typeof icons;
export function ServiceIcon({ name, className }: { name: string; className?: string }) {
return iconWrap(icons[name as ServiceIconName] ?? icons.plan, className);
}
/* --------------------------------- Logo ---------------------------------- */
export function LogoMark({ className }: Common) {
return (
);
}