Heroes
<section class="px-4 py-32 mx-auto max-w-7xl">
<div class="w-full mx-auto text-left md:w-11/12 xl:w-8/12 md:text-center">
<h1 class="mb-3 text-4xl font-bold text-gray-900 md:text-5xl md:leading-tight md:font-extrabold">A secure, faster way to transfer.</h1>
<p class="mb-6 text-lg text-gray-500 md:text-xl md:leading-normal">
We’re on a mission to bring transparency to finance. We charge as little as possible, and we always show you upfront. No hidden fees. No bad exchange rates. No surprises.
</p>
<form class="grid w-full grid-cols-1 gap-3 pt-1 mx-auto mb-8 lg:grid-cols-6 md:w-7/12">
<label class="col-auto lg:col-span-4">
<span class="sr-only">Your Email</span>
<input class="mt-0 form-input form-input-lg" type="email" placeholder="Enter your email..." required="true" />
</label>
<button class="w-full col-auto btn btn-primary btn-lg lg:col-span-2" type="submit">Get Started</button>
</form>
<div class="flex flex-col justify-start mb-3 space-x-0 space-y-2 text-xs text-gray-600 md:flex-row md:justify-center md:space-x-8 md:space-y-0">
<div class="flex items-center">
<svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mr-1 text-green-600">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
No credit card required
</div>
<div class="flex items-center">
<svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mr-1 text-green-600">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
14 days free
</div>
<div class="flex items-center">
<svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mr-1 text-green-600">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
Cancel anytime
</div>
</div>
</div>
</section><section class="px-4 py-32 mx-auto max-w-7xl">
<div class="w-full mx-auto lg:w-8/12 xl:w-5/12">
<p class="mb-2 text-xs font-semibold tracking-wide text-gray-400 uppercase">For Developers</p>
<h1 class="mb-3 text-3xl font-bold leading-tight text-gray-900 md:text-4xl">Focus on your apps</h1>
<p class="mb-5 text-base text-gray-500 md:text-lg">
Today every company needs apps to engage their customers and run their businesses. Step up your ability to build, manage, and deploy great apps at scale with us.
</p>
<a href="#" class="w-full mb-2 btn btn-primary btn-lg sm:w-auto sm:mb-0">Sign up for free</a>
<a href="#" class="w-full mb-2 btn btn-light btn-lg sm:w-auto sm:mb-0">Read our blog</a>
</div>
</section><section class="grid grid-cols-1 gap-0 bg-blue-100 bg-opacity-25 md:grid-cols-2">
<div class="flex flex-col items-start justify-center px-4 py-24 lg:px-20">
<span class="mb-3 text-white bg-blue-900 badge">Pre Beta</span>
<h1 class="mb-6 text-4xl font-bold leading-tight text-blue-900 md:text-4xl lg:text-5xl">Great customer relationships start here.</h1>
<form class="w-full mb-6">
<label class="sr-only">Your Email</label>
<div class="block lg:hidden">
<input class="text-blue-900 form-input form-input-lg" type="email" placeholder="Enter your email..." required="true" />
<button class="w-full mt-2 text-white bg-blue-900 hover:bg-blue-800 btn btn-lg" type="submit">Get Started</button>
</div>
<div class="hidden w-full form-append lg:flex">
<input class="text-blue-900 form-input form-input-lg" type="email" placeholder="Enter your email..." required="true" />
<button class="text-white bg-blue-900 hover:bg-blue-800 btn btn-lg" type="submit">Get Started</button>
</div>
</form>
<p class="pr-0 mb-4 text-sm text-blue-800 tracking-relaxed lg:pr-16">Get the #1 Business Messenger and start delivering personalized experiences at every stage of the customer journey.</p>
</div>
<div>
<img
src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80"
alt="3 women looking at a laptop"
class="object-cover w-full h-64 bg-gray-100 md:h-full"
loading="lazy"
/>
</div>
</section><section class="px-4 py-24 mx-auto max-w-7xl">
<div class="w-full mx-auto text-left md:w-11/12 xl:w-9/12 md:text-center">
<h1 class="mb-6 text-4xl font-extrabold leading-none tracking-normal text-gray-900 md:text-6xl md:tracking-tight">
All your <span class="block w-full text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-purple-500 lg:inline">customer feedback</span> in one single place.
</h1>
<p class="px-0 mb-6 text-lg text-gray-600 md:text-xl lg:px-24">
Hellonext is a feature voting software where you can allow your users to vote on features, publish roadmap, and complete your customer feedback loop.
</p>
<div class="mb-4 space-x-0 md:space-x-2 md:mb-8">
<a class="inline-flex items-center justify-center w-full mb-2 btn btn-primary btn-lg sm:w-auto sm:mb-0" href="#">
Get Started
<svg class="w-4 h-4 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
</a>
<a class="inline-flex items-center justify-center w-full mb-2 btn btn-light btn-lg sm:w-auto sm:mb-0" href="#">
Book a Demo
<svg class="w-4 h-4 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path
fill-rule="evenodd"
d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z"
clip-rule="evenodd"
/>
</svg>
</a>
</div>
</div>
<div class="w-full mx-auto mt-20 text-center md:w-10/12">
<img src="/hero.jpg" alt="Hellonext feedback boards software screenshot" class="w-full rounded-lg shadow-2xl" />
</div>
</section><section class="px-4 py-24 mx-auto max-w-7xl">
<div class="grid items-center w-full grid-cols-1 gap-0 mx-auto lg:grid-cols-11 lg:gap-24 xl:w-11/12">
<div class="col-auto text-center md:col-span-7 lg:text-left">
<h1 class="mb-4 text-3xl font-bold leading-tight text-gray-900 md:text-4xl md:leading-none tracking-none md:tracking-tight">Ready to start your journey?</h1>
<p class="mb-10 text-lg font-light text-gray-500 md:text-xl md:tracking-relaxed md:mb-4">
Low-latency voice and video feels like you’re in the same room. Wave hello over video, watch friends stream their games, or gather up and have a drawing session with screen share.
</p>
</div>
<div class="col-auto md:col-span-4">
<form class="mb-6 border-0 rounded-lg shadow-xl card">
<div class="justify-center pb-0 text-gray-700 border-0 card-header">
<p class="pt-2">Start talking now</p>
</div>
<div class="px-6 py-4 space-y-4 border-b border-gray-200 card-body">
<label class="flex">
<span class="sr-only">First Name</span>
<input class="mt-0 form-input" type="text" placeholder="First Name" required="true" />
</label>
<label class="flex">
<span class="sr-only">Email Address</span>
<input class="mt-0 form-input" type="email" placeholder="Email Address" required="true" />
</label>
<label class="flex">
<span class="sr-only">Password</span>
<input class="mt-0 form-input" type="password" placeholder="Password" required="true" />
</label>
<button class="w-full py-2 btn btn-primary" type="submit">Sign up for free</button>
</div>
<div class="px-6 py-4 card-body">
<button class="w-full py-2 btn btn-icon btn-google">
<svg
class="mr-1"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="currentColor"
stroke="transparent"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28 c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233 c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934 C20.485,11.453,20.404,10.884,20.283,10.356z"
/>
</svg>
Continue with Google
</button>
</div>
</form>
<p class="text-xs text-center text-gray-600">By signing up you agree to our <a href="#" class="text-primary">Terms of Service</a></p>
</div>
</div>
</section>