recipe-manager/frontend/public/images/hero-fallback.svg

27 lines
1.2 KiB
XML

<svg width="1600" height="900" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
<title id="title">Recipe hero fallback illustration</title>
<desc id="desc">Soft gradient with simple food-themed shapes used when the hero image is unavailable.</desc>
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#fde68a"/>
<stop offset="55%" stop-color="#fed7aa"/>
<stop offset="100%" stop-color="#bfdbfe"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<g opacity="0.15" fill="#1e293b">
<circle cx="250" cy="180" r="120"/>
<circle cx="1430" cy="710" r="180"/>
<circle cx="1210" cy="180" r="90"/>
</g>
<g fill="#0f172a" opacity="0.65" font-family="Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif" text-anchor="middle">
<text x="800" y="420" font-size="84" font-weight="700">Recipe Manager</text>
<text x="800" y="500" font-size="34" font-weight="500">Fresh meals. Organized beautifully.</text>
</g>
<g font-size="84" text-anchor="middle">
<text x="620" y="640">🥗</text>
<text x="800" y="640">🍲</text>
<text x="980" y="640">🍰</text>
</g>
</svg>