SPB Git

spb/phi-conseil

Public
917 B · 35 lines tsx
1/** Feuille stylisée au trait, pour le bandeau final. */2export function BotanicalMotif({ className = "" }: { className?: string }) {3  const leaf = (rot: number, len: number, w: number, y: number) => (4    <ellipse5      key={`${rot}-${y}`}6      cx={0}7      cy={-len / 2}8      rx={w}9      ry={len / 2}10      transform={`translate(0 ${y}) rotate(${rot})`}11    />12  );13  return (14    <svg15      className={className}16      viewBox="-80 -10 160 220"17      fill="var(--color-ivory-200)"18      fillOpacity="0.55"19      stroke="var(--color-ivory-200)"20      strokeWidth="1.5"21      aria-hidden="true"22      focusable="false"23    >24      <path d="M0 200 C -8 150, -4 90, 0 10" fill="none" />25      {leaf(-40, 60, 14, 160)}26      {leaf(42, 56, 13, 140)}27      {leaf(-44, 54, 12, 115)}28      {leaf(40, 50, 11, 92)}29      {leaf(-46, 46, 10, 70)}30      {leaf(38, 40, 9, 50)}31      {leaf(-10, 34, 8, 32)}32    </svg>33  );34}35
Files · main
Menu

Theme