marcogll/join_landing_vanity
1
0
Fork 0
mirror of https://github.com/marcogll/join_landing_vanity.git synced 2026-01-13 13:25:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit: Landing page for partners

Browse Source
This commit is contained in:
Marco Gallegos
2025-10-29 11:42:44 -06:00
parent 3905b021f3
commit d80c40710a
51 changed files with 6936 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
assets/img/carousel/resultados.webp Normal file
View File

@@ -0,0 +1,111 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" fill="none">
<defs>
<linearGradient id="resultsBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#fdf7fd;stop-opacity:1" />
<stop offset="100%" style="stop-color:#f5e6f5;stop-opacity:1" />
</linearGradient>
<linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ffd700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ffed4a;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background -->
<rect width="600" height="400" fill="url(#resultsBg)"/>
<!-- Showcase of beautiful work results -->
<!-- Perfect nail art -->
<g transform="translate(80,80)">
<rect x="0" y="0" width="120" height="100" rx="10" fill="#ffffff" stroke="#e5e5e5" stroke-width="2"/>
<text x="60" y="20" text-anchor="middle" fill="#4D3F3C" font-size="10" font-weight="bold">Nail Art</text>
<!-- Nails representation -->
<ellipse cx="30" cy="50" rx="8" ry="12" fill="#ffb6c1"/>
<ellipse cx="30" cy="50" rx="6" ry="10" fill="#A39660" opacity="0.3"/>
<ellipse cx="50" cy="50" rx="8" ry="12" fill="#ffb6c1"/>
<ellipse cx="50" cy="50" rx="6" ry="10" fill="#A39660" opacity="0.3"/>
<ellipse cx="70" cy="50" rx="8" ry="12" fill="#ffb6c1"/>
<ellipse cx="70" cy="50" rx="6" ry="10" fill="#A39660" opacity="0.3"/>
<ellipse cx="90" cy="50" rx="8" ry="12" fill="#ffb6c1"/>
<ellipse cx="90" cy="50" rx="6" ry="10" fill="#A39660" opacity="0.3"/>
<!-- Decorative details -->
<circle cx="30" cy="50" r="2" fill="#ffd700"/>
<circle cx="70" cy="50" r="2" fill="#ffd700"/>
<text x="60" y="85" text-anchor="middle" fill="#A39660" font-size="8">Perfección</text>
</g>
<!-- Beautiful lashes -->
<g transform="translate(250,80)">
<rect x="0" y="0" width="120" height="100" rx="10" fill="#ffffff" stroke="#e5e5e5" stroke-width="2"/>
<text x="60" y="20" text-anchor="middle" fill="#4D3F3C" font-size="10" font-weight="bold">Extensiones</text>
<!-- Eye with lashes -->
<ellipse cx="60" cy="50" rx="25" ry="15" fill="#f4d1ae"/>
<ellipse cx="60" cy="50" rx="20" ry="12" fill="#ffffff"/>
<circle cx="60" cy="50" r="8" fill="#4D3F3C"/>
<circle cx="62" cy="48" r="2" fill="#ffffff"/>
<!-- Beautiful lashes -->
<path d="M40 45 Q35 35 32 40" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M45 42 Q40 30 38 35" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M50 40 Q48 28 46 32" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M55 40 Q53 28 54 32" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M60 40 Q60 28 62 32" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M65 40 Q67 28 66 32" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M70 42 Q72 30 74 35" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<path d="M75 45 Q77 35 80 40" stroke="#2d2d2d" stroke-width="1" fill="none"/>
<text x="60" y="85" text-anchor="middle" fill="#A39660" font-size="8">Impecable</text>
</g>
<!-- Stunning hair -->
<g transform="translate(400,80)">
<rect x="0" y="0" width="120" height="100" rx="10" fill="#ffffff" stroke="#e5e5e5" stroke-width="2"/>
<text x="60" y="20" text-anchor="middle" fill="#4D3F3C" font-size="10" font-weight="bold">Estilismo</text>
<!-- Styled hair -->
<circle cx="60" cy="45" r="15" fill="#f4d1ae"/>
<path d="M45 35 Q60 20 75 35 Q80 50 75 65 Q60 75 45 65 Q40 50 45 35 Z" fill="#8b4513"/>
<!-- Hair highlights and style -->
<path d="M50 40 Q60 25 70 40" stroke="#deb887" stroke-width="2" fill="none" opacity="0.8"/>
<path d="M52 50 Q62 35 72 50" stroke="#deb887" stroke-width="2" fill="none" opacity="0.6"/>
<text x="60" y="85" text-anchor="middle" fill="#A39660" font-size="8">Espectacular</text>
</g>
<!-- Quality awards/recognition -->
<g transform="translate(150,220)">
<circle cx="50" cy="50" r="40" fill="url(#goldGradient)"/>
<circle cx="50" cy="50" r="30" fill="#ffd700"/>
<path d="M50 25 L55 40 L70 40 L58 50 L63 65 L50 55 L37 65 L42 50 L30 40 L45 40 Z" fill="#ffffff"/>
<text x="50" y="105" text-anchor="middle" fill="#4D3F3C" font-size="12" font-weight="bold">Excelencia</text>
</g>
<g transform="translate(300,220)">
<circle cx="50" cy="50" r="40" fill="url(#goldGradient)"/>
<circle cx="50" cy="50" r="30" fill="#ffd700"/>
<text x="50" y="58" text-anchor="middle" fill="#ffffff" font-size="20" font-weight="bold">100%</text>
<text x="50" y="105" text-anchor="middle" fill="#4D3F3C" font-size="12" font-weight="bold">Satisfacción</text>
</g>
<!-- Client satisfaction representation -->
<g transform="translate(450,220)">
<circle cx="50" cy="50" r="30" fill="#f4d1ae"/>
<circle cx="42" cy="42" r="3" fill="#2d2d2d"/>
<circle cx="58" cy="42" r="3" fill="#2d2d2d"/>
<path d="M35 55 Q50 70 65 55" stroke="#d2691e" stroke-width="3" fill="none"/>
<text x="50" y="105" text-anchor="middle" fill="#4D3F3C" font-size="12" font-weight="bold">Cliente Feliz</text>
</g>
<!-- Bottom description -->
<rect x="50" y="340" width="500" height="50" rx="10" fill="rgba(255,255,255,0.9)"/>
<text x="300" y="360" text-anchor="middle" fill="#4D3F3C" font-size="16" font-weight="bold">Resultados que Nos Enorgullecen</text>
<text x="300" y="378" text-anchor="middle" fill="#A39660" font-size="12">Calidad • Precisión • Satisfacción total</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB