2023-11-28 17:17:23 -05:00
|
|
|
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v3.6.2"><title>Astro</title><link rel="stylesheet" href="/astro-tailwind-mambaui-template/astro/business_layout2.f4befd13.css" /><script type="module" src="/astro-tailwind-mambaui-template/astro/page.7730416e.js"></script></head> <body> <div class="space-y-12 bg-gray-800 text-gray-100"> <header class="p-4"> <div class="container flex justify-between h-16 mx-auto"> <a rel="noopener noreferrer" href="#" aria-label="Back to homepage" class="flex items-center p-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-8 h-8 text-violet-400"> <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path> <path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path> </svg> </a> <ul class="items-stretch hidden space-x-3 md:flex"> <li class="flex"> <a rel="noopener noreferrer" href="#" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">About</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="#" class="flex items-center px-4 -mb-1 border-b-2 border-transparent text-violet-400 border-violet-400">Blog</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="#" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Projects</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="#" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Contact</a> </li> </ul> <button class="flex justify-end p-4 md:hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </header> <section> <div class="container flex flex-col items-center px-4 py-8 mx-auto text-center md:px-10 lg:px-32 xl:max-w-3xl"> <h1 class="text-4xl font-bold leadi sm:text-5xl">Quisquam necessita vel
|
2023-11-28 16:35:40 -05:00
|
|
|
<span class="text-violet-400">laborum doloribus</span>delectus
|
|
|
|
|
</h1> <p class="px-8 mt-8 mb-12 text-lg">Cupiditate minima voluptate temporibus quia? Architecto beatae esse ab amet vero eaque explicabo!</p> <div class="flex flex-wrap justify-center"> <button class="px-8 py-3 m-2 text-lg font-semibold rounded bg-violet-400 text-gray-900">Get started</button> <button class="px-8 py-3 m-2 text-lg border rounded text-gray-50 border-gray-700">Learn more</button> </div> </div> </section> <section class="p-6 bg-gray-800 text-gray-100"> <div class="container grid justify-center grid-cols-2 mx-auto text-center lg:grid-cols-3"> <div class="flex flex-col justify-start m-2 lg:m-6"> <p class="text-4xl font-bold leadi lg:text-6xl">50+</p> <p class="text-sm sm:text-base">Clients</p> </div> <div class="flex flex-col justify-start m-2 lg:m-6"> <p class="text-4xl font-bold leadi lg:text-6xl">89K</p> <p class="text-sm sm:text-base">Followers on social media</p> </div> <div class="flex flex-col justify-start m-2 lg:m-6"> <p class="text-4xl font-bold leadi lg:text-6xl">3</p> <p class="text-sm sm:text-base">Published books</p> </div> <div class="flex flex-col justify-start m-2 lg:m-6"> <p class="text-4xl font-bold leadi lg:text-6xl">8</p> <p class="text-sm sm:text-base">TED talks</p> </div> <div class="flex flex-col justify-start m-2 lg:m-6"> <p class="text-4xl font-bold leadi lg:text-6xl">22</p> <p class="text-sm sm:text-base">Years of experience</p> </div> <div class="flex flex-col justify-start m-2 lg:m-6"> <p class="text-4xl font-bold leadi lg:text-6xl">10+</p> <p class="text-sm sm:text-base">Workshops</p> </div> </div> </section> <section class="py-8"> <div class="container mx-auto"> <div class="p-4 mx-auto text-center md:px-10 lg:px-32 xl:max-w-3xl"> <h2 class="text-2xl font-bold leadi sm:text-4xl">What can I offer to you?</h2> <p class="px-8 my-4">Graeco causae vim cu, alii option ancillae sea ut. Ad mea alii pertinax, ei sed falli ponderum adipisci. Vis iisque scripta cu. Sea ex mollis consulatu dissentiet, dicta viris volutpat mea an, et nec discere epicuri</p> </div> <div class="grid grid-cols-5 p-4 md:p-8"> <div class="flex justify-center px-4 col-span-full md:col-span-1 md:flex-col md:justify-start md:items-start"> <button class="p-2 border-b-2 md:border-l-2 md:border-b-0 md:py-3 border-gray-300 text-gray-400">Mucius</button> <button class="px-2 py-1 border-b-2 md:border-l-2 md:border-b-0 md:py-3 border-violet-400 text-gray-50">Fabellas</button> <button class="px-2 py-1 border-b-2 md:border-l-2 md:border-b-0 md:py-3 border-gray-300 text-gray-400">Aperiam</button> <button class="px-2 py-1 border-b-2 md:border-l-2 md:border-b-0 md:py-3 border-gray-300 text-gray-400">Nonumy</button> <button class="px-2 py-1 border-b-2 md:border-l-2 md:border-b-0 md:py-3 border-gray-300 text-gray-400">Propriae</button> </div> <div class="grid gap-12 py-4 text-center sm:grid-cols-2 col-span-full md:col-span-4 md:text-left"> <div class="flex flex-col items-center justify-center space-y-3 md:justify-start md:items-start"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-violet-400"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path> </svg> <h5 class="text-xl font-semibold">Est facilisis necessitatibus ea</h5> <p>Ex audiam inermis elaboraret eam, oratio petentium ne cum, mundi interesset sit no.</p> </div> <div class="flex flex-col items-center justify-center space-y-3 md:justify-start md:items-start"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-violet-400"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"></path> </svg> <h5 class="text-xl font-semibold">Vim iudico iisque te</h5> <p>At cibo possim impetus pro, ius id mutat commodo offendit. Cum
|
