- Introduced RobotProductCard component for displaying robot details. - Added WhyUs component highlighting key reasons for choosing our robotics solutions. - Implemented CursorSpotlight for enhanced user interaction. - Created GlassPanel for a stylish UI element. - Developed MotionSection for animated section visibility. - Added PremiumButton for versatile button options. - Established data structures for industries and robots, including detailed specifications and use cases. - Included utility functions for retrieving robots by slug and category.
40 lines
2.3 KiB
XML
40 lines
2.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" role="img" aria-label="Pudu BellaBot delivery robot silhouette">
|
|
<defs>
|
|
<radialGradient id="bg" cx="50%" cy="45%" r="60%">
|
|
<stop offset="0%" stop-color="#c4a265" stop-opacity="0.35"/>
|
|
<stop offset="60%" stop-color="#0a0907" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#f5f1e8"/>
|
|
<stop offset="100%" stop-color="#94908a"/>
|
|
</linearGradient>
|
|
<linearGradient id="screen" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#1f1a10"/>
|
|
<stop offset="100%" stop-color="#0a0907"/>
|
|
</linearGradient>
|
|
<linearGradient id="accent" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#e0c896"/>
|
|
<stop offset="100%" stop-color="#8b6f47"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="600" height="600" fill="url(#bg)"/>
|
|
<g transform="translate(300 480)">
|
|
<ellipse cx="0" cy="0" rx="160" ry="14" fill="#000" opacity="0.55"/>
|
|
</g>
|
|
<g transform="translate(300 100)">
|
|
<rect x="-120" y="0" width="240" height="120" rx="36" fill="url(#body)" stroke="#3a2f1c" stroke-width="2"/>
|
|
<rect x="-100" y="20" width="200" height="80" rx="22" fill="url(#screen)"/>
|
|
<circle cx="-44" cy="60" r="14" fill="url(#accent)"/>
|
|
<circle cx="44" cy="60" r="14" fill="url(#accent)"/>
|
|
<path d="M -30 88 Q 0 78 30 88" stroke="url(#accent)" stroke-width="4" fill="none" stroke-linecap="round"/>
|
|
<rect x="-140" y="140" width="280" height="14" rx="6" fill="#5a4a30"/>
|
|
<rect x="-128" y="170" width="256" height="50" rx="12" fill="url(#body)" stroke="#3a2f1c" stroke-width="2"/>
|
|
<rect x="-128" y="240" width="256" height="50" rx="12" fill="url(#body)" stroke="#3a2f1c" stroke-width="2"/>
|
|
<rect x="-128" y="310" width="256" height="50" rx="12" fill="url(#body)" stroke="#3a2f1c" stroke-width="2"/>
|
|
<rect x="-100" y="370" width="200" height="14" rx="6" fill="#3a2f1c"/>
|
|
<circle cx="-72" cy="384" r="20" fill="#0a0907" stroke="#5a4a30" stroke-width="2"/>
|
|
<circle cx="72" cy="384" r="20" fill="#0a0907" stroke="#5a4a30" stroke-width="2"/>
|
|
</g>
|
|
<text x="50%" y="96%" text-anchor="middle" fill="#94908a" font-family="Inter, sans-serif" font-size="20" letter-spacing="6">PUDU BELLABOT</text>
|
|
</svg>
|