// Pencil-drawn illustrations — refined v2 // Higher fidelity: better proportions, cross-hatching shadows, controlled detail // Each path uses .bp-stroke for draw-on animation const Illus = {}; // ============ COFFEE CUP ============ // Tall classic French café cup on saucer with proper perspective and fine cross-hatching Illus.CoffeeCup = ({ className = "", style = {} }) => ( {/* Steam — three wisps, soft curves */} {/* Cup rim — outer ellipse */} {/* Inner rim shadow */} {/* Coffee surface — subtle ellipse just below rim */} {/* Cup body — slightly tapered */} {/* Handle — elegant curl */} {/* Saucer — large outer ellipse */} {/* Saucer inner ridge */} {/* Saucer well */} {/* Cup body cross-hatching shadow (right side) */} {/* Saucer underside hatching */} {/* Tiny gleam on rim left */} ); // ============ CROISSANT ============ // Classic French croissant with proper crescent curl, layered folds, scoring marks Illus.Croissant = ({ className = "", style = {} }) => ( {/* Outer outline — crescent shape with tapered horns */} {/* Top curl ridges — fold lines that suggest layered dough */} {/* Secondary fold lines — softer */} {/* Belly fold curves — bottom half */} {/* Cross-hatching shadow on underside */} {/* Tiny crumb dots */} ); // ============ BAGUETTE ============ // French baguette — proper elongated form, deep score marks (grignes), crusty texture Illus.Baguette = ({ className = "", style = {} }) => ( {/* Body outline — long oval with slightly pointed ends */} {/* Score marks (grignes) — deep diagonal slashes, the signature of a baguette */} {/* End caps — knotted texture on tips */} {/* Underside cross-hatching shadow */} {/* Tiny crust speckles */} ); // ============ BOULE ============ // Round country bread / pain de campagne — cross-scored top, crusty surface Illus.Boule = ({ className = "", style = {} }) => ( {/* Main dome — slightly squat, like a real boule */} {/* Base ellipse — ground line */} {/* Cross-score (signature scoring on top) */} {/* Top highlight curve */} {/* Side curve — dough fold */} {/* Cross-hatching shadow on lower right */} {/* Crumb texture dots */} {/* Ground hatching beneath */} ); // ============ SANDWICH ============ // Layered sandwich — proper bread shape, lettuce ruffles, tomato slice, cheese, bottom Illus.Sandwich = ({ className = "", style = {} }) => ( {/* Top bread — domed loaf top */} {/* Top bread — sesame seed dots */} {/* Lettuce — ruffled wave */} {/* Tomato slice — round, with seeds */} {/* Seed dots in tomato */} {/* Ham/meat layer — wavy edge */} {/* Cheese — angular protruding triangle on right */} {/* Bottom bread */} {/* Cross-hatching shadow on top bread (right side) */} {/* Cross-hatching shadow on bottom bread */} ); // ============ WHEAT SPRIG ============ // Wheat ear with proper tapered form and individual grain pairs Illus.Wheat = ({ className = "", style = {} }) => ( {/* Stem — gentle curve */} {/* Subtle stem second line */} {/* Stem leaf — small */} {/* Grain pairs — each is a teardrop pair tilted outward */} {/* Bottom-most pair */} {/* Top-most single grain pointing up */} {/* Awns (long hairs at top) — fan out */} ); // ============ CHIPA / PARAGUAYAN BREAD ON PLATE ============ // Plate with three chipa rings — Paraguayan starch bread Illus.Chipa = ({ className = "", style = {} }) => ( {/* Plate — outer rim */} {/* Plate — inner rim */} {/* Plate well */} {/* Chipa 1 — back left, tilted */} {/* Chipa 2 — back right, slightly larger */} {/* Chipa 3 — front center */} {/* Crumb / surface texture dots */} {/* Cross-hatching on chipa right sides (shadow) */} {/* Plate underside hatching */} ); // ============ LEAF / OLIVE BRANCH ============ // Slender branch with paired teardrop leaves — refined botanical Illus.Leaf = ({ className = "", style = {} }) => ( {/* Main stem with gentle curve */} {/* Pair 1 — bottom */} {/* Pair 2 */} {/* Pair 3 */} {/* Pair 4 — top, smaller */} {/* Top bud */} ); // ============ ORNAMENT / DIVIDER ============ // Refined center medallion with side flourishes Illus.Ornament = ({ className = "", style = {} }) => ( {/* Left line */} {/* Right line */} {/* Left flourish — small leaf */} {/* Right flourish — mirrored */} {/* Center diamond medallion */} {/* Tiny end dots */} ); // ============ CAKE SLICE ============ // Tall layered cake slice with cream layers, frosted top, cherry on top Illus.Cake = ({ className = "", style = {} }) => ( {/* Triangular slice top — viewed slightly from above */} {/* Sliced front face — vertical drop showing layers */} {/* Cake layer 1 — top sponge */} {/* Cream layer */} {/* Layer 2 */} {/* Top frosting — wavy edge along front */} {/* Cherry on top */} {/* Cream rosettes on top */} {/* Cross-hatching shadow on right side of slice */} {/* Subtle hatching left-side shadow */} ); // ============ FRAME CORNER (small flourish) ============ Illus.FrameCorner = ({ className = "", style = {} }) => ( ); // ============ BRAND LOGO — vectorized from identity ============ // Circular badge: yellow ring · wheat sprig · BomPain · Café · Bar Illus.Logo = ({ className = "", style = {} }) => ( {/* Background */} {/* Outer yellow ring */} {/* Inner ring subtle */} {/* ===== WHEAT — LEFT STALK ===== */} {/* Outer grains (left of stalk) */} {/* Inner grains (right of stalk) */} {/* Top awn */} {/* ===== WHEAT — RIGHT STALK ===== */} {/* Outer grains (right of stalk) */} {/* Inner grains (left of stalk) */} {/* Top awn */} {/* ===== DECORATIVE LINES — above text ===== */} {/* ===== BOMPAIN TEXT ===== */} BomPain {/* ===== DECORATIVE LINES — below text ===== */} {/* ===== CAFÉ · BAR ===== */} Café · Bar ); window.Illus = Illus;