/* ARES Technology — sample industry website mockups
*
* Each mock is a distinct mini-website preview for a specific local trade.
* They share BrowserChrome (top bar) and SampleMeta (bottom card meta),
* but each industry body has its own visual identity AND animated logo.
*
* Compliance:
* - All names are clearly illustrative (location + trade), not real CRM clients.
* - No fake testimonials, fake reviews, fake awards, fake certifications.
* - Browser chrome carries a "Sample preview only" badge.
* - Card meta carries "Illustrative sample, not a real client." caption.
*/
function SampleCard({ sample }) {
const mocks = {
plumber: PlumberMock,
roofer: RooferMock,
cleaning: CleaningMock,
painter: PainterMock,
removal: RemovalMock,
electrician: ElectricianMock,
landscaper: LandscaperMock,
builder: BuilderMock,
treesurgeon: TreeSurgeonMock,
};
const Mock = mocks[sample.id];
return (
{Mock ? :
—
}
);
}
/* Shared: mini browser chrome with traffic-light dots + URL + sample badge */
function BrowserChrome({ sample }) {
return (
preview.ares.tech/{sample.id}-sample
Sample preview only
);
}
/* Shared: card meta footer */
function SampleMeta({ sample }) {
return (
{sample.title}
{sample.category}
{sample.copy}
Illustrative sample, not a real client.
{sample.elements.map((el) => (
{el}
))}
);
}
/* ─────────────────────────────────────────────────────────
INDUSTRY LOGOS — each rendered as a tiny animated SVG
───────────────────────────────────────────────────────── */
function PlumberLogo() {
return (
Kingston Plumbing Co.
);
}
function RooferLogo() {
return (
EPSOM ROOFING
);
}
function CleaningLogo() {
return (
{/* Animated bubbles */}
SurbitonClean
);
}
function PainterLogo() {
return (
Sutton & Co.
);
}
function RemovalLogo() {
return (
WIMBLEDON MOVES
);
}
function ElectricianLogo() {
return (
{/* Yellow lightning bolt with pulse */}
VOLT & CO.
);
}
function LandscaperLogo() {
return (
Guildford Gardens
);
}
function BuilderLogo() {
return (
{/* Claw hammer — T-shape: head across the top, handle down the middle */}
WOKING BUILDERS
);
}
function TreeSurgeonLogo() {
return (
RICHMOND TREE CARE
);
}
/* ─────────────────────────────────────────────────────────
1. Plumber — bold dark navy with emergency red CTA
───────────────────────────────────────────────────────── */
function PlumberMock() {
return (
);
}
/* ─────────────────────────────────────────────────────────
6. Electrician — dark navy with electric yellow accents
───────────────────────────────────────────────────────── */
function ElectricianMock() {
return (
{/* Top bar — dark with thin yellow underline */}
VOLT & CO.
NICEIC
{/* Hero panel */}
Domestic · Commercial · Croydon
Power back on. Same day.