GlobalBank
Lihat contoh asli ↗Prompt lengkap
tersalin
Create a fully responsive, modern hero section for a project management tool using HTML, Tailwind CSS via CDN, and vanilla JavaScript. All code must be in a single `index.html` file. Use the 'Inter' font from Google Fonts. Follow these strict requirements exactly: **1. Background Video Structure** - Set the `<body>` background color to `transparent` (`bg-transparent` or via CSS). - Use a fixed background video container behind everything: `<div class="fixed inset-0 w-full h-full z-[-1] overflow-hidden bg-[#eef1f0]">`. - Inside, place the `<video>` with classes `w-full h-full object-cover` and attributes `autoplay loop muted playsinline`. - Video URL: `https://cdn.sceneai.art/Hero%20Section%20Video/aa476a86-3c53-4229-b946-84f699108e53.mp4` - Do NOT add any extra white shapes, masks, fading gradients, or frames on top of or below the video. It must cleanly fill the background. **2. Navigation Bar** - Layout: Max-width 7xl, mx-auto, px-6 py-6. Fade it in on load. - Top Left Logo: Use the exact Logo 1 SVG code provided below. Assign it classes `h-6 w-auto`. The main shape fill must be `#22c55e`. - Desktop Links: "Home" (text-gray-900), "About Us", "Features", "Pricing" (text-gray-700 hover:text-gray-900). Text size exactly `14px` (`text-[14px]`), `font-normal`. - Right Actions: "Pages" button with a small chevron (`text-gray-500`), and a "Get Started" link. Text size exactly `14px`, `font-normal`. "Get Started" padding should be `px-5 py-2 border border-gray-400 rounded-full text-gray-900 hover:bg-gray-100`. - Mobile Menu Button: A hamburger icon and a hidden close 'X' icon for toggling the mobile menu. **3. Mobile Menu Overlay** - Create a fixed full-screen overlay (`z-40`, `bg-[#eef1f0]/95 backdrop-blur-md`), hidden by default (`hidden flex-col`). - Links inside: Home, About Us, Features, Pricing, Pages (`text-2xl font-medium`). Get Started button (`mt-4 px-8 py-3 border border-gray-400 rounded-full text-lg font-medium hover:bg-gray-200`). - Use JavaScript to toggle this menu, swap the hamburger/close icons, disable body scroll (`overflow: hidden`), and animate the links sliding up step-by-step (`transform translateY(15px)` to `0`, `opacity 0` to `1` with staggered delays). **4. Main Hero Text (Center)** - Container: `pt-16 md:pt-28 pb-12 text-center max-w-4xl mx-auto w-full z-20`. - Headline: "Think Ahead. Move Fast. Exceed Expectations." Font size exactly `46px` (`text-[46px]`), `font-bold leading-[1.1] tracking-tight`. "Think", "Ahead.", "Move", "Fast." are text-[#1a2e24]. "Exceed Expectations." must be on a new line and colored green (`text-[#22c55e]`). Wrap each word in a `<span class="word-group">` for JS animation. - Subheadline: Text size exactly `15px` (`text-[15px]`), `font-normal text-gray-700 max-w-[42rem] mx-auto leading-relaxed`. It MUST break into exactly two lines using a `<br>` tag: - Line 1: "All-in-one project management software built for modern teams. Track progress," - Line 2: "collaborate seamlessly, and hit every deadline with confidence." - Hero CTA Buttons: "Try for Free" (`bg-[#22c55e] hover:bg-[#16a34a] text-white`) and "See Pricing" (`border border-gray-400 text-gray-800 hover:bg-gray-100/50`). Both buttons must have classes: `px-6 py-2.5 rounded-full font-medium text-[14px]`. **5. Bottom Logos** - Container: Use `mt-auto pt-32 pb-8 flex items-end justify-center` to push the logos to the bottom of the screen. Inside, max-width 7xl, flex wrap, justify-between items-center. - Place 5 logos here. Use the exact SVGs provided below (Logos 2 through 6). - Classes for SVGs: `h-5 md:h-6 w-auto text-white opacity-90 hover:opacity-100 transition-opacity`. - The 4th logo should have `hidden md:block`. The 5th logo should have `hidden lg:block`. **6. JavaScript Loading Animations** - Headline: Add a CSS keyframe `fadeUp` animation. Animate `.word-group` spans word-by-word starting at a 0.2s delay, staggering by 0.15s. - Subheadline: Dynamically split the `<p>` text by `<br>` and spaces, wrap each word in a span with Tailwind classes (`opacity-0 translate-y-4 transition-all duration-500`), and animate them very quickly step-by-step using `setTimeout` starting after a 1.0s delay (staggered by 0.04s). --- **ASSETS TO USE EXACTLY AS FORMATTED:** Main Top Left Logo (Logo 1): <svg fill="none" height="24" viewBox="0 0 193 48" class="h-6 w-auto"> <path d="m27.6627 4h-15.3253l-12.3374 12.3373v15.3253l12.3374 12.3374h15.3253l12.3373-12.3374v-15.3253zm-13.2049 27.8554-7.90357-7.9036 7.90357-7.9036c2.988-2.988 7.9037-2.988 10.8916 0l7.9036 7.9036-7.9036 7.9036c-2.9879 2.988-7.8072 2.988-10.8916 0z" fill="#22c55e"/> <g fill="#0a0a0a"> <path clip-rule="evenodd" d="m98.3415 31.405c.812 1.131 2.3205 1.827 4.0025 1.827 4.321 0 6.902-2.987 6.902-7.54s-2.581-7.54-6.844-7.54c-1.827 0-3.2485.696-4.0605 1.769v-7.888h-4.031v20.967h4.031zm6.9315-5.713c0 2.436-1.45 4.06-3.567 4.06-2.1755 0-3.5964-1.624-3.5964-4.06 0-2.465 1.4209-4.089 3.5964-4.089 2.117 0 3.567 1.624 3.567 4.089z" fill-rule="evenodd"/> <path clip-rule="evenodd" d="m116.283 18.152c3.683 0 6.38 2.146 6.38 5.452v9.396h-4.002v-2.03c-.493 1.363-2.117 2.262-4.118 2.262-2.842 0-4.785-1.885-4.785-4.379 0-2.871 2.146-4.611 5.336-4.611h2.465c.725 0 1.102-.464 1.102-1.073 0-1.218-.957-2.059-2.61-2.059-1.769 0-2.668 1.102-2.726 2.32h-3.596c.174-2.929 2.552-5.278 6.554-5.278zm-.725 12.151c1.972 0 3.103-1.45 3.103-3.306v-.203h-2.958c-1.218 0-2.088.754-2.088 1.885 0 .957.812 1.624 1.943 1.624z" fill-rule="evenodd"/> <path d="m124.502 12.033v20.967h4.031v-20.967z"/> <path clip-rule="evenodd" d="m130.965 12.7h8.062c3.683 0 6.438 1.827 6.438 5.22 0 1.914-1.189 3.364-2.378 4.002 1.856.725 3.422 2.349 3.422 5.017 0 3.857-2.958 6.061-7.25 6.061h-8.294zm4.292 7.743h3.451c1.856 0 2.726-.783 2.726-2.146s-.87-2.146-2.813-2.146h-3.364zm0 8.787h3.625c2.407 0 3.48-.87 3.48-2.523s-1.073-2.581-3.48-2.581h-3.625z" fill-rule="evenodd"/> <path clip-rule="evenodd" d="m160.191 23.604c0-3.306-2.697-5.452-6.38-5.452-4.002 0-6.38 2.349-6.554 5.278h3.596c.058-1.218.957-2.32 2.726-2.32 1.653 0 2.61.841 2.61 2.059 0 .609-.377 1.073-1.102 1.073h-2.465c-3.19 0-5.336 1.74-5.336 4.611 0 2.494 1.943 4.379 4.785 4.379 2.001 0 3.625-.899 4.118-2.262v2.03h4.002zm-4.002 3.393c0 1.856-1.131 3.306-3.103 3.306-1.131 0-1.943-.667-1.943-1.624 0-1.131.87-1.885 2.088-1.885h2.958z" fill-rule="evenodd"/> <path d="m161.798 33v-14.37h4.06v1.784c.812-1.421 2.436-2.262 4.437-2.262 3.306 0 5.452 2.378 5.452 5.742v9.106h-4.06v-8.207c0-1.769-1.131-3.045-2.813-3.045-1.769 0-3.016 1.363-3.016 3.248v8.004z"/> <path d="m183.461 26.823 4.147 6.177h4.872l-6.293-8.874 5.58-5.496h-5.105l-4.825 4.742v-11.339h-4.06v20.967h4.06v-4.582z"/> <path clip-rule="evenodd" d="m92.3105 22.5652-4.6451-4.6452h-5.7898l-4.6451 4.6452v5.7897l4.6451 4.6451h5.7898l4.6451-4.6451zm-12.2026 2.8771 2.7638 2.7638c1.0585 1.0243 2.7059 1.0209 3.7256.0011l2.7649-2.7649-2.7649-2.7649c-1.0212-1.0212-2.7032-1.0212-3.7245 0z" fill-rule="evenodd"/> <path d="m71.2017 12.033v20.967h4.031v-20.967z"/> <path d="m50 22.85c0 6.931 4.785 10.382 9.976 10.382 2.61 0 4.756-1.334 5.423-3.335v3.103h3.857v-7.83c0-.7918-.2789-1.5313-.756-2.1067-.5889-.7102-1.4797-1.1703-2.521-1.1703h-5.51v3.277h3.915c.493 0 .812.319.812.812 0 1.885-2.494 3.712-5.017 3.712-3.364 0-6.032-2.639-6.032-6.844s2.668-6.641 6.119-6.641c2.61 0 4.408 1.421 4.727 3.596h4.321c-.261-4.35-3.915-7.337-9.019-7.337-5.365 0-10.295 3.451-10.295 10.382z"/> </g> </svg> Bottom SVG 1 (Logo 2): <svg fill="none" height="20" viewBox="0 0 153 48" class="h-5 md:h-6 w-auto text-white opacity-90 hover:opacity-100 transition-opacity"><path d="m23.4538 34.7189c-3.1818-1.1818-6.4544-1.3636-9.4544-.5455-2.0909.5455-4.09082 1.6364-5.90897 3l-1.27273 1.0909-.36362.3636.81816.7273c.09091 0 .09092.0909.18183.1818.18181.1818.36364.2727.63636.4545l.54542.3636.54545-.4545c.09091-.0909.27273-.2727.45454-.3636 1.63636-1.3636 3.45446-2.2727 5.36356-2.7272 2.4545-.6364 5.0908-.5455 7.7271.4545 2.1818.8182 6.6363 1.8181 11.9998-.4545l.1818-.091.2728-.2727c0-.0909.0909-.0909.1818-.1818.4545-.5454.9091-1.0909 1.2727-1.7272l1.8181-2.8182-2.909 1.6363c-4.2727 2.3636-8.1817 2.8182-12.0907 1.3637z" fill="#ffffff"/><path d="m10.9998 24.9011c2.4545-.6363 5.0908-.5454 7.7272.4546 2.909 1.0909 10.3634 2.6363 18.7269-4.909l1.8182-1.8182-.1819-.4545c-.0909-.3636-.2727-.8182-.4545-1.2727l-.4545-1.2727-.9091.909c-.0909.1819-.2727.2728-.4546.4546-3.9999 4.0908-10.1816 8.2726-17.2724 5.7272-3.1817-1.1818-6.4544-1.3637-9.4544-.5455-2.909.8182-5.45442 2.3636-7.81801 4.5454v-.0909l-1.363614 1.4545c0 .0909-.090891.0909-.181798.1818l-.27274.2727.090913.3637c.090908.4545.272717.909.363625 1.3636l.545454 1.4545.90907-1.1818c.09091-.1818.27272-.2727.36363-.4545 1.90905-1.7273 4.54538-4.1818 8.27257-5.1818z" fill="#ffffff"/><path d="m2.1818 23.2646c2.09088-2.1818 4.45445-3.5454 6.99987-4.2727 2.45453-.6363 5.09083-.5454 7.72713.4546 8.1817 2.9999 15.2725-1.9091 18.3633-4.5454l1.1818-1.1818.4546-.3636-.3637-.5455c-.2727-.2727-.4545-.6363-.7272-1l-.5455-.7272-.6363.6363c-.0909.0909-.2727.2727-.3637.3637-3.8181 3.6363-9.7271 7.3635-16.4542 4.8181-3.1818-1.1818-6.4544-1.3637-9.4544-.5455-1.90906.5455-3.72721 1.4545-5.54536 2.6363l-1.909065 1.5455c-.181815.1818-.272722.2727-.454537.4545l-.181799.1818v.2727c-.090907.6364-.090918 1.2727-.1818259 1.8182l-.0909131 2.2727 1.54544-1.6364c.18181-.1818.36364-.4545.63636-.6363z" fill="#ffffff"/><path d="m26.0908 40.9007c-.2727-.0909-.4545-.1819-.7272-.2728-3.1818-1.1818-6.4545-1.3636-9.4545-.5454-.6363.1818-1.2726.3636-1.909.6364l-2.1818.9999-.5454.2728 1.8181.6363c.5455.1818 1.0909.3637 1.6364.5455l.2727.0909.2727-.0909c.2727-.0909.5455-.2728.8182-.2728.1818 0 .3636-.0909.5454-.1818 2.1818-.5454 4.5454-.5454 7.0908.2727.2727.091.4546.1819.7273.2728l.4545.1818.2727-.0909c.6364-.1818 1.3636-.3636 1.9091-.6364l2.5454-.909-2.6363-.6364c-.2727-.0909-.6364-.1818-.9091-.2727z" fill="#ffffff"/><path d="m40 22.0829-1.3636 1.3636c-.1818.1818-.3636.3636-.5454.5454-3.7272 3.5454-9.7271 7.3635-16.4543 4.8181-3.1818-1.1818-6.4544-1.3636-9.4544-.5454-2.81811.8182-5.36354 2.2727-7.63623 4.4545l-1.18179 1.2727-.36362.4545.36362.5454c.27273.3637.45455.6364.63637 1l.54542.8182.63636-.8182c.09091-.0909.27272-.2727.36363-.3636 2.18178-2.3636 4.54534-3.8181 7.27264-4.5454 2.4545-.6364 5.0908-.5454 7.7271.4545 2.2727.8182 4.6363 1.0909 6.9999.8182 4.1817-.4545 8.3635-2.8181 11.4543-5.4544.1819-.1818.3636-.2727.5455-.4546l.2727-.2727v-.2727c0-.5455.0909-1.1818.0909-1.7273z" fill="#ffffff"/><path d="m5.45373 13.7196c.54545-.2728 1.18182-.4546 1.72726-.6364 2.45451-.6364 5.09081-.5455 7.72711.4545 1.7273.6364 3.4545.9091 5.3636.9091 3.8181 0 7.6362-1.3636 11.1816-3.9999l1.8181-1.45455-.8181-.63636c-.2727-.27273-.6364-.54544-1-.72725l-.5455-.36363-.4545.36363c-.1818.09091-.2727.27272-.4545.36362-4.8181 3.63634-9.6362 4.63634-14.1816 2.90904-3.2727-1.18178-6.54535-1.45451-9.81802-.4545-.27272.0909-.54544.1818-.90907.2727l-.1818.0909-.27274.2727c0 .0909-.09089.0909-.1818.1818-.36363.5455-.81818 1-1.18181 1.5455l-1.72724 2.6363 2.81814-1.4545c.45453 0 .81815-.1818 1.09087-.2727z" fill="#ffffff"/><path d="m12.9089 7.53769.2727.09091c1.1818.45454 3 .90907 5.2726.90907 2.3636 0 4.6363-.54545 6.909-1.45452l2.8181-1.36361-1.909-.63634c-.5454-.18182-1.0909-.36363-1.7273-.45454h-.2727l-.2727.09089c-.2727.0909-.5455.27274-.8182.36365-2.7272.99998-5.4544 1.1818-8.0907.45454-.2728-.09091-.5455-.18183-.8182-.27274l-.2727-.09091-.2728.09091c-.5454.18181-1.0908.36364-1.6363.63636l-2.09087.90908 2.18177.63633c.1818-.0909.4546.00001.7273.09092z" fill="#ffffff"/><g fill="#ffffff"><path d="m132.748 13.965c-.414-.414-.936-.621-1.566-.621s-1.161.207-1.593.621c-.414.396-.621.9-.621 1.512s.207 1.125.621 1.539c.432.414.963.621 1.593.621s1.152-.207 1.566-.621.621-.927.621-1.539-.207-1.116-.621-1.512z"/><path d="m102.188 29.112c-.684-.576-1.062-1.332-1.134-2.268l-3.9687-.054c.018 1.206.36 2.295 1.026 3.267s1.584 1.737 2.7537 2.295c1.188.54 2.538.81 4.05.81 1.404 0 2.664-.261 3.78-.783 1.134-.522 2.016-1.233 2.646-2.133.63-.918.945-1.953.945-3.105 0-1.188-.27-2.133-.81-2.835-.522-.72-1.215-1.251-2.079-1.593-.864-.36-1.926-.657-3.186-.891-1.242-.234-2.16-.432-2.754-.594-.594-.18-1.053-.405-1.377-.675-.324-.288-.486-.684-.486-1.188 0-.702.27-1.242.81-1.62s1.26-.567 2.16-.567c.972 0 1.755.252 2.349.756.594.486.936 1.134 1.026 1.944h3.969c-.018-1.134-.351-2.151-.999-3.051-.63-.9-1.503-1.602-2.619-2.106-1.098-.522-2.34-.783-3.726-.783-1.35 0-2.565.252-3.645.756-1.0617.486-1.8987 1.161-2.5107 2.025-.594.864-.891 1.845-.891 2.943 0 1.206.261 2.178.783 2.916.54.72 1.233 1.269 2.0787 1.647.846.36 1.89.657 3.132.891 1.26.252 2.187.468 2.781.648.612.162 1.08.396 1.404.702.342.288.513.684.513 1.188 0 .72-.306 1.287-.918 1.701-.594.396-1.368.594-2.322.594-1.152 0-2.079-.279-2.781-.837z"/><path clip-rule="evenodd" d="m56.912 14.1-6.912 18.9h4.185l1.458-4.131h7.182l1.458 4.131h4.347l-6.858-18.9zm-.189 11.502 2.484-7.182 2.511 7.182z" fill-rule="evenodd"/><path d="m121.79 18.96c1.638 0 2.979.504 4.023 1.512 1.062 1.008 1.593 2.673 1.593 4.995v7.533h-3.807v-7.371c0-1.152-.234-2.025-.702-2.619-.468-.612-1.17-.918-2.106-.918-.972 0-1.737.333-2.295.999-.54.666-.81 1.593-.81 2.781v7.128h-3.807v-18.9h3.807v6.723c1.026-1.242 2.394-1.863 4.104-1.863z"/><path d="m139.883 18.474c0-.396.09-.684.27-.864s.468-.27.864-.27h2.349v-3.24h-3.105c-1.386 0-2.43.333-3.132.999-.702.648-1.053 1.584-1.053 2.808v1.215h-2.295v3.213h2.295v10.665h3.807v-10.665h6.015v10.665h3.807v-10.665h2.997v-3.213h-2.997v-5.022h-3.807v5.022h-6.015z"/><path d="m133.072 19.122h-3.807v13.878h3.807z"/><path d="m73.3345 14.1h-3.807v18.9h3.807z"/><path d="m76.3385 19.122h-2.295v3.213h2.295v10.665h3.807v-10.665h2.997v-3.213h-2.997v-5.022h-3.807z"/><path d="m88.0768 31.272h3.456v-4.212h4.2105v-3.456h-4.2105v-4.212h-.0015-3.456v4.212h-4.212v3.456h4.212v4.212z"/></g></svg> Bottom SVG 2 (Logo 3): <svg fill="none" height="20" viewBox="0 0 155 48" class="h-5 md:h-6 w-auto text-white opacity-90 hover:opacity-100 transition-opacity"><path clip-rule="evenodd" d="m20 44c11.0457 0 20-8.9543 20-20s-8.9543-20-20-20c-11.04572 0-20 8.9543-20 20s8.95428 20 20 20zm6.2393-30.6832c.3037-1.0787-.7432-1.7167-1.6993-1.0355l-13.3469 9.5083c-1.0369.7387-.8738 2.2104.245 2.2104h3.5146v-.0272h6.8498l-5.5813 1.9693-2.4605 8.7411c-.3037 1.0788.7431 1.7167 1.6993 1.0355l13.3469-9.5082c1.0369-.7387.8737-2.2105-.245-2.2105h-5.3298z" fill="#ffffff" fill-rule="evenodd"/><g fill="#ffffff"><path d="m128.997 16.8721c.448.4106.989.616 1.624.616.653 0 1.194-.2054 1.624-.616.429-.4107.644-.952.644-1.624s-.215-1.2134-.644-1.624c-.43-.4107-.971-.616-1.624-.616-.635 0-1.176.2053-1.624.616-.43.4106-.644.952-.644 1.624s.214 1.2133.644 1.624z"/><path clip-rule="evenodd" d="m61.984 32.3841c-.8773.4106-1.904.616-3.08.616h-8.904v-19.6h8.792c1.1947 0 2.2307.2053 3.108.616.896.392 1.5867.9613 2.072 1.708.504.728.756 1.6053.756 2.632v.28c0 .896-.168 1.6333-.504 2.212-.336.56-.7373.9986-1.204 1.316-.448.2986-.8773.5133-1.288.644v.504c.4107.112.8587.3266 1.344.644.4853.2986.896.7373 1.232 1.316.3547.5786.532 1.3346.532 2.268v.28c0 1.0826-.252 2.016-.756 2.8-.504.7653-1.204 1.3533-2.1 1.764zm-1.568-6.972c-.4853-.392-1.1387-.588-1.96-.588h-4.76v4.816h4.76c.8027 0 1.4467-.196 1.932-.588.504-.392.756-.952.756-1.68v-.28c0-.728-.2427-1.288-.728-1.68zm-.112-8.064c-.4853-.392-1.12-.588-1.904-.588h-4.704v4.704h4.704c.7653 0 1.3907-.196 1.876-.588.504-.392.756-.9334.756-1.624v-.28c0-.7094-.2427-1.2507-.728-1.624z" fill-rule="evenodd"/><path clip-rule="evenodd" d="m73.1755 33.3921c-1.3814 0-2.6227-.28-3.724-.84-1.1014-.56-1.9694-1.372-2.604-2.436-.6347-1.064-.952-2.3427-.952-3.836v-.448c0-1.4934.3173-2.772.952-3.836.6346-1.064 1.5026-1.876 2.604-2.436 1.1013-.56 2.3426-.84 3.724-.84 1.3813 0 2.6226.28 3.724.84 1.1013.56 1.9693 1.372 2.604 2.436.6346 1.064.952 2.3426.952 3.836v.448c0 1.4933-.3174 2.772-.952 3.836-.6347 1.064-1.5027 1.876-2.604 2.436-1.1014.56-2.3427.84-3.724.84zm0-3.136c1.0826 0 1.9786-.3454 2.688-1.036.7093-.7094 1.064-1.7174 1.064-3.024v-.28c0-1.3067-.3547-2.3054-1.064-2.996-.6907-.7094-1.5867-1.064-2.688-1.064-1.0827 0-1.9787.3546-2.688 1.064-.7094.6906-1.064 1.6893-1.064 2.996v.28c0 1.3066.3546 2.3146 1.064 3.024.7093.6906 1.6053 1.036 2.688 1.036z" fill-rule="evenodd"/><path d="m93.6695 33.0001c-.9147 0-1.6613-.28-2.24-.84-.56-.5787-.84-1.344-.84-2.296v-7.84h-3.472v-2.912h3.472v-4.312h3.528v4.312h3.808v2.912h-3.808v7.224c0 .56.2613.84.784.84h2.688v2.912z"/><path d="m101.035 32.2161c1.157.784 2.641 1.176 4.452 1.176 1.773 0 3.183-.392 4.228-1.176 1.064-.8027 1.596-1.932 1.596-3.388 0-.9707-.252-1.736-.756-2.296-.485-.5787-1.157-1.0174-2.016-1.316-.84-.3174-1.783-.5694-2.828-.756l-.784-.14c-.635-.112-1.139-.2707-1.512-.476-.373-.224-.56-.56-.56-1.008 0-.4107.177-.728.532-.952.355-.2427.868-.364 1.54-.364s1.232.1493 1.68.448c.467.2986.775.8026.924 1.512l3.276-1.008c-.317-1.12-.989-2.0254-2.016-2.716-1.027-.6907-2.315-1.036-3.864-1.036-1.643 0-2.968.3733-3.976 1.12-1.008.728-1.512 1.7826-1.512 3.164 0 .9146.2427 1.6613.728 2.24.485.5786 1.129 1.036 1.932 1.372.803.3173 1.689.5693 2.66.756l.784.14c.821.1493 1.419.3453 1.792.588.373.224.56.5506.56.98 0 .4293-.196.7933-.588 1.092-.392.28-.999.42-1.82.42-.541 0-1.045-.0747-1.512-.224-.448-.168-.831-.4387-1.148-.812-.299-.3734-.513-.8867-.644-1.54l-3.248.84c.2427 1.456.9427 2.576 2.1 3.36z"/><path d="m117.427 22.9481c-.598.7093-.896 1.708-.896 2.996v7.056h-3.528v-19.6h3.528v7.42h.504c.149-.2987.382-.5974.7-.896.317-.2987.737-.5414 1.26-.728.541-.2054 1.222-.308 2.044-.308 1.082 0 2.025.252 2.828.756.821.4853 1.456 1.1666 1.904 2.044.448.8586.672 1.8666.672 3.024v8.288h-3.528v-8.008c0-1.0454-.262-1.8294-.784-2.352-.504-.5227-1.232-.784-2.184-.784-1.083 0-1.923.364-2.52 1.092z"/><path d="m148.496 32.1601c-.56-.5787-.84-1.344-.84-2.296v-7.84h-6.938v10.976h-3.528v-10.976h-3.528v-2.912h3.528v-2.576c0-.952.28-1.708.84-2.268.579-.5787 1.325-.868 2.24-.868h3.64v2.912h-2.408c-.523 0-.784.28-.784.84v1.96h6.938v-4.312h3.528v4.312h3.808v2.912h-3.808v7.224c0 .56.261.84.784.84h2.688v2.912h-3.92c-.915 0-1.661-.28-2.24-.84z"/><path d="m128.857 19.1121v13.888h3.528v-13.888z"/><path d="m82.312 13.4001v19.6h3.528v-19.6z"/></g></svg> Bottom SVG 3 (Logo 4): <svg fill="none" height="20" viewBox="0 0 208 48" class="h-5 md:h-6 w-auto text-white opacity-90 hover:opacity-100 transition-opacity"><path d="m39.9912 23.4176c-.3082-10.7763-9.1408-19.4176-19.9917-19.4176-3.4364 0-6.6703.86666-9.4952 2.39332z" fill="#ffffff"/><path d="m7.69233 8.23393c-.82777.64708-1.60327 1.35793-2.31912 2.12517l33.75749 19.4899c.3034-.9937.5315-2.0202.6777-3.0728z" fill="#ffffff"/><path d="m34.6261 37.6406c-.7158.7672-1.4913 1.4781-2.319 2.1252l-32.116401-18.5424c.146207-1.0527.374348-2.0792.677775-3.0728z" fill="#ffffff"/><path d="m36.523 35.2717-34.54912-19.947c.43665-.9056.93953-1.7733 1.50236-2.5967l34.54906 19.9469c-.4366.9056-.9395 1.7733-1.5023 2.5968z" fill="#ffffff"/><path d="m19.9995 44c3.4366 0 6.6707-.8667 9.4957-2.3936l-29.4873875-17.0245c.3078965 10.7766 9.1406275 19.4181 19.9916875 19.4181z" fill="#ffffff"/><g fill="#ffffff"><path d="m74.757 24.45c0-1.45-.8-2.4-2-2.4-1.275 0-2.275.7-3.375 2.5v8.45h-10.457c-5.425 0-8.925-3.325-8.925-8.725s3.5-8.725 8.925-8.725h4.2v3.375h-4.2c-2.925 0-4.675 1.95-4.675 5.35s1.75 5.35 4.675 5.35h6.557v-15.125h3.9v6.125c1.175-1.3 2.675-1.825 4.175-1.825 3.175 0 5.1 2.15 5.1 5.4v8.8h-3.9z"/><path d="m87.6477 22.05c1.05 0 1.5.85 1.5 2.15v1.875h3.925v-1.875c0-3.55-1.9-5.4-4.575-5.4-1.425 0-2.625.625-3.65 1.85l-.075-1.55h-3.775v13.9h3.9v-8.675c1.025-1.5 1.875-2.275 2.75-2.275z"/><path clip-rule="evenodd" d="m101.182 33.3c-4.4498 0-7.1498-2.725-7.1498-7.25s2.7-7.25 7.1498-7.25c4.45 0 7.125 2.725 7.125 7.25s-2.675 7.25-7.125 7.25zm-3.2498-7.25c0 2.575 1.225 4.1 3.2498 4.1 2 0 3.225-1.525 3.225-4.1s-1.225-4.1-3.225-4.1c-2.0248 0-3.2498 1.525-3.2498 4.1z" fill-rule="evenodd"/><path d="m125.875 22.025c1.325 0 2.175.85 2.175 2.25v8.725h3.9v-8.725c0-3.425-2.225-5.475-4.975-5.475-2.15 0-3.775.95-4.625 2.425-.85-1.55-2.475-2.425-4.375-2.425-1.575 0-3.075.775-4.025 1.975l-.075-1.675h-3.775v13.9h3.9v-8.825c.775-1.275 1.775-2.15 2.9-2.15 1.3 0 2.175.85 2.175 2.25v8.725h3.9v-8.775c.775-1.3 1.775-2.2 2.9-2.2z"/><path clip-rule="evenodd" d="m142.582 33-.075-1.375c-.95 1.2-2.425 1.675-4.15 1.675-2.7 0-4.475-1.725-4.475-4.175 0-2.875 2.275-4.5 6.025-4.5h2.55v-.95c0-1.325-.925-2.125-2.5-2.125-1.55 0-2.55.75-2.675 1.975h-3.8c.25-2.925 2.75-4.725 6.65-4.725 3.8 0 6.225 1.85 6.225 5.125v9.075zm-4.875-4.125c0 .75.525 1.35 1.625 1.35 1.35 0 2.375-.675 3.125-1.825v-1.075l-2.625.025c-1.3 0-2.125.45-2.125 1.525z" fill-rule="evenodd"/><path d="m149.681 28c0 2.95 1.85 5 4.675 5h3.5v-3.15h-1.95c-1.7 0-2.325-.4-2.325-1.85v-5.75h2.85v-3.15h-2.85v-4.6h-3.9v4.6h-2.375v3.15h2.375z"/><path clip-rule="evenodd" d="m165.515 33.3c-4.45 0-7.15-2.725-7.15-7.25s2.7-7.25 7.15-7.25 7.125 2.725 7.125 7.25-2.675 7.25-7.125 7.25zm-3.25-7.25c0 2.575 1.225 4.1 3.25 4.1 2 0 3.225-1.525 3.225-4.1s-1.225-4.1-3.225-4.1c-2.025 0-3.25 1.525-3.25 4.1z" fill-rule="evenodd"/><path clip-rule="evenodd" d="m173.783 26.05c0 4.525 2.7 7.25 7.15 7.25s7.125-2.725 7.125-7.25-2.675-7.25-7.125-7.25-7.15 2.725-7.15 7.25zm7.15 4.1c-2.025 0-3.25-1.525-3.25-4.1s1.225-4.1 3.25-4.1c2 0 3.225 1.525 3.225 4.1s-1.225 4.1-3.225 4.1z" fill-rule="evenodd"/><path d="m195.435 28.025c.05 3.275 2.4 5.275 6.225 5.275 3.6 0 5.775-1.7 5.775-4.525 0-3.4359-2.843-3.974-5.102-4.4015-1.488-.2817-2.723-.5154-2.723-1.4985 0-.8.65-1.25 1.75-1.25 1.3 0 2.15.675 2.225 1.9h3.6c-.25-2.975-2.225-4.725-5.7-4.725-3.425 0-5.75 1.6-5.75 4.325 0 3.2625 2.805 3.918 5.056 4.4442 1.509.3528 2.769.6474 2.769 1.6308 0 .8-.725 1.275-1.9 1.275-1.7 0-2.7-.925-2.625-2.45z"/><path d="m189.876 33v-18.5h3.9v18.5z"/></g></svg> Bottom SVG 4 (Logo 5): <svg fill="none" height="20" viewBox="0 0 182 48" class="h-5 md:h-6 w-auto text-white opacity-90 hover:opacity-100 transition-opacity hidden md:block"><path clip-rule="evenodd" d="m20 4c11.0457 0 20 8.9543 20 20s-8.9543 20-20 20-20-8.9543-20-20 8.9543-20 20-20zm15 20c0 8.2843-6.7157 15-15 15v-30c8.2843 0 15 6.7157 15 15z" fill="#ffffff" fill-rule="evenodd"/><g fill="#ffffff"><path d="m59.423 12.912c5.508 0 8.127 2.754 8.64 6.75h-3.969c-.459-2.025-2.052-3.24-4.644-3.24-3.375 0-5.373 2.16-5.373 6.615 0 5.13 2.376 6.831 5.454 6.831 2.565 0 4.104-1.188 4.59-3.24h3.942c-.567 4.401-3.618 6.75-8.64 6.75-6.021 0-9.423-3.402-9.423-10.152 0-5.967 2.943-10.314 9.423-10.314z"/><path d="m73.2225 25.845c0 3.267 1.242 4.401 3.348 4.401 2.079 0 3.294-1.134 3.294-4.401 0-3.213-1.215-4.374-3.294-4.374-2.106 0-3.348 1.161-3.348 4.374zm-4.023 0c0-4.86 2.565-7.479 7.371-7.479s7.344 2.619 7.344 7.479c0 4.887-2.565 7.533-7.344 7.533-4.806 0-7.371-2.646-7.371-7.533z"/><path d="m93.8832 18.366c2.997 0 4.725 1.188 5.076 3.807.081.729.108 1.404.108 2.565v8.262h-3.861v-8.316c0-1.89-.513-3.105-2.646-3.105-1.755-.054-2.997 1.161-2.997 3.861v7.56h-3.861v-14.256h3.537l.162 2.322c.459-2.106 2.133-2.7 4.482-2.7z"/><path d="m106.341 28.059c0 2.106.459 2.295 3.024 2.16v2.916c-.891.108-1.647.189-2.916.189-2.862 0-3.78-1.161-3.942-2.997-.054-.783-.054-1.35-.054-2.16v-6.345h-2.052v-3.051h2.052v-4.158h3.888v4.158h3.186v3.051h-3.186z"/><path d="m118.672 18.366c.513 0 .837 0 1.161.081v3.132c-3.429-.351-4.995 1.215-4.995 5.238v6.183h-3.861v-14.256h3.537l.162 2.727c.27-2.214 1.836-3.105 3.996-3.105z"/><path d="m126.656 18.366c4.212 0 5.778 1.809 5.967 4.32.054.729.081 1.404.081 2.214v8.1h-3.483l-.216-1.89c-.648 1.917-2.349 2.268-4.455 2.268-2.619 0-4.671-1.485-4.671-4.266 0-3.564 2.727-4.86 8.235-4.86h.783v-.513c0-1.404-.459-2.295-2.403-2.295-1.701 0-2.457.594-2.619 1.917h-3.537c.108-3.078 1.998-4.995 6.318-4.995zm-3.024 10.287c0 1.053.837 1.647 2.16 1.647 1.512 0 3.105-.864 3.105-2.268v-1.134c-3.402-.162-5.265.189-5.265 1.755z"/><path d="m140.412 18.366c4.05 0 5.778 1.566 5.967 4.563h-3.726c-.189-1.323-1.08-1.647-2.322-1.647-1.134 0-1.998.432-1.998 1.242 0 .864.702 1.35 2.916 1.701 3.753.567 5.562 1.863 5.562 4.671 0 3.024-2.754 4.482-6.183 4.482-4.05 0-6.129-1.431-6.507-4.671h3.78c.243 1.296 1.053 1.728 2.835 1.728 1.404 0 2.241-.459 2.241-1.215 0-.945-.972-1.485-3.078-1.809-3.78-.621-5.4-1.755-5.4-4.644 0-2.619 2.322-4.401 5.913-4.401z"/><path d="m153.33 28.059c0 2.106.459 2.295 3.024 2.16v2.916c-.891.108-1.647.189-2.916.189-2.862 0-3.78-1.161-3.942-2.997-.054-.783-.054-1.35-.054-2.16v-6.345h-2.052v-3.051h2.052v-4.158h3.888v4.158h3.186v3.051h-3.186z"/><path d="m168.87 13.29 6.966 19.71h-4.185l-1.647-4.752h-7.263l-1.674 4.752h-4.131l7.101-19.71zm-5.184 11.61h5.427l-2.673-7.911z"/><path d="m181.355 13.29v19.71h-3.942v-19.71z"/></g></svg> Bottom SVG 5 (Logo 6): <svg fill="none" height="20" viewBox="0 0 153 48" class="h-5 md:h-6 w-auto text-white opacity-90 hover:opacity-100 transition-opacity hidden lg:block"><path d="m23.4538 34.7189c-3.1818-1.1818-6.4544-1.3636-9.4544-.5455-2.0909.5455-4.09082 1.6364-5.90897 3l-1.27273 1.0909-.36362.3636.81816.7273c.09091 0 .09092.0909.18183.1818.18181.1818.36364.2727.63636.4545l.54542.3636.54545-.4545c.09091-.0909.27273-.2727.45454-.3636 1.63636-1.3636 3.45446-2.2727 5.36356-2.7272 2.4545-.6364 5.0908-.5455 7.7271.4545 2.1818.8182 6.6363 1.8181 11.9998-.4545l.1818-.091.2728-.2727c0-.0909.0909-.0909.1818-.1818.4545-.5454.9091-1.0909 1.2727-1.7272l1.8181-2.8182-2.909 1.6363c-4.2727 2.3636-8.1817 2.8182-12.0907 1.3637z" fill="#ffffff"/><path d="m10.9998 24.9011c2.4545-.6363 5.0908-.5454 7.7272.4546 2.909 1.0909 10.3634 2.6363 18.7269-4.909l1.8182-1.8182-.1819-.4545c-.0909-.3636-.2727-.8182-.4545-1.2727l-.4545-1.2727-.9091.909c-.0909.1819-.2727.2728-.4546.4546-3.9999 4.0908-10.1816 8.2726-17.2724 5.7272-3.1817-1.1818-6.4544-1.3637-9.4544-.5455-2.909.8182-5.45442 2.3636-7.81801 4.5454v-.0909l-1.363614 1.4545c0 .0909-.090891.0909-.181798.1818l-.27274.2727.090913.3637c.090908.4545.272717.909.363625 1.3636l.545454 1.4545.90907-1.1818c.09091-.1818.27272-.2727.36363-.4545 1.90905-1.7273 4.54538-4.1818 8.27257-5.1818z" fill="#ffffff"/><path d="m2.1818 23.2646c2.09088-2.1818 4.45445-3.5454 6.99987-4.2727 2.45453-.6363 5.09083-.5454 7.72713.4546 8.1817 2.9999 15.2725-1.9091 18.3633-4.5454l1.1818-1.1818.4546-.3636-.3637-.5455c-.2727-.2727-.4545-.6363-.7272-1l-.5455-.7272-.6363.6363c-.0909.0909-.2727.2727-.3637.3637-3.8181 3.6363-9.7271 7.3635-16.4542 4.8181-3.1818-1.1818-6.4544-1.3637-9.4544-.5455-1.90906.5455-3.72721 1.4545-5.54536 2.6363l-1.909065 1.5455c-.181815.1818-.272722.2727-.454537.4545l-.181799.1818v.2727c-.090907.6364-.090918 1.2727-.1818259 1.8182l-.0909131 2.2727 1.54544-1.6364c.18181-.1818.36364-.4545.63636-.6363z" fill="#ffffff"/><path d="m26.0908 40.9007c-.2727-.0909-.4545-.1819-.7272-.2728-3.1818-1.1818-6.4545-1.3636-9.4545-.5454-.6363.1818-1.2726.3636-1.909.6364l-2.1818.9999-.5454.2728 1.8181.6363c.5455.1818 1.0909.3637 1.6364.5455l.2727.0909.2727-.0909c.2727-.0909.5455-.2728.8182-.2728.1818 0 .3636-.0909.5454-.1818 2.1818-.5454 4.5454-.5454 7.0908.2727.2727.091.4546.1819.7273.2728l.4545.1818.2727-.0909c.6364-.1818 1.3636-.3636 1.9091-.6364l2.5454-.909-2.6363-.6364c-.2727-.0909-.6364-.1818-.9091-.2727z" fill="#ffffff"/><path d="m40 22.0829-1.3636 1.3636c-.1818.1818-.3636.3636-.5454.5454-3.7272 3.5454-9.7271 7.3635-16.4543 4.8181-3.1818-1.1818-6.4544-1.3636-9.4544-.5454-2.81811.8182-5.36354 2.2727-7.63623 4.4545l-1.18179 1.2727-.36362.4545.36362.5454c.27273.3637.45455.6364.63637 1l.54542.8182.63636-.8182c.09091-.0909.27272-.2727.36363-.3636 2.18178-2.3636 4.54534-3.8181 7.27264-4.5454 2.4545-.6364 5.0908-.5454 7.7271.4545 2.2727.8182 4.6363 1.0909 6.9999.8182 4.1817-.4545 8.3635-2.8181 11.4543-5.4544.1819-.1818.3636-.2727.5455-.4546l.2727-.2727v-.2727c0-.5455.0909-1.1818.0909-1.7273z" fill="#ffffff"/><path d="m5.45373 13.7196c.54545-.2728 1.18182-.4546 1.72726-.6364 2.45451-.6364 5.09081-.5455 7.72711.4545 1.7273.6364 3.4545.9091 5.3636.9091 3.8181 0 7.6362-1.3636 11.1816-3.9999l1.8181-1.45455-.8181-.63636c-.2727-.27273-.6364-.54544-1-.72725l-.5455-.36363-.4545.36363c-.1818.09091-.2727.27272-.4545.36362-4.8181 3.63634-9.6362 4.63634-14.1816 2.90904-3.2727-1.18178-6.54535-1.45451-9.81802-.4545-.27272.0909-.54544.1818-.90907.2727l-.1818.0909-.27274.2727c0 .0909-.09089.0909-.1818.1818-.36363.5455-.81818 1-1.18181 1.5455l-1.72724 2.6363 2.81814-1.4545c.45453 0 .81815-.1818 1.09087-.2727z" fill="#ffffff"/><path d="m12.9089 7.53769.2727.09091c1.1818.45454 3 .90907 5.2726.90907 2.3636 0 4.6363-.54545 6.909-1.45452l2.8181-1.36361-1.909-.63634c-.5454-.18182-1.0909-.36363-1.7273-.45454h-.2727l-.2727.09089c-.2727.0909-.5455.27274-.8182.36365-2.7272.99998-5.4544 1.1818-8.0907.45454-.2728-.09091-.5455-.18183-.8182-.27274l-.2727-.09091-.2728.09091c-.5454.18181-1.0908.36364-1.6363.63636l-2.09087.90908 2.18177.63633c.1818-.0909.4546.00001.7273.09092z" fill="#ffffff"/><g fill="#ffffff"><path d="m132.748 13.965c-.414-.414-.936-.621-1.566-.621s-1.161.207-1.593.621c-.414.396-.621.9-.621 1.512s.207 1.125.621 1.539c.432.414.963.621 1.593.621s1.152-.207 1.566-.621.621-.927.621-1.539-.207-1.116-.621-1.512z"/><path d="m102.188 29.112c-.684-.576-1.062-1.332-1.134-2.268l-3.9687-.054c.018 1.206.36 2.295 1.026 3.267s1.584 1.737 2.7537 2.295c1.188.54 2.538.81 4.05.81 1.404 0 2.664-.261 3.78-.783 1.134-.522 2.016-1.233 2.646-2.133.63-.918.945-1.953.945-3.105 0-1.188-.27-2.133-.81-2.835-.522-.72-1.215-1.251-2.079-1.593-.864-.36-1.926-.657-3.186-.891-1.242-.234-2.16-.432-2.754-.594-.594-.18-1.053-.405-1.377-.675-.324-.288-.486-.684-.486-1.188 0-.702.27-1.242.81-1.62s1.26-.567 2.16-.567c.972 0 1.755.252 2.349.756.594.486.936 1.134 1.026 1.944h3.969c-.018-1.134-.351-2.151-.999-3.051-.63-.9-1.503-1.602-2.619-2.106-1.098-.522-2.34-.783-3.726-.783-1.35 0-2.565.252-3.645.756-1.0617.486-1.8987 1.161-2.5107 2.025-.594.864-.891 1.845-.891 2.943 0 1.206.261 2.178.783 2.916.54.72 1.233 1.269 2.0787 1.647.846.36 1.89.657 3.132.891 1.26.252 2.187.468 2.781.648.612.162 1.08.396 1.404.702.342.288.513.684.513 1.188 0 .72-.306 1.287-.918 1.701-.594.396-1.368.594-2.322.594-1.152 0-2.079-.279-2.781-.837z"/><path clip-rule="evenodd" d="m56.912 14.1-6.912 18.9h4.185l1.458-4.131h7.182l1.458 4.131h4.347l-6.858-18.9zm-.189 11.502 2.484-7.182 2.511 7.182z" fill-rule="evenodd"/><path d="m121.79 18.96c1.638 0 2.979.504 4.023 1.512 1.062 1.008 1.593 2.673 1.593 4.995v7.533h-3.807v-7.371c0-1.152-.234-2.025-.702-2.619-.468-.612-1.17-.918-2.106-.918-.972 0-1.737.333-2.295.999-.54.666-.81 1.593-.81 2.781v7.128h-3.807v-18.9h3.807v6.723c1.026-1.242 2.394-1.863 4.104-1.863z"/><path d="m139.883 18.474c0-.396.09-.684.27-.864s.468-.27.864-.27h2.349v-3.24h-3.105c-1.386 0-2.43.333-3.132.999-.702.648-1.053 1.584-1.053 2.808v1.215h-2.295v3.213h2.295v10.665h3.807v-10.665h6.015v10.665h3.807v-10.665h2.997v-3.213h-2.997v-5.022h-3.807v5.022h-6.015z"/><path d="m133.072 19.122h-3.807v13.878h3.807z"/><path d="m73.3345 14.1h-3.807v18.9h3.807z"/><path d="m76.3385 19.122h-2.295v3.213h2.295v10.665h3.807v-10.665h2.997v-3.213h-2.997v-5.022h-3.807z"/><path d="m88.0768 31.272h3.456v-4.212h4.2105v-3.456h-4.2105v-4.212h-.0015-3.456v4.212h-4.212v3.456h4.212v4.212z"/> </g> </svg>