apply animations reveal

This commit is contained in:
Cesar Mendivil 2025-11-04 09:59:06 -07:00
parent 0ea9b47dcd
commit bb3081f843
40 changed files with 717 additions and 58 deletions

27
package-lock.json generated
View File

@ -1755,11 +1755,6 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/animate.css": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
"integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
},
"node_modules/ansi-regex": { "node_modules/ansi-regex": {
"version": "6.2.2", "version": "6.2.2",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
@ -8986,11 +8981,6 @@
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
"integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==" "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="
}, },
"node_modules/tiny-slider": {
"version": "2.9.4",
"resolved": "https://registry.npmjs.org/tiny-slider/-/tiny-slider-2.9.4.tgz",
"integrity": "sha512-LAs2kldWcY+BqCKw4kxd4CMx2RhWrHyEePEsymlOIISTlOVkjfK40sSD7ay73eKXBLg/UkluAZpcfCstimHXew=="
},
"node_modules/to-regex-range": { "node_modules/to-regex-range": {
"version": "5.0.1", "version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@ -9003,11 +8993,6 @@
"node": ">=8.0" "node": ">=8.0"
} }
}, },
"node_modules/tobii": {
"version": "2.0.0-alpha",
"resolved": "https://registry.npmjs.org/tobii/-/tobii-2.0.0-alpha.tgz",
"integrity": "sha512-pPBdmay5bCMO4wW/8JTc2eSsS2ivfHmtCp5ypy/q6B9czL4EcnlRR7G08shwxgB8UGBglTdzT4rxKdJtPXjZCQ=="
},
"node_modules/toggle-selection": { "node_modules/toggle-selection": {
"version": "1.0.6", "version": "1.0.6",
"resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
@ -10069,12 +10054,6 @@
"node": ">= 12.0.0" "node": ">= 12.0.0"
} }
}, },
"node_modules/wow.js": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/wow.js/-/wow.js-1.2.2.tgz",
"integrity": "sha512-YTW9eiZimHCJDWofsiz2507txaPteUiQD461I/D8533AiRAn3+Y68/1LDuQ3OTgPjagGZLPYKrpoSgjzeQrO6A==",
"deprecated": "deprecated in favour of aos (Animate On Scroll)"
},
"node_modules/wrap-ansi": { "node_modules/wrap-ansi": {
"version": "8.1.0", "version": "8.1.0",
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
@ -10403,7 +10382,6 @@
"@heroicons/react": "^2.2.0", "@heroicons/react": "^2.2.0",
"@iconscout/unicons": "^4.0.8", "@iconscout/unicons": "^4.0.8",
"@mdi/font": "^7.4.47", "@mdi/font": "^7.4.47",
"animate.css": "^4.1.1",
"choices.js": "^10.2.0", "choices.js": "^10.2.0",
"feather-icons": "^4.29.1", "feather-icons": "^4.29.1",
"gumshoejs": "^5.1.2", "gumshoejs": "^5.1.2",
@ -10414,10 +10392,7 @@
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-router-dom": "^6.30.1", "react-router-dom": "^6.30.1",
"shufflejs": "^6.1.2", "shufflejs": "^6.1.2",
"swiper": "4.5.0", "swiper": "4.5.0"
"tiny-slider": "^2.9.4",
"tobii": "^2.0.0-alpha",
"wow.js": "^1.2.2"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/forms": "^0.5.4", "@tailwindcss/forms": "^0.5.4",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 636 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -0,0 +1,14 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f59e0b;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d97706;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad4)"/>
<rect x="100" y="60" width="100" height="80" fill="white" opacity="0.9" rx="8"/>
<circle cx="120" cy="80" r="8" fill="#f59e0b"/>
<rect x="110" y="100" width="60" height="4" fill="#f59e0b" rx="2"/>
<rect x="110" y="110" width="40" height="4" fill="#f59e0b" rx="2"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Branding</text>
</svg>

After

Width:  |  Height:  |  Size: 789 B

View File

@ -0,0 +1,14 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad5" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ec4899;stop-opacity:1" />
<stop offset="100%" style="stop-color:#be185d;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad5)"/>
<path d="M110 70 Q150 50 190 70 Q190 100 150 120 Q110 100 110 70" fill="white" opacity="0.9"/>
<circle cx="130" cy="85" r="3" fill="#ec4899"/>
<circle cx="150" cy="80" r="3" fill="#ec4899"/>
<circle cx="170" cy="85" r="3" fill="#ec4899"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Engagement</text>
</svg>

After

Width:  |  Height:  |  Size: 765 B

View File

@ -0,0 +1,14 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#10b981;stop-opacity:1" />
<stop offset="100%" style="stop-color:#047857;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad3)"/>
<circle cx="130" cy="80" r="20" fill="white" opacity="0.9"/>
<circle cx="170" cy="80" r="20" fill="white" opacity="0.9"/>
<circle cx="130" cy="120" r="20" fill="white" opacity="0.9"/>
<circle cx="170" cy="120" r="20" fill="white" opacity="0.9"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Guests</text>
</svg>

After

Width:  |  Height:  |  Size: 768 B

View File

@ -0,0 +1,14 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad6" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4338ca;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad6)"/>
<ellipse cx="150" cy="100" rx="50" ry="30" fill="white" opacity="0.9"/>
<circle cx="130" cy="90" r="8" fill="#6366f1"/>
<circle cx="150" cy="100" r="10" fill="#6366f1"/>
<circle cx="170" cy="90" r="8" fill="#6366f1"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Podcasts</text>
</svg>

After

Width:  |  Height:  |  Size: 742 B

View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" viewBox="0 0 300 200">
<defs>
<linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#3b82f6" />
<stop offset="100%" stop-color="#1d4ed8" />
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#g)" />
<circle cx="150" cy="100" r="40" fill="white" opacity="0.9" />
<circle cx="150" cy="100" r="15" fill="#ef4444" />
<text x="150" y="170" fill="white" font-family="Arial, sans-serif" font-size="16" font-weight="bold" text-anchor="middle">Recording</text>
</svg>

After

Width:  |  Height:  |  Size: 610 B

View File

@ -0,0 +1,12 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1d4ed8;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad1)"/>
<circle cx="150" cy="100" r="40" fill="white" opacity="0.9"/>
<circle cx="150" cy="100" r="15" fill="#ef4444"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Recording</text>
</svg>

After

Width:  |  Height:  |  Size: 633 B

View File

@ -0,0 +1,14 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad7" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#06b6d4;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad7)"/>
<path d="M120 80 L180 80 L180 120 L120 120 Z" fill="white" opacity="0.9" rx="4"/>
<path d="M140 100 L160 90 L160 110 Z" fill="#06b6d4"/>
<circle cx="200" cy="70" r="15" fill="white" opacity="0.7"/>
<path d="M192 70 L208 62 L208 78 Z" fill="#06b6d4"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Repurpose</text>
</svg>

After

Width:  |  Height:  |  Size: 776 B

View File

@ -0,0 +1,14 @@
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#5b21b6;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="200" fill="url(#grad2)"/>
<path d="M120 80 L180 100 L120 120 Z" fill="white" opacity="0.9"/>
<circle cx="200" cy="70" r="8" fill="#10b981"/>
<circle cx="220" cy="70" r="8" fill="#f59e0b"/>
<circle cx="240" cy="70" r="8" fill="#ef4444"/>
<text x="150" y="170" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">Streaming</text>
</svg>

After

Width:  |  Height:  |  Size: 736 B

View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200.4 66.5" style="enable-background:new 0 0 200.4 66.5;" xml:space="preserve">
<style type="text/css">
.amazon-0{fill:#8C98A4;}
</style>
<g>
<path id="arrow_1_" class="amazon-0" d="M120.9,47.6c-12.1,5.1-25.2,7.6-37.1,7.6c-17.7,0-34.8-4.8-48.7-12.9c-1.2-0.7-2.1,0.6-1.1,1.5
c12.8,11.5,29.8,18.5,48.7,18.5c13.4,0,29-4.3,39.8-12.2C124.2,48.8,122.6,46.8,120.9,47.6z"/>
<path id="arrow" class="amazon-0" d="M114.1,43.1c-0.9,0.7-0.7,1.6,0.3,1.5c3.4-0.4,11.2-1.3,12.6,0.5c1.4,1.8-1.5,9-2.8,12.3
c-0.4,1,0.5,1.4,1.3,0.7c5.8-4.8,7.3-15,6-16.4C130.3,40,120.2,38.8,114.1,43.1z"/>
<path id="z" class="amazon-0" d="M135.1,30.8c-3.3-1.9-7.2-2.4-10.8-2.3l9.8-14c0.9-1.2,1.4-2,1.4-2.6V8.3c0-0.7-0.5-1-1.1-1h-18.9
c-0.6,0-1,0.5-1,1v4.2l0,0c0,0.7,0.5,1,1.1,1h9.9l-11.4,16.2c-0.7,1-0.7,2.2-0.7,2.9v4.3c0,0.7,0.7,1.3,1.3,0.9
c6.4-3.4,14.1-3.1,19.9,0c0.7,0.4,1.4-0.4,1.4-0.9v-4.4C136,31.8,135.8,31.3,135.1,30.8z"/>
<path id="m" class="amazon-0" d="M40.1,38.8h5.8c0.7,0,1.1-0.5,1.1-1V22.2c0-3.4-0.2-8.1,4-8.1c4.1,0,3.5,4.8,3.5,8.1v15.6
c0,0.6,0.5,1,1,1h5.8c0.7,0,1.1-0.5,1.1-1V22.2c0-1.7-0.1-4.2,0.6-5.7c0.6-1.5,2-2.4,3.4-2.4c1.7,0,3,0.6,3.3,2.5
c0.3,1.2,0.2,4.3,0.2,5.5v15.6c0,0.6,0.5,1,1,1h5.8c0.7,0,1.1-0.5,1.1-1V19.1c0-3.2,0.4-6.8-1.5-9.2c-1.6-2.2-4.3-3.3-6.6-3.3
c-3.3,0-6.5,1.8-7.9,5.5c-1.6-3.7-3.8-5.5-7.4-5.5c-3.5,0-6.1,1.8-7.5,5.5h-0.1V8.3c0-0.6-0.5-0.9-1-1h-5.3c-0.7,0-1.1,0.5-1.1,1
v29.4C39.1,38.3,39.5,38.7,40.1,38.8z"/>
<path id="o" class="amazon-0" d="M151.7,6.7c-8.3,0-12.9,7.2-12.9,16.3s4.6,16.4,12.9,16.4c8,0,13.1-7.2,13.1-16.1
C164.9,14.1,160.3,6.7,151.7,6.7z M151.7,33.3c-4.5,0-4.5-7.7-4.5-11.3c0-3.6,0.3-9.3,4.5-9.3c1.9,0,3.1,0.8,3.7,2.9
c0.7,2.3,0.8,5.3,0.8,7.8C156.4,27.2,156.2,33.3,151.7,33.3z"/>
<path id="n" class="amazon-0" d="M184.5,6.7c-4,0-6.2,2-7.8,6h-0.1V8.2c-0.1-0.5-0.6-0.8-1-0.8h-5.3c-0.6,0-1,0.5-1.1,0.9v29.4
c0,0.6,0.5,1,1,1h5.7c0.7,0,1.1-0.5,1.1-1V21.9c0-2,0.1-3.8,0.9-5.6c0.7-1.4,2-2.3,3.3-2.3c4,0,3.6,4.7,3.6,7.9v16
c0.1,0.5,0.5,0.9,1,0.9h5.8c0.6,0,1-0.4,1.1-0.9V19.4c0-2.9,0-6.8-1.5-9.1C189.6,7.6,187.1,6.7,184.5,6.7z"/>
<path id="a_1_" class="amazon-0" d="M99.6,18.9c-3.3,0.4-7.6,0.7-10.8,2c-3.6,1.6-6.1,4.7-6.1,9.4c0,6,3.7,8.9,8.6,8.9
c4.1,0,6.3-0.9,9.5-4.2c1,1.5,1.4,2.2,3.3,3.8c0.5,0.2,0.9,0.2,1.4-0.1l0,0c1.1-1,3.3-2.8,4.4-3.8c0.5-0.4,0.4-1,0-1.5
c-1-1.5-2.1-2.6-2.1-5.3v-8.9c0-3.8,0.3-7.3-2.5-9.9c-2.1-2.1-5.9-2.9-8.7-2.9c-5.5,0-11.5,2-12.8,8.7c-0.1,0.7,0.4,1.1,0.8,1.2
L90,17c0.6,0,0.9-0.6,1-1c0.5-2.3,2.4-3.4,4.6-3.4c1.2,0,2.5,0.5,3.3,1.5c0.8,1.2,0.7,2.8,0.7,4.2V18.9L99.6,18.9z M98.4,30.8
c-0.9,1.6-2.3,2.6-4,2.6c-2.2,0-3.5-1.7-3.5-4.2c0-4.9,4.4-5.8,8.6-5.8v1.2C99.6,27,99.6,28.9,98.4,30.8z"/>
<path id="a" class="amazon-0" d="M34.6,33.4c-1-1.5-2.1-2.6-2.1-5.3v-8.9c0-3.8,0.3-7.3-2.5-9.9c-2.2-2.1-5.9-2.9-8.7-2.9
c-5.5,0-11.5,2-12.8,8.7c-0.1,0.7,0.4,1.1,0.8,1.2l5.6,0.6c0.6,0,0.9-0.6,1-1c0.5-2.3,2.4-3.4,4.7-3.4c1.2,0,2.5,0.5,3.3,1.5
c0.8,1.2,0.7,2.8,0.7,4.2v0.7c-3.4,0.4-7.7,0.7-10.9,2c-3.6,1.6-6.1,4.7-6.1,9.4c0,6,3.7,8.9,8.6,8.9c4.1,0,6.3-0.9,9.5-4.2
c1,1.5,1.4,2.2,3.3,3.8c0.5,0.2,0.9,0.2,1.4-0.1l0,0c1.1-1,3.3-2.8,4.4-3.8C35.1,34.5,35,33.9,34.6,33.4z M23.4,30.8
c-0.9,1.6-2.3,2.6-4,2.6c-2.2,0-3.4-1.7-3.4-4.2c0-4.9,4.4-5.8,8.6-5.8v1.2C24.4,27,24.5,28.9,23.4,30.8z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200.4 66.5" style="enable-background:new 0 0 200.4 66.5;" xml:space="preserve">
<style type="text/css">
.google-0{fill:#8c98a4;}
</style>
<g>
<path id="g_1_" class="google-0" d="M51.5,24.4H29v6.6h16c-0.8,9.3-8.6,13.4-15.9,13.4c-9.4,0-17.6-7.4-17.6-17.7
c0-10.1,7.8-17.9,17.6-17.9c7.6,0,12,4.8,12,4.8l4.6-4.8c0,0-6-6.6-16.9-6.6C14.9,2.1,4.2,13.8,4.2,26.5c0,12.4,10.1,24.5,25,24.5
c13.1,0,22.7-8.9,22.7-22.2C51.9,26,51.5,24.4,51.5,24.4L51.5,24.4z"/>
<path id="o_2_" class="google-0" d="M69.8,19.5c-9.2,0-15.8,7.2-15.8,15.6c0,8.6,6.4,15.9,16,15.9c8.7,0,15.7-6.5,15.7-15.7
C85.6,24.9,77.4,19.5,69.8,19.5L69.8,19.5z M69.9,25.8c4.5,0,8.8,3.7,8.8,9.5c0,5.8-4.2,9.5-8.8,9.5c-5,0-8.9-4-8.9-9.6
C60.9,29.8,64.8,25.8,69.9,25.8L69.9,25.8z"/>
<path id="o_1_" class="google-0" d="M104.2,19.5c-9.2,0-15.8,7.2-15.8,15.6c0,8.6,6.4,15.9,16,15.9c8.7,0,15.7-6.5,15.7-15.7
C120,24.9,111.8,19.5,104.2,19.5L104.2,19.5z M104.3,25.8c4.5,0,8.8,3.7,8.8,9.5c0,5.8-4.2,9.5-8.8,9.5c-5,0-8.9-4-8.9-9.6
C95.3,29.8,99.2,25.8,104.3,25.8L104.3,25.8z"/>
<path id="g" class="google-0" d="M137.9,19.6c-8.5,0-15.1,7.4-15.1,15.7c0,9.4,7.7,15.8,14.9,15.8c4.5,0,6.8-1.7,8.7-3.8v3.1
c0,5.4-3.3,8.7-8.3,8.7c-4.8,0-7.2-3.6-8.1-5.6l-6.1,2.5c2.1,4.5,6.4,9.2,14.1,9.2c8.4,0,14.8-5.3,14.8-16.4V20.5h-6.6v2.7
C144.4,21,141.6,19.6,137.9,19.6L137.9,19.6z M138.5,25.8c4.1,0,8.4,3.6,8.4,9.6c0,6.2-4.2,9.5-8.5,9.5c-4.5,0-8.7-3.7-8.7-9.4
C129.8,29.3,134.1,25.8,138.5,25.8L138.5,25.8z"/>
<path id="e" class="google-0" d="M182.4,19.5c-8,0-14.7,6.3-14.7,15.7c0,9.9,7.5,15.8,15.4,15.8c6.6,0,10.8-3.7,13.2-6.9l-5.5-3.7
c-1.4,2.2-3.8,4.3-7.7,4.3c-4.4,0-6.4-2.4-7.7-4.8l21.1-8.8l-1.1-2.6C193.3,23.7,188.6,19.5,182.4,19.5L182.4,19.5z M182.6,25.6
c2.9,0,4.9,1.5,5.9,3.4l-14,5.9C173.7,30.3,178.1,25.6,182.6,25.6L182.6,25.6z"/>
<path id="l" class="google-0" d="M157.7,50.1h6.9V3.7h-6.9V50.1z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200.4 66.5" style="enable-background:new 0 0 200.4 66.5;" xml:space="preserve">
<style type="text/css">
.lenovo-0{fill:#8C98A4;}
</style>
<g>
<path id="n_1_" class="lenovo-0" d="M80.4,21.2c-3.5,0-7.4,1.6-9.8,4.8l0,0l0,0v-4.3h-8.2v30h8.2V34.6c0-3.1,2.4-6.3,6.8-6.3
c3.4,0,6.9,2.4,6.9,6.3v17.1h8.2V33.1C92.6,26.2,87.7,21.2,80.4,21.2z"/>
<polygon id="v" class="lenovo-0" points="151.2,21.7 143.8,42.1 136.3,21.7 126.9,21.7 139.3,51.7 148.3,51.7 160.6,21.7 "/>
<path id="e_1_" class="lenovo-0" d="M55.8,26.1c-2.8-3.2-6.9-4.9-11.9-4.9c-9.1,0-15.9,6.7-15.9,15.5c0,9.1,6.9,15.5,16.8,15.5
c5.6,0,11.3-2.6,14-5.7l-5.2-4c-3.4,2.5-5.4,3.2-8.6,3.2c-2.8,0-5.1-0.9-6.6-2.4l21.1-8.7C59,31.2,57.7,28.3,55.8,26.1z M36.1,37.9
c-0.4-3.1,0.4-5.5,1.7-7.2c1.4-1.9,3.6-3,6.3-3c3,0,5.2,1.7,6.4,4.2L36.1,37.9z"/>
<polygon id="l_1_" class="lenovo-0" points="8.6,12.7 0.2,12.7 0.2,51.7 27.3,51.7 27.3,44.1 8.6,44.1 "/>
<path id="o_4_" class="lenovo-0" d="M175.6,21.2c-9.1,0-16.2,6.8-16.2,15.5c0,8.8,7.1,15.5,16.1,15.5c9.1,0,16.2-6.8,16.2-15.5
C191.6,27.9,184.6,21.2,175.6,21.2z M175.6,45.1c-4.5,0-8.1-3.7-8.1-8.5c0-5,3.3-8.5,7.9-8.5c4.5,0,8.1,3.7,8.1,8.5
C183.5,41.6,180.2,45.1,175.6,45.1z"/>
<path id="o_3_" class="lenovo-0" d="M112.1,21.2c-9.1,0-16.2,6.8-16.2,15.5c0,8.8,7.1,15.5,16.1,15.5c9.1,0,16.2-6.8,16.2-15.5
C128.2,27.9,121.1,21.2,112.1,21.2z M112.1,45.1c-4.5,0-8.1-3.7-8.1-8.5c0-5,3.3-8.5,7.9-8.5c4.5,0,8.1,3.7,8.1,8.5
C120,41.6,116.7,45.1,112.1,45.1z"/>
<polygon id="t" class="lenovo-0" points="191.4,48.1 192.8,48.1 192.8,51.7 193.6,51.7 193.6,48.1 194.9,48.1 194.9,47.4 191.4,47.4
"/>
<polygon id="m_1_" class="lenovo-0" points="199.3,47.4 198,49.4 196.7,47.4 195.8,47.4 195.8,51.7 196.6,51.7 196.6,48.6 198,50.7
198.1,50.7 199.4,48.6 199.4,51.7 200.2,51.7 200.2,47.4 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200.4 66.5" style="enable-background:new 0 0 200.4 66.5;" xml:space="preserve">
<style type="text/css">
.paypal-0{fill:#8C98A4;}
.paypal-1{fill:#909DA5;}
</style>
<g>
<path class="paypal-0" d="M161.8,21.8c-1.6-1.8-4.4-2.8-8.1-2.8h-11.1c-0.8,0-1.4,0.6-1.5,1.3l-4.5,28.4c-0.1,0.6,0.3,1.1,0.9,1.1h5.7
c0.5,0,1-0.4,1.1-0.9l1.3-8c0.1-0.7,0.8-1.3,1.5-1.3h3.5c7.3,0,11.5-3.5,12.6-10.5C163.7,25.9,163.2,23.5,161.8,21.8z M155,29.4
c-0.6,4-3.6,4-6.6,4h-1.7l1.2-7.4c0.1-0.4,0.5-0.8,0.9-0.8h0.8c2,0,3.9,0,4.9,1.1C155,27,155.2,28,155,29.4z"/>
<path class="paypal-0" d="M186.8,29.3h-5.3c-0.5,0-0.8,0.3-0.9,0.8l-0.2,1.5l-0.4-0.5c-1.1-1.7-3.7-2.2-6.3-2.2
c-5.9,0-10.9,4.4-11.8,10.7c-0.5,3.1,0.2,6.1,2,8.1c1.6,1.9,3.9,2.7,6.7,2.7c4.7,0,7.3-3,7.3-3l-0.2,1.5c-0.1,0.6,0.3,1.1,0.9,1.1
h4.8c0.8,0,1.4-0.6,1.5-1.3l2.9-18.1C187.8,29.8,187.4,29.3,186.8,29.3z M179.4,39.6c-0.5,3-2.9,5.1-6,5.1c-1.5,0-2.8-0.5-3.6-1.4
s-1.1-2.3-0.8-3.7c0.5-3,2.9-5.1,5.9-5.1c1.5,0,2.7,0.5,3.5,1.4C179.3,36.8,179.7,38.1,179.4,39.6z"/>
<path class="paypal-0" d="M199.1,19H194c-0.5,0-0.8,0.3-0.9,0.8l-4.5,28.9c-0.1,0.6,0.3,1.1,0.9,1.1h4.6c0.8,0,1.4-0.5,1.5-1.3l4.4-28.4
C200.1,19.5,199.6,19,199.1,19z"/>
<path class="paypal-0" d="M82.9,21.8C81.3,20,78.5,19,74.8,19H63.7c-0.8,0-1.4,0.6-1.5,1.3l-4.5,28.4c-0.1,0.6,0.3,1.1,0.9,1.1h5.3
c0.8,0,1.4-0.5,1.5-1.3l1.2-7.7c0.1-0.7,0.8-1.3,1.5-1.3h3.5c7.3,0,11.5-3.5,12.6-10.5C84.8,25.9,84.3,23.5,82.9,21.8z M76.1,29.4
c-0.6,4-3.6,4-6.6,4h-1.7L69,26c0.1-0.4,0.5-0.8,0.9-0.8h0.8c2,0,3.9,0,4.9,1.1C76.1,27,76.3,28,76.1,29.4z"/>
<path class="paypal-0" d="M107.9,29.3h-5.3c-0.5,0-0.8,0.3-0.9,0.8l-0.2,1.5l-0.4-0.5c-1.1-1.7-3.7-2.2-6.3-2.2
c-5.9,0-10.9,4.4-11.8,10.7c-0.5,3.1,0.2,6.1,2,8.1c1.6,1.9,3.9,2.7,6.7,2.7c4.7,0,7.3-3,7.3-3l-0.2,1.5c-0.1,0.6,0.3,1.1,0.9,1.1
h4.8c0.8,0,1.4-0.6,1.5-1.3l2.9-18.1C108.9,29.8,108.4,29.3,107.9,29.3z M100.5,39.6c-0.5,3-2.9,5.1-6,5.1c-1.5,0-2.8-0.5-3.6-1.4
c-0.8-0.9-1.1-2.3-0.8-3.7c0.5-3,2.9-5.1,5.9-5.1c1.5,0,2.7,0.5,3.5,1.4C100.4,36.8,100.7,38.1,100.5,39.6z"/>
<path class="paypal-0" d="M136.1,29.3h-5.3c-0.5,0-1,0.3-1.3,0.7l-7.3,10.8L119,30.4c-0.2-0.7-0.8-1.1-1.5-1.1h-5.2
c-0.6,0-1.1,0.6-0.9,1.2l5.9,17.2l-5.5,7.8c-0.4,0.6,0,1.5,0.8,1.5h5.3c0.5,0,1-0.2,1.3-0.7l17.7-25.6
C137.3,30.1,136.8,29.3,136.1,29.3z"/>
<path class="paypal-1" d="M39.5,22.2c-0.6-0.7-1.3-1.2-2.2-1.7l0,0c0,0.3-0.1,0.6-0.2,0.9C37,21.7,37,22,36.9,22.2
c-1.9,8.5-7.3,12.1-14.3,12.9c-0.5,0.1-0.9,0.1-1.4,0.1s-1.1,0-1.6,0h-4.5c-1.1,0-2,0.8-2.1,1.8l-2,12.8l-0.3,1.7L10,55.6
c-0.1,0.7,0.4,1.3,1.1,1.3H19c0.9,0,1.7-0.7,1.9-1.6l0.1-0.4l1.5-9.4l0.1-0.5c0.1-0.9,0.9-1.6,1.9-1.6h1.2
c7.7,0,13.6-3.1,15.4-12.1C41.8,27.5,41.4,24.4,39.5,22.2z"/>
<path class="paypal-0" d="M13,37.1l0.1-0.5l2.5-16c0.1-0.6,0.5-1.2,1.1-1.4c0.3-0.1,0.5-0.2,0.8-0.2h11.9c1.4,0,2.7,0.1,3.9,0.3
c0.3,0.1,0.7,0.1,1,0.2c0.3,0.1,0.6,0.2,0.9,0.2c0.1,0,0.2,0.1,0.3,0.1h0.1c0,0,0,0,0.1,0c0.6,0.2,1.1,0.4,1.6,0.7l0,0
c0.6-3.8,0-6.4-2.1-8.7C33,9.2,28.9,8.1,23.7,8.1H8.5c-1.1,0-2,0.8-2.1,1.8L0,50c-0.1,0.8,0.5,1.5,1.3,1.5h9.4l0.3-1.7L13,37.1z"/>
<path class="paypal-0" d="M37.3,20.5c-0.5-0.3-1-0.5-1.6-0.7c0,0,0,0-0.1,0h-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.3-0.1-0.6-0.2-0.9-0.2
c-0.3-0.1-0.7-0.1-1-0.2c-1.2-0.2-2.5-0.3-3.9-0.3h-12c-0.3,0-0.6,0.1-0.8,0.2c-0.5,0.3-1,0.8-1.1,1.4l-2.5,16v0.5
c0.2-1.1,1.1-1.8,2.1-1.8h4.5c0.5,0,1.1,0,1.6,0s1-0.1,1.4-0.1c7-0.8,12.4-4.4,14.4-12.8c0.1-0.3,0.1-0.5,0.2-0.8
C37.2,21.1,37.3,20.8,37.3,20.5L37.3,20.5z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,36 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200.4 66.5" style="enable-background:new 0 0 200.4 66.5;" xml:space="preserve">
<style type="text/css">
.shopify-0{fill:#8C98A4;}
.shopify-1{fill:#FFFFFF;}
</style>
<g>
<path class="shopify-0" d="M43.6,15.3c0-0.3-0.3-0.4-0.5-0.5c-0.2,0-4.5-0.3-4.5-0.3s-3-3-3.3-3.3s-1-0.2-1.2-0.2c0,0-0.7,0.2-1.7,0.5
c-1-2.9-2.7-5.5-5.8-5.5h-0.2c-0.9-1.1-2-1.7-2.9-1.7c-7.2,0-10.6,9-11.7,13.6c-2.8,0.9-4.8,1.5-5,1.5c-1.5,0.5-1.6,0.5-1.8,2
C4.8,22.4,0.8,54,0.8,54l31.7,5.9l17.2-3.6C49.7,56.3,43.7,15.6,43.6,15.3z M30.7,12.1c-0.8,0.3-1.7,0.5-2.7,0.8v-0.6
c0-1.8-0.3-3.2-0.7-4.3C29,8.1,30.1,10,30.7,12.1z M25.5,8.4c0.4,1.1,0.7,2.7,0.7,4.8v0.3c-1.7,0.5-3.6,1.1-5.5,1.7
C21.7,11.1,23.7,9.1,25.5,8.4z M23.3,6.4c0.3,0,0.6,0.1,0.9,0.3c-2.3,1.1-4.8,3.8-5.8,9.3c-1.5,0.5-3,0.9-4.4,1.3
C15.3,13.1,18.2,6.4,23.3,6.4z"/>
<path class="shopify-0" d="M43.1,14.8c-0.2,0-4.5-0.3-4.5-0.3s-3-3-3.3-3.3C35.2,11.1,35,11,34.8,11L32.4,60l17.3-3.7
c0,0-6-40.8-6.1-41.1C43.6,14.9,43.3,14.8,43.1,14.8z"/>
<path class="shopify-1" d="M26.7,24.3l-2.1,6.3c0,0-1.9-1-4.1-1c-3.3,0-3.5,2.1-3.5,2.6c0,2.9,7.5,4,7.5,10.7c0,5.3-3.4,8.7-7.9,8.7
c-5.4,0-8.2-3.4-8.2-3.4l1.4-4.8c0,0,2.9,2.5,5.3,2.5c1.6,0,2.2-1.2,2.2-2.2c0-3.8-6.2-3.9-6.2-10.1c0-5.2,3.7-10.2,11.3-10.2
C25.3,23.4,26.7,24.3,26.7,24.3z"/>
<path class="shopify-0" d="M69.8,36.1c-1.7-0.9-2.6-1.7-2.6-2.8c0-1.4,1.2-2.3,3.2-2.3c2.2,0,4.2,0.9,4.2,0.9l1.6-4.8
c0,0-1.4-1.1-5.7-1.1c-5.9,0-10,3.4-10,8.1c0,2.7,1.9,4.8,4.5,6.2c2.1,1.2,2.8,2,2.8,3.2c0,1.3-1,2.3-3,2.3c-2.9,0-5.5-1.5-5.5-1.5
l-1.7,4.8c0,0,2.5,1.7,6.7,1.7c6.1,0,10.4-3,10.4-8.4C74.6,39.7,72.4,37.7,69.8,36.1L69.8,36.1z M94,26.1c-3,0-5.3,1.4-7.2,3.6
h-0.1L89.3,16h-6.8l-6.6,34.6h6.8L85,38.8c0.9-4.5,3.2-7.2,5.3-7.2c1.5,0,2.1,1,2.1,2.5c0,0.9-0.1,2.1-0.3,3l-2.6,13.5h6.9l2.7-14
c0.3-1.5,0.5-3.2,0.5-4.4C99.5,28.4,97.5,26.1,94,26.1L94,26.1z M114.8,26.1c-8.1,0-13.5,7.4-13.5,15.5c0,5.3,3.2,9.5,9.3,9.5
c8,0,13.4-7.2,13.4-15.5C124,30.6,121.1,26.1,114.8,26.1L114.8,26.1z M111.5,45.8c-2.3,0-3.3-2-3.3-4.4c0-3.9,2-10.2,5.7-10.2
c2.4,0,3.2,2.1,3.2,4.1C117,39.4,115,45.8,111.5,45.8z M141.3,26.1c-4.6,0-7.2,4-7.2,4H134l0.4-3.6h-6c-0.3,2.5-0.8,6.2-1.4,9
l-4.6,24.7h6.7l1.9-10h0.1c0,0,1.4,0.9,4,0.9c7.9,0,13.1-8.1,13.1-16.4C148.2,30.1,146.2,26.1,141.3,26.1L141.3,26.1z M134.8,45.8
c-1.8,0-2.8-1-2.8-1l1.1-6.3c0.8-4.2,3-7,5.3-7c2.1,0,2.7,1.9,2.7,3.7C141.2,39.7,138.6,45.8,134.8,45.8z M157.9,16.3
c-2.2,0-3.9,1.7-3.9,3.9c0,2,1.3,3.4,3.2,3.4h0.1c2.1,0,3.9-1.4,4-3.9C161.3,17.8,159.9,16.3,157.9,16.3L157.9,16.3z M148.4,50.4
h6.8l4.6-24H153 M177,26.6h-4.7l0.2-1.1c0.4-2.3,1.8-4.4,4-4.4c1.2,0,2.2,0.3,2.2,0.3l1.3-5.3c0,0-1.2-0.6-3.7-0.6
c-2.4,0-4.8,0.7-6.6,2.3c-2.3,2-3.4,4.8-3.9,7.6l-0.2,1.1h-3.2l-1,5.1h3.2L161,50.4h6.8l3.6-18.9h4.7L177,26.6L177,26.6z
M193.2,26.6c0,0-4.2,10.7-6.1,16.5H187c-0.1-1.9-1.7-16.5-1.7-16.5h-7.1l4.1,22c0.1,0.5,0,0.8-0.1,1.1c-0.8,1.5-2.1,3-3.7,4.1
c-1.3,0.9-2.7,1.5-3.8,1.9l1.9,5.7c1.4-0.3,4.2-1.4,6.6-3.7c3.1-2.9,5.9-7.4,8.9-13.4l8.3-17.7L193.2,26.6L193.2,26.6z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200.4 66.5" style="enable-background:new 0 0 200.4 66.5;" xml:space="preserve">
<style type="text/css">
.spotify-0{fill:#8c98a4;}
</style>
<g>
<path class="spotify-0" d="M30,2.8c-16.6,0-30,13.4-30,30s13.4,30,30,30s30-13.4,30-30S46.6,2.8,30,2.8L30,2.8z M43.8,46.1
c-0.5,0.9-1.7,1.2-2.6,0.6c-7-4.3-15.9-5.3-26.4-2.9c-1,0.2-2-0.4-2.2-1.4s0.4-2,1.4-2.2c11.4-2.6,21.2-1.5,29.1,3.3
C44,44,44.3,45.2,43.8,46.1z M47.4,37.9c-0.7,1.1-2.1,1.4-3.2,0.8c-8.1-5-20.4-6.4-29.9-3.5c-1.2,0.4-2.5-0.3-2.9-1.6
c-0.4-1.2,0.3-2.5,1.6-2.9c10.9-3.3,24.4-1.7,33.7,4C47.8,35.4,48.1,36.8,47.4,37.9L47.4,37.9z M47.8,29.4
c-9.7-5.7-25.6-6.3-34.9-3.5c-1.5,0.4-3.1-0.4-3.5-1.9s0.4-3,1.9-3.5c10.6-3.2,28.2-2.6,39.3,4c1.3,0.8,1.8,2.5,1,3.8
C50.8,29.7,49.1,30.2,47.8,29.4L47.8,29.4z M81.6,30.5c-5.2-1.2-6.1-2.1-6.1-3.9c0-1.7,1.6-2.9,4-2.9c2.3,0,4.7,0.9,7.1,2.7
c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2-0.1,0.2-0.1l2.5-3.6c0.1-0.1,0.1-0.3-0.1-0.5c-2.9-2.3-6.1-3.4-9.9-3.4c-5.6,0-9.5,3.4-9.5,8.2
c0,5.1,3.4,7,9.2,8.4c5,1.1,5.8,2.1,5.8,3.8c0,1.9-1.7,3.1-4.4,3.1c-3,0-5.5-1-8.3-3.4c0-0.2-0.1-0.2-0.2-0.2
c-0.1,0-0.2,0.1-0.2,0.1l-2.8,3.4c-0.1,0.1-0.1,0.4,0,0.5c3.2,2.9,7.2,4.4,11.4,4.4c6,0,9.9-3.3,9.9-8.4C90.5,34.4,88,32,81.6,30.5
L81.6,30.5z M104.2,25.4c-2.6,0-4.8,1-6.5,3.1v-2.4c0-0.2-0.2-0.3-0.3-0.3h-4.6c-0.2,0-0.3,0.2-0.3,0.3v26.4c0,0.2,0.2,0.3,0.3,0.3
h4.5c0.2,0,0.3-0.2,0.3-0.3v-8.3c1.8,2,3.9,3,6.5,3c4.9,0,9.8-3.7,9.8-10.9C113.9,29.1,109,25.4,104.2,25.4L104.2,25.4L104.2,25.4z
M108.5,36.3c0,3.6-2.2,6.2-5.4,6.2c-3.2,0-5.6-2.7-5.6-6.2s2.4-6.2,5.6-6.2C106.2,30.1,108.5,32.7,108.5,36.3L108.5,36.3z
M126.5,25.4c-6.3,0-11.1,4.8-11.1,11c0,6.1,4.9,10.8,11.1,10.8c6.3,0,11.2-4.8,11.2-10.9C137.6,30.2,132.7,25.4,126.5,25.4
L126.5,25.4z M126.5,42.5c-3.3,0-5.8-2.7-5.8-6.2c0-3.6,2.4-6.1,5.8-6.1c3.3,0,5.9,2.7,5.9,6.2C132.3,39.9,129.9,42.5,126.5,42.5z
M151,25.8h-5.1v-5.2c0-0.2-0.2-0.3-0.3-0.3H141c-0.2,0-0.3,0.2-0.3,0.3v5.2h-2.4c-0.2,0-0.3,0.2-0.3,0.3v4c0,0.2,0.2,0.3,0.3,0.3
h2.2v10.4c0,4.2,2.1,6.3,6.2,6.3c1.7,0,3-0.3,4.3-1.1c0.1-0.1,0.2-0.2,0.2-0.3v-3.8c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.1-0.3,0
c-0.9,0.4-1.8,0.7-2.7,0.7c-1.5,0-2.2-0.7-2.2-2.2v-9.6h5.1c0.2,0,0.3-0.2,0.3-0.3v-4C151.3,26,151.2,25.8,151,25.8L151,25.8
L151,25.8z M168.8,25.8v-0.6c0-1.9,0.7-2.7,2.3-2.7c1,0,1.7,0.2,2.6,0.5c0.1,0,0.2,0,0.3,0c0.1-0.1,0.1-0.2,0.1-0.3v-3.9
c0-0.1-0.1-0.3-0.2-0.3c-0.9-0.3-2.1-0.6-3.9-0.6c-4.3,0-6.5,2.4-6.5,7v1h-2.2c-0.2,0-0.3,0.2-0.3,0.3v4c0,0.2,0.2,0.3,0.3,0.3h2.2
v15.9c0,0.2,0.2,0.3,0.3,0.3h4.6c0.2,0,0.3-0.2,0.3-0.3V30.5h4.3l6.6,15.9c-0.8,1.7-1.5,2-2.5,2c-0.8,0-1.7-0.2-2.6-0.7
c-0.1,0-0.2-0.1-0.3,0c-0.1,0-0.2,0.1-0.2,0.2l-1.6,3.4c-0.1,0.2,0,0.4,0.1,0.4c1.6,0.9,3.1,1.3,5,1.3c3.4,0,5.3-1.6,7-5.9l8-20.8
c0-0.1,0-0.2,0-0.3c-0.1-0.1-0.2-0.1-0.3-0.1h-4.8c-0.1,0-0.3,0.1-0.3,0.2l-4.9,14.1l-5.4-14.1c-0.1-0.1-0.2-0.2-0.3-0.2
L168.8,25.8L168.8,25.8L168.8,25.8z M158.4,25.8h-4.6c-0.2,0-0.3,0.2-0.3,0.3v20.2c0,0.2,0.2,0.3,0.3,0.3h4.6
c0.2,0,0.3-0.2,0.3-0.3V26.2C158.8,26,158.6,25.8,158.4,25.8L158.4,25.8z M156.2,16.6c-1.8,0-3.3,1.5-3.3,3.3s1.5,3.3,3.3,3.3
s3.3-1.5,3.3-3.3S158,16.6,156.2,16.6z M196.8,32.3c-1.8,0-3.3-1.5-3.3-3.3s1.4-3.3,3.3-3.3s3.3,1.5,3.3,3.3S198.6,32.3,196.8,32.3
z M196.8,26.1c-1.7,0-2.9,1.3-2.9,3c0,1.6,1.3,2.9,2.9,2.9c1.7,0,2.9-1.3,2.9-3C199.7,27.4,198.5,26.1,196.8,26.1z M197.5,29.4
l0.9,1.3h-0.8l-0.8-1.2h-0.7v1.2h-0.7v-3.4h1.5c0.8,0,1.3,0.4,1.3,1.1C198.3,28.9,198,29.2,197.5,29.4L197.5,29.4z M197,27.8h-0.8
v1.1h0.8c0.4,0,0.7-0.2,0.7-0.5C197.6,28,197.4,27.8,197,27.8z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1,27 @@
<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8B5CF6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#A855F7;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="600" height="400" fill="url(#grad4)"/>
<g transform="translate(300, 200)">
<!-- Monitor/Screen -->
<rect x="-100" y="-80" width="200" height="140" rx="8" fill="white" opacity="0.2"/>
<rect x="-90" y="-70" width="180" height="110" fill="white" opacity="0.1"/>
<!-- Logo placeholder -->
<circle cx="-60" cy="-40" r="15" fill="white" opacity="0.3"/>
<!-- Text lines (branding) -->
<rect x="-60" y="0" width="120" height="8" rx="4" fill="white" opacity="0.3"/>
<rect x="-60" y="15" width="80" height="8" rx="4" fill="white" opacity="0.2"/>
<!-- Paint palette -->
<circle cx="70" cy="-30" r="25" fill="white" opacity="0.2"/>
<circle cx="60" cy="-35" r="6" fill="#FF6B6B" opacity="0.8"/>
<circle cx="75" cy="-35" r="6" fill="#4ECDC4" opacity="0.8"/>
<circle cx="68" cy="-25" r="6" fill="#FFE66D" opacity="0.8"/>
</g>
<text x="300" y="350" font-family="system-ui, -apple-system, sans-serif" font-size="20" fill="white" text-anchor="middle" opacity="0.9">
Personalización de Marca
</text>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,21 @@
<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#6366F1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="600" height="400" fill="url(#grad1)"/>
<g transform="translate(300, 200)">
<!-- User icons -->
<circle cx="-60" cy="0" r="30" fill="white" opacity="0.2"/>
<circle cx="0" cy="0" r="30" fill="white" opacity="0.3"/>
<circle cx="60" cy="0" r="30" fill="white" opacity="0.2"/>
<!-- Webcam icon -->
<rect x="-40" y="50" width="80" height="60" rx="8" fill="white" opacity="0.3"/>
<circle cx="0" cy="80" r="15" fill="white" opacity="0.5"/>
</g>
<text x="300" y="350" font-family="system-ui, -apple-system, sans-serif" font-size="20" fill="white" text-anchor="middle" opacity="0.9">
Invitados Remotos
</text>
</svg>

After

Width:  |  Height:  |  Size: 977 B

View File

@ -0,0 +1,27 @@
<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6366F1;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="600" height="400" fill="url(#grad3)"/>
<g transform="translate(300, 200)">
<!-- Central broadcast icon -->
<circle cx="0" cy="0" r="40" fill="white" opacity="0.3"/>
<circle cx="0" cy="0" r="8" fill="white" opacity="0.5"/>
<!-- Arrows to platforms -->
<path d="M 0,-40 L 0,-80 L -10,-70 M 0,-80 L 10,-70" stroke="white" stroke-width="3" fill="none" opacity="0.3"/>
<path d="M 40,0 L 80,0 L 70,-10 M 80,0 L 70,10" stroke="white" stroke-width="3" fill="none" opacity="0.3"/>
<path d="M -40,0 L -80,0 L -70,-10 M -80,0 L -70,10" stroke="white" stroke-width="3" fill="none" opacity="0.3"/>
<path d="M 0,40 L 0,80 L -10,70 M 0,80 L 10,70" stroke="white" stroke-width="3" fill="none" opacity="0.3"/>
<!-- Platform circles -->
<circle cx="0" cy="-100" r="20" fill="white" opacity="0.2"/>
<circle cx="100" cy="0" r="20" fill="white" opacity="0.2"/>
<circle cx="-100" cy="0" r="20" fill="white" opacity="0.2"/>
<circle cx="0" cy="100" r="20" fill="white" opacity="0.2"/>
</g>
<text x="300" y="350" font-family="system-ui, -apple-system, sans-serif" font-size="20" fill="white" text-anchor="middle" opacity="0.9">
Multistreaming
</text>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,25 @@
<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#EC4899;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F43F5E;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="600" height="400" fill="url(#grad2)"/>
<g transform="translate(300, 200)">
<!-- Microphone -->
<rect x="-15" y="-60" width="30" height="80" rx="15" fill="white" opacity="0.3"/>
<rect x="-20" y="30" width="40" height="8" fill="white" opacity="0.3"/>
<rect x="-2" y="38" width="4" height="30" fill="white" opacity="0.3"/>
<!-- Waveform -->
<rect x="-80" y="-10" width="4" height="40" fill="white" opacity="0.2"/>
<rect x="-60" y="-20" width="4" height="60" fill="white" opacity="0.2"/>
<rect x="-40" y="0" width="4" height="20" fill="white" opacity="0.2"/>
<rect x="40" y="-10" width="4" height="40" fill="white" opacity="0.2"/>
<rect x="60" y="-20" width="4" height="60" fill="white" opacity="0.2"/>
<rect x="80" y="0" width="4" height="20" fill="white" opacity="0.2"/>
</g>
<text x="300" y="350" font-family="system-ui, -apple-system, sans-serif" font-size="20" fill="white" text-anchor="middle" opacity="0.9">
Grabación de Calidad Profesional
</text>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -0,0 +1,9 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>

View File

@ -0,0 +1,12 @@
<svg width="121" height="35" viewBox="0 0 121 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.564 30C45.3 30 45.084 29.916 44.916 29.748C44.748 29.58 44.664 29.364 44.664 29.1V5.7C44.664 5.436 44.748 5.22 44.916 5.052C45.084 4.884 45.3 4.8 45.564 4.8H48.84C49.2 4.8 49.464 4.884 49.632 5.052C49.8 5.22 49.908 5.352 49.956 5.448L59.568 20.46V5.7C59.568 5.436 59.652 5.22 59.82 5.052C59.988 4.884 60.192 4.8 60.432 4.8H64.104C64.368 4.8 64.584 4.884 64.752 5.052C64.92 5.22 65.004 5.436 65.004 5.7V29.1C65.004 29.34 64.92 29.556 64.752 29.748C64.584 29.916 64.368 30 64.104 30H60.792C60.432 30 60.168 29.916 60 29.748C59.856 29.556 59.748 29.424 59.676 29.352L50.1 14.808V29.1C50.1 29.364 50.016 29.58 49.848 29.748C49.68 29.916 49.464 30 49.2 30H45.564ZM76.8441 30.36C74.0841 30.36 71.8881 29.592 70.2561 28.056C68.6481 26.52 67.7961 24.288 67.7001 21.36C67.7001 21.168 67.7001 20.916 67.7001 20.604C67.7001 20.268 67.7001 20.004 67.7001 19.812C67.7961 17.964 68.2161 16.38 68.9601 15.06C69.7041 13.716 70.7481 12.696 72.0921 12C73.4361 11.28 75.0081 10.92 76.8081 10.92C78.8241 10.92 80.5041 11.34 81.8481 12.18C83.2161 12.996 84.2361 14.124 84.9081 15.564C85.6041 16.98 85.9521 18.612 85.9521 20.46V21.288C85.9521 21.528 85.8561 21.732 85.6641 21.9C85.4961 22.068 85.2921 22.152 85.0521 22.152H73.2801C73.2801 22.176 73.2801 22.224 73.2801 22.296C73.2801 22.344 73.2801 22.392 73.2801 22.44C73.3041 23.208 73.4481 23.916 73.7121 24.564C74.0001 25.188 74.3961 25.692 74.9001 26.076C75.4281 26.46 76.0521 26.652 76.7721 26.652C77.3721 26.652 77.8641 26.568 78.2481 26.4C78.6321 26.232 78.9441 26.028 79.1841 25.788C79.4481 25.548 79.6401 25.344 79.7601 25.176C79.9761 24.936 80.1441 24.792 80.2641 24.744C80.4081 24.672 80.6241 24.636 80.9121 24.636H84.6561C84.8961 24.636 85.0881 24.708 85.2321 24.852C85.4001 24.972 85.4721 25.152 85.4481 25.392C85.4241 25.776 85.2201 26.256 84.8361 26.832C84.4761 27.384 83.9361 27.936 83.2161 28.488C82.4961 29.016 81.5961 29.46 80.5161 29.82C79.4601 30.18 78.2361 30.36 76.8441 30.36ZM73.2801 18.876H80.3361V18.804C80.3361 17.94 80.1921 17.196 79.9041 16.572C79.6401 15.924 79.2441 15.42 78.7161 15.06C78.1881 14.7 77.5521 14.52 76.8081 14.52C76.0641 14.52 75.4281 14.7 74.9001 15.06C74.3721 15.42 73.9641 15.924 73.6761 16.572C73.4121 17.196 73.2801 17.94 73.2801 18.804V18.876ZM86.7562 30C86.5402 30 86.3482 29.928 86.1802 29.784C86.0362 29.616 85.9642 29.424 85.9642 29.208C85.9642 29.136 85.9762 29.052 86.0002 28.956C86.0482 28.836 86.1082 28.728 86.1802 28.632L92.2642 20.388L86.6842 12.648C86.6122 12.552 86.5522 12.456 86.5042 12.36C86.4802 12.264 86.4682 12.168 86.4682 12.072C86.4682 11.856 86.5402 11.676 86.6842 11.532C86.8522 11.364 87.0442 11.28 87.2602 11.28H91.0042C91.2922 11.28 91.5082 11.352 91.6522 11.496C91.8202 11.64 91.9402 11.772 92.0122 11.892L95.7202 16.932L99.4282 11.928C99.5242 11.808 99.6442 11.676 99.7882 11.532C99.9322 11.364 100.16 11.28 100.472 11.28H104.036C104.252 11.28 104.432 11.364 104.576 11.532C104.744 11.676 104.828 11.856 104.828 12.072C104.828 12.168 104.816 12.264 104.792 12.36C104.768 12.456 104.708 12.552 104.612 12.648L98.9242 20.424L105.08 28.632C105.152 28.728 105.2 28.824 105.224 28.92C105.272 29.016 105.296 29.112 105.296 29.208C105.296 29.424 105.212 29.616 105.044 29.784C104.9 29.928 104.72 30 104.504 30H100.58C100.316 30 100.112 29.94 99.9682 29.82C99.8242 29.676 99.7042 29.544 99.6082 29.424L95.6122 24.096L91.5442 29.424C91.4722 29.52 91.3642 29.64 91.2202 29.784C91.0762 29.928 90.8602 30 90.5722 30H86.7562ZM115.815 30C114.327 30 113.055 29.76 111.999 29.28C110.943 28.776 110.139 28.008 109.587 26.976C109.059 25.944 108.795 24.648 108.795 23.088V15.528H105.987C105.723 15.528 105.507 15.444 105.339 15.276C105.171 15.108 105.087 14.892 105.087 14.628V12.18C105.087 11.916 105.171 11.7 105.339 11.532C105.507 11.364 105.723 11.28 105.987 11.28H108.795V5.34C108.795 5.076 108.879 4.86 109.047 4.692C109.239 4.524 109.455 4.44 109.695 4.44H113.223C113.487 4.44 113.703 4.524 113.871 4.692C114.039 4.86 114.123 5.076 114.123 5.34V11.28H118.623C118.863 11.28 119.067 11.364 119.235 11.532C119.403 11.7 119.487 11.916 119.487 12.18V14.628C119.487 14.892 119.403 15.108 119.235 15.276C119.067 15.444 118.863 15.528 118.623 15.528H114.123V22.656C114.123 23.568 114.279 24.288 114.591 24.816C114.927 25.32 115.503 25.572 116.319 25.572H118.947C119.187 25.572 119.391 25.656 119.559 25.824C119.727 25.992 119.811 26.196 119.811 26.436V29.1C119.811 29.364 119.727 29.58 119.559 29.748C119.391 29.916 119.187 30 118.947 30H115.815Z" fill="#101828"/>
<g clip-path="url(#clip0_15_698)">
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#5C30FD"/>
<path d="M23.7829 18.8542C21.5603 21.0873 19.3313 23.3144 17.096 25.5356C14.1784 28.2933 10.0242 24.2484 12.71 21.2892C13.9815 20.0136 15.2092 18.7223 16.5381 17.5C15.2591 16.2224 14.0615 15.0568 12.8153 13.7833C10.9231 12.0285 12.1461 8.65635 14.7328 8.55723C15.6577 8.47657 16.4616 8.7876 17.1199 9.4459C19.3402 11.6607 21.5578 13.8783 23.7726 16.0986C24.5854 16.9155 24.5936 18.0394 23.7829 18.8542Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_15_698">
<rect width="35" height="35" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -0,0 +1,12 @@
<svg width="121" height="35" viewBox="0 0 121 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.564 30C45.3 30 45.084 29.916 44.916 29.748C44.748 29.58 44.664 29.364 44.664 29.1V5.7C44.664 5.436 44.748 5.22 44.916 5.052C45.084 4.884 45.3 4.8 45.564 4.8H48.84C49.2 4.8 49.464 4.884 49.632 5.052C49.8 5.22 49.908 5.352 49.956 5.448L59.568 20.46V5.7C59.568 5.436 59.652 5.22 59.82 5.052C59.988 4.884 60.192 4.8 60.432 4.8H64.104C64.368 4.8 64.584 4.884 64.752 5.052C64.92 5.22 65.004 5.436 65.004 5.7V29.1C65.004 29.34 64.92 29.556 64.752 29.748C64.584 29.916 64.368 30 64.104 30H60.792C60.432 30 60.168 29.916 60 29.748C59.856 29.556 59.748 29.424 59.676 29.352L50.1 14.808V29.1C50.1 29.364 50.016 29.58 49.848 29.748C49.68 29.916 49.464 30 49.2 30H45.564ZM76.8441 30.36C74.0841 30.36 71.8881 29.592 70.2561 28.056C68.6481 26.52 67.7961 24.288 67.7001 21.36C67.7001 21.168 67.7001 20.916 67.7001 20.604C67.7001 20.268 67.7001 20.004 67.7001 19.812C67.7961 17.964 68.2161 16.38 68.9601 15.06C69.7041 13.716 70.7481 12.696 72.0921 12C73.4361 11.28 75.0081 10.92 76.8081 10.92C78.8241 10.92 80.5041 11.34 81.8481 12.18C83.2161 12.996 84.2361 14.124 84.9081 15.564C85.6041 16.98 85.9521 18.612 85.9521 20.46V21.288C85.9521 21.528 85.8561 21.732 85.6641 21.9C85.4961 22.068 85.2921 22.152 85.0521 22.152H73.2801C73.2801 22.176 73.2801 22.224 73.2801 22.296C73.2801 22.344 73.2801 22.392 73.2801 22.44C73.3041 23.208 73.4481 23.916 73.7121 24.564C74.0001 25.188 74.3961 25.692 74.9001 26.076C75.4281 26.46 76.0521 26.652 76.7721 26.652C77.3721 26.652 77.8641 26.568 78.2481 26.4C78.6321 26.232 78.9441 26.028 79.1841 25.788C79.4481 25.548 79.6401 25.344 79.7601 25.176C79.9761 24.936 80.1441 24.792 80.2641 24.744C80.4081 24.672 80.6241 24.636 80.9121 24.636H84.6561C84.8961 24.636 85.0881 24.708 85.2321 24.852C85.4001 24.972 85.4721 25.152 85.4481 25.392C85.4241 25.776 85.2201 26.256 84.8361 26.832C84.4761 27.384 83.9361 27.936 83.2161 28.488C82.4961 29.016 81.5961 29.46 80.5161 29.82C79.4601 30.18 78.2361 30.36 76.8441 30.36ZM73.2801 18.876H80.3361V18.804C80.3361 17.94 80.1921 17.196 79.9041 16.572C79.6401 15.924 79.2441 15.42 78.7161 15.06C78.1881 14.7 77.5521 14.52 76.8081 14.52C76.0641 14.52 75.4281 14.7 74.9001 15.06C74.3721 15.42 73.9641 15.924 73.6761 16.572C73.4121 17.196 73.2801 17.94 73.2801 18.804V18.876ZM86.7562 30C86.5402 30 86.3482 29.928 86.1802 29.784C86.0362 29.616 85.9642 29.424 85.9642 29.208C85.9642 29.136 85.9762 29.052 86.0002 28.956C86.0482 28.836 86.1082 28.728 86.1802 28.632L92.2642 20.388L86.6842 12.648C86.6122 12.552 86.5522 12.456 86.5042 12.36C86.4802 12.264 86.4682 12.168 86.4682 12.072C86.4682 11.856 86.5402 11.676 86.6842 11.532C86.8522 11.364 87.0442 11.28 87.2602 11.28H91.0042C91.2922 11.28 91.5082 11.352 91.6522 11.496C91.8202 11.64 91.9402 11.772 92.0122 11.892L95.7202 16.932L99.4282 11.928C99.5242 11.808 99.6442 11.676 99.7882 11.532C99.9322 11.364 100.16 11.28 100.472 11.28H104.036C104.252 11.28 104.432 11.364 104.576 11.532C104.744 11.676 104.828 11.856 104.828 12.072C104.828 12.168 104.816 12.264 104.792 12.36C104.768 12.456 104.708 12.552 104.612 12.648L98.9242 20.424L105.08 28.632C105.152 28.728 105.2 28.824 105.224 28.92C105.272 29.016 105.296 29.112 105.296 29.208C105.296 29.424 105.212 29.616 105.044 29.784C104.9 29.928 104.72 30 104.504 30H100.58C100.316 30 100.112 29.94 99.9682 29.82C99.8242 29.676 99.7042 29.544 99.6082 29.424L95.6122 24.096L91.5442 29.424C91.4722 29.52 91.3642 29.64 91.2202 29.784C91.0762 29.928 90.8602 30 90.5722 30H86.7562ZM115.815 30C114.327 30 113.055 29.76 111.999 29.28C110.943 28.776 110.139 28.008 109.587 26.976C109.059 25.944 108.795 24.648 108.795 23.088V15.528H105.987C105.723 15.528 105.507 15.444 105.339 15.276C105.171 15.108 105.087 14.892 105.087 14.628V12.18C105.087 11.916 105.171 11.7 105.339 11.532C105.507 11.364 105.723 11.28 105.987 11.28H108.795V5.34C108.795 5.076 108.879 4.86 109.047 4.692C109.239 4.524 109.455 4.44 109.695 4.44H113.223C113.487 4.44 113.703 4.524 113.871 4.692C114.039 4.86 114.123 5.076 114.123 5.34V11.28H118.623C118.863 11.28 119.067 11.364 119.235 11.532C119.403 11.7 119.487 11.916 119.487 12.18V14.628C119.487 14.892 119.403 15.108 119.235 15.276C119.067 15.444 118.863 15.528 118.623 15.528H114.123V22.656C114.123 23.568 114.279 24.288 114.591 24.816C114.927 25.32 115.503 25.572 116.319 25.572H118.947C119.187 25.572 119.391 25.656 119.559 25.824C119.727 25.992 119.811 26.196 119.811 26.436V29.1C119.811 29.364 119.727 29.58 119.559 29.748C119.391 29.916 119.187 30 118.947 30H115.815Z" fill="white"/>
<g clip-path="url(#clip0_55_727)">
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#5C30FD"/>
<path d="M23.7829 18.8544C21.5603 21.0875 19.3314 23.3146 17.096 25.5358C14.1784 28.2935 10.0242 24.2486 12.7101 21.2894C13.9815 20.0138 15.2093 18.7225 16.5382 17.5002C15.2592 16.2226 14.0615 15.057 12.8153 13.7835C10.9231 12.0287 12.1461 8.65655 14.7328 8.55743C15.6577 8.47677 16.4616 8.7878 17.1199 9.4461C19.3402 11.6609 21.5578 13.8785 23.7727 16.0988C24.5855 16.9157 24.5937 18.0396 23.7829 18.8544Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_55_727">
<rect width="35" height="35" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -0,0 +1,21 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AvanzaCast - Plataforma Profesional de Streaming en Vivo</title>
<meta name="description" content="Transmite en vivo a múltiples plataformas simultáneamente. Streaming profesional con grabación en la nube." />
<!-- Iconos Unicons -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!-- Material Design Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css">
<script type="module" crossorigin src="/assets/index-e5009ee1.js"></script>
<link rel="stylesheet" href="/assets/index-d92d0e55.css">
</head>
<body>
<div id="root"></div>
</body>
</html>

View File

@ -0,0 +1,8 @@
/** Copia reducida de assets/css/main.css del tema Next para usar en el landing **/
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
:root{--body:#fff;--black:#000;--white:#fff;--theme:#5C30FD;--theme-2:#8760FD;--header:#101828;--text:#696969}
body{font-family:"Rubik",sans-serif;background-color:var(--white);color:var(--text)}
.theme-btn{display:inline-block;background:var(--theme);color:var(--white);padding:12px 20px;border-radius:10px}
.hero{padding:6rem 0}
.hero h1{font-size:48px;color:var(--header)}
/* Añade aquí más reglas si hace falta para el landing */

View File

@ -0,0 +1,18 @@
// Copia reducida de assets/js/main.js del tema Next (solo funcionalidades básicas usadas en landing)
document.addEventListener('DOMContentLoaded', function(){
// simple scroll to top button if exists
var scrollBtn = document.querySelector('.scroll-up');
if(scrollBtn){
window.addEventListener('scroll', function(){
if(window.scrollY > 50) scrollBtn.classList.add('active-scroll'); else scrollBtn.classList.remove('active-scroll');
});
scrollBtn.addEventListener('click', function(e){ e.preventDefault(); window.scrollTo({top:0,behavior:'smooth'});});
}
// initialize simple counters
document.querySelectorAll('.count').forEach(function(el){
var val = +el.textContent || 0;
el.textContent = val;
});
});

View File

@ -6,6 +6,7 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite --port 3000", "dev": "vite --port 3000",
"dev:landing": "vite --port 3000",
"build": "vite build", "build": "vite build",
"preview": "vite preview --port 3000", "preview": "vite preview --port 3000",
"typecheck": "tsc --noEmit", "typecheck": "tsc --noEmit",
@ -15,7 +16,6 @@
"@heroicons/react": "^2.2.0", "@heroicons/react": "^2.2.0",
"@iconscout/unicons": "^4.0.8", "@iconscout/unicons": "^4.0.8",
"@mdi/font": "^7.4.47", "@mdi/font": "^7.4.47",
"animate.css": "^4.1.1",
"choices.js": "^10.2.0", "choices.js": "^10.2.0",
"feather-icons": "^4.29.1", "feather-icons": "^4.29.1",
"gumshoejs": "^5.1.2", "gumshoejs": "^5.1.2",
@ -26,10 +26,7 @@
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-router-dom": "^6.30.1", "react-router-dom": "^6.30.1",
"shufflejs": "^6.1.2", "shufflejs": "^6.1.2",
"swiper": "4.5.0", "swiper": "4.5.0"
"tiny-slider": "^2.9.4",
"tobii": "^2.0.0-alpha",
"wow.js": "^1.2.2"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/forms": "^0.5.4", "@tailwindcss/forms": "^0.5.4",

View File

@ -0,0 +1,54 @@
import React from 'react'
import useRevealOnScroll from '../hooks/useRevealOnScroll'
type RevealProps = {
children: React.ReactNode
className?: string
activeClass?: string
threshold?: number
rootMargin?: string
durationMs?: number
distance?: number
delayMs?: number
once?: boolean
}
export function Reveal({
children,
className = '',
activeClass = 'opacity-100 translate-y-0',
threshold = 0.12,
rootMargin = '0px',
durationMs = 700,
distance = 24,
delayMs = 0,
once = true,
}: RevealProps) {
const { ref, isVisible } = useRevealOnScroll({ threshold, rootMargin, once })
const initialStyle: React.CSSProperties = {
opacity: 0,
transform: `translateY(${distance}px)`,
transitionProperty: 'opacity, transform',
transitionTimingFunction: 'cubic-bezier(.2,.8,.2,1)',
transitionDuration: `${durationMs}ms`,
transitionDelay: `${delayMs ?? 0}ms`,
}
const visibleStyle: React.CSSProperties = {
opacity: 1,
transform: 'translateY(0px)',
transitionProperty: 'opacity, transform',
transitionTimingFunction: 'cubic-bezier(.2,.8,.2,1)',
transitionDuration: `${durationMs}ms`,
transitionDelay: `${delayMs ?? 0}ms`,
}
return (
<div ref={ref as any} className={className} style={isVisible ? { ...visibleStyle } : { ...initialStyle }}>
{children}
</div>
)
}
export default Reveal

View File

@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Reveal from './Reveal'
const features = [ const features = [
{ {
@ -65,16 +66,18 @@ export default function StreamingFeatures() {
<div className="grid md:grid-cols-12 grid-cols-1 gap-[30px] mt-8"> <div className="grid md:grid-cols-12 grid-cols-1 gap-[30px] mt-8">
{features.map((feature, index) => ( {features.map((feature, index) => (
<div key={feature.id} className="lg:col-span-4 md:col-span-6"> <div key={feature.id} className="lg:col-span-4 md:col-span-6">
<div className="flex duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900 transition-all"> <Reveal durationMs={600} distance={16} threshold={0.08} delayMs={index * 80}>
<div className="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 dark:text-indigo-400 text-center rounded-full me-3 transition-colors duration-500"> <div className="flex duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900 transition-all">
<span className="text-2xl rotate-45">{feature.icon}</span> <div className="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 dark:text-indigo-400 text-center rounded-full me-3 transition-colors duration-500">
<span className="text-2xl rotate-45">{feature.icon}</span>
</div>
<div className="flex-1">
<h4 className="mb-0 text-lg font-medium text-slate-900 dark:text-white transition-colors duration-500">
{feature.title}
</h4>
</div>
</div> </div>
<div className="flex-1"> </Reveal>
<h4 className="mb-0 text-lg font-medium text-slate-900 dark:text-white transition-colors duration-500">
{feature.title}
</h4>
</div>
</div>
</div> </div>
))} ))}
</div> </div>

View File

@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Reveal from './Reveal'
export default function StreamingHeroSection() { export default function StreamingHeroSection() {
const [email, setEmail] = useState(''); const [email, setEmail] = useState('');
@ -17,19 +18,26 @@ export default function StreamingHeroSection() {
<div className="grid grid-cols-1 text-center"> <div className="grid grid-cols-1 text-center">
{/* Content */} {/* Content */}
<div className="space-y-8"> <div className="space-y-8">
<h4 className="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-slate-900 dark:text-white transition-colors duration-500"> <Reveal durationMs={900} distance={32} threshold={0.06}>
Transmite Multistreaming Profesional <h4 className="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-slate-900 dark:text-white transition-colors duration-500">
</h4> Transmite Multistreaming Profesional
<p className="text-slate-400 dark:text-slate-500 text-lg max-w-xl mx-auto transition-colors duration-500"> </h4>
La plataforma todo-en-uno para creadores de contenido. Transmite a YouTube, Twitch, Facebook y más de 15 plataformas simultáneamente. </Reveal>
</p>
<div className="mt-6"> <Reveal durationMs={900} distance={20} threshold={0.06}>
<a href="/auth/register" className="py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-base text-center bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md transition-all"> <p className="text-slate-400 dark:text-slate-500 text-lg max-w-xl mx-auto transition-colors duration-500">
Comenzar Gratis La plataforma todo-en-uno para creadores de contenido. Transmite a YouTube, Twitch, Facebook y más de 15 plataformas simultáneamente.
</a> </p>
<p className="text-slate-400 dark:text-slate-500 text-sm mt-3 transition-colors duration-500">Sin tarjeta de crédito. Prueba gratis por 14 días</p> </Reveal>
</div>
<Reveal durationMs={800} distance={16} threshold={0.06}>
<div className="mt-6">
<a href="/auth/register" className="py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-base text-center bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md transition-all">
Comenzar Gratis
</a>
<p className="text-slate-400 dark:text-slate-500 text-sm mt-3 transition-colors duration-500">Sin tarjeta de crédito. Prueba gratis por 14 días</p>
</div>
</Reveal>
</div> </div>
{/* Studio Preview Mockup */} {/* Studio Preview Mockup */}

View File

@ -1,4 +1,5 @@
import React, { useEffect, useRef, useState } from 'react' import React, { useEffect, useRef, useState } from 'react'
import Reveal from './Reveal'
interface Testimonial { text: string; author: string } interface Testimonial { text: string; author: string }
@ -77,10 +78,12 @@ export default function TestimonialsSection() {
const itemIndex = index % testimonials.length const itemIndex = index % testimonials.length
return ( return (
<div key={`testimonial-set-${setNumber}-item-${itemIndex}-${testimonial.author}`} className="flex-shrink-0 w-80"> <div key={`testimonial-set-${setNumber}-item-${itemIndex}-${testimonial.author}`} className="flex-shrink-0 w-80">
<div className="bg-gray-50 p-8 rounded-2xl h-full"> <Reveal durationMs={500} distance={12} threshold={0.05}>
<p className="text-gray-700 italic mb-6 leading-relaxed text-sm">&ldquo;{testimonial.text}&rdquo;</p> <div className="bg-gray-50 p-8 rounded-2xl h-full">
<p className="font-semibold text-gray-900">{testimonial.author}</p> <p className="text-gray-700 italic mb-6 leading-relaxed text-sm">&ldquo;{testimonial.text}&rdquo;</p>
</div> <p className="font-semibold text-gray-900">{testimonial.author}</p>
</div>
</Reveal>
</div> </div>
) )
})} })}

View File

@ -0,0 +1,52 @@
import { useEffect, useRef, useState } from 'react'
type Options = {
root?: Element | null
rootMargin?: string
threshold?: number | number[]
once?: boolean
}
export function useRevealOnScroll(options?: Options) {
const ref = useRef<HTMLElement | null>(null)
const [isVisible, setIsVisible] = useState(false)
useEffect(() => {
const node = ref.current
if (!node) return
const obs = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
setIsVisible(true)
// if once is true, unobserve after first intersection
if (options?.once ?? true) {
if (obs && node) obs.unobserve(node)
}
}
})
},
{
root: options?.root ?? null,
rootMargin: options?.rootMargin ?? '0px',
threshold: options?.threshold ?? 0.12,
}
)
obs.observe(node)
return () => {
try {
obs.disconnect()
} catch (e) {
// ignore
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [options?.once, options?.root, options?.rootMargin, options?.threshold])
return { ref, isVisible }
}
export default useRevealOnScroll

View File

@ -0,0 +1,4 @@
declare module 'feather-icons' {
const content: any
export default content
}