52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
<template>
|
|
<div class="flex p-4 relative">
|
|
<div class="relative my-16 z-10 max-w-3xl">
|
|
<h2
|
|
class="
|
|
leading-none
|
|
tracking-tighter
|
|
font-semibold
|
|
text-accent text-4xl
|
|
md:text-5xl
|
|
lg:text-6xl
|
|
"
|
|
>
|
|
Open Source
|
|
</h2>
|
|
<h3
|
|
class="
|
|
text-3xl
|
|
my-4
|
|
font-mono
|
|
text-secondaryDark
|
|
md:text-4xl
|
|
lg:text-4xl
|
|
font-semibold
|
|
"
|
|
>
|
|
API Development Ecosystem
|
|
</h3>
|
|
<p class="text-lg my-4 text-secondaryLight max-w-4/5">
|
|
Millions of developers and companies build, ship, and maintain their
|
|
APIs on Hoppscotch — the largest and most advanced development platform
|
|
in the world.
|
|
</p>
|
|
<div class="my-8 flex items-center">
|
|
<ButtonPrimary
|
|
label="Dashboard"
|
|
icon="chevron_right"
|
|
class="my-4"
|
|
large
|
|
reverse
|
|
/>
|
|
<ButtonSecondary label="Dashboard" icon="chevron_right" />
|
|
<ButtonPrimary label="GitHub" svg="github" large rounded />
|
|
<AppGitHubStarButton />
|
|
</div>
|
|
</div>
|
|
<div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
|
|
<LandingGlobe class="h-64 w-full sm:h-72 md:h-96 lg:h-full" />
|
|
</div>
|
|
</div>
|
|
</template>
|