<body id="ivxp">
<nav x-data="{ isOpen: false }" class="fixed w-full z-50 border-b border-green-600 bg-white bg-opacity-80 backdrop-filter backdrop-blur">
<div class="p-2 w-full mx-auto rounded-lg flex flex-col lg:flex-row container" id="ioa6">
<div class="h-12 flex justify-between">
<a id="it5z" href="#" class="flex items-center p-2"><img id="ijhx" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-full"/></a>
<div x-on:click="isOpen = !isOpen" x-on:click.outside="isOpen = false" class="w-12 flex items-center justify-center lg:hidden cursor-pointer" id="ijeg">
<span :class="!isOpen ? '' : 'hidden'"><i id="ijce" class="fas fa-bars">
</i></span>
<span :class="isOpen ? '' : 'hidden'"><i class="fas fa-times">
</i></span>
</div>
</div>
<div :class="isOpen ? '' : 'hidden'" class="flex-grow justify-end flex-col lg:flex lg:flex-row pt-4 lg:pt-0">
<a href="#about" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-green-600">About</a>
<a href="#process" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-green-600">Process</a>
<a href="#packages" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-green-600">Packages</a>
<a href="#faq" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-green-600">FAQ</a>
<a href="#connect" class="bg-neutral-800 text-white rounded-lg font-semibold px-6 flex items-center justify-center hover:opacity-80 mx-4 mb-4 lg:mb-0 lg:mr-0 lg:ml-4 h-12 mt-4 lg:mt-0">Talk To An Expert</a>
</div>
</div>
</nav>
<section class="container mx-auto lg:pt-16">
<div class="pb-16 pt-28 lg:py-36 px-6">
<div id="i0ggf" class="flex flex-col items-center gap-8">
<h1 class="text-3xl lg:text-6xl text-center font-bold max-w-4xl" id="ihavq">Turn Your Startup Idea Into A
<span id="id0nv" class="text-green-600 ml-2">Profitable Venture</span>🚀
</h1>
<p id="ik9m1" class="text-xl lg:text-2xl text-center font-semibold max-w-4xl">Our rapid development service takes your startup idea to minimal
viable product (MVP) in weeks instead of months, at a flat monthly
rate.
</p>
<div class="flex flex-col lg:flex-row w-full items-center justify-center" id="ix4ao">
<a href="#" class="bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Talk To An Expert</a>
<div class="w-full lg:w-4 h-4" id="indxr">
</div>
<a href="#" class="border-green-600 border-2 text-green-600 rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Calculate My MVP Cost</a>
</div>
<img id="i0u7a" src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Banner_Home_1.f0518ca6.png?v=1704548533743" class="hidden lg:block"/>
<img src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Calculator_Result_1.6d538870.png?v=1704549252013" class="lg:hidden"/>
</div>
</div>
</section>
<section id="about" class="h-12">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="grid grid-cols-1 mb-4 lg:mb-8 mx-0 lg:mx-24">
<div id="ilff1">
<h1 class="text-3xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4">A Rapid Product Development Service for Aspiring Startup Founders
</h1>
</div>
<div class="flex items-center">
<p class="text-xl lg:text-2xl font-semibold w-full">Turning your idea to a working product can be scary. We solve that
by:
</p>
</div>
</div>
<div class="grid lg:grid-cols-3 gap-4">
<div class="rounded-lg p-8 flex flex-col bg-white shadow-xl">
<div class="bg-gradient-to-br from-green-600 to-green-600 text-white w-16 h-16 rounded mb-4 flex items-center justify-center text-4xl">
<i class="fas fa-comments">
</i>
</div>
<h4 class="mb-2 font-semibold text-lg">Product consultation
</h4>
<p class="mb-2 text-lg">We help you decide how best to solve problems that your startup
</p>
</div>
<div class="rounded-lg p-8 flex flex-col bg-white shadow-xl">
<div class="bg-gradient-to-br from-green-600 to-green-600 text-white w-16 h-16 rounded mb-4 flex items-center justify-center text-4xl">
<i class="fas fa-pencil-ruler">
</i>
</div>
<h4 class="mb-2 font-semibold text-lg">Prototyping & Design
</h4>
<p class="mb-2 text-lg">We believe that a great design is essential towards a great product
</p>
</div>
<div class="rounded-lg p-8 flex flex-col bg-white shadow-xl">
<div class="bg-gradient-to-br from-green-600 to-green-600 text-white w-16 h-16 rounded mb-4 flex items-center justify-center text-4xl">
<i class="fas fa-laptop-code">
</i>
</div>
<h4 class="mb-2 font-semibold text-lg">MVP development
</h4>
<p class="mb-2 text-lg">We help translate the design into a working product for you to go to
market
</p>
</div>
</div>
</section>
<section class="h-12">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="flex flex-col gap-16 lg:gap-32">
<div class="flex flex-col lg:mx-24">
<div class="grid lg:grid-cols-3 gap-8 lg:gap-16">
<div class="order-2 lg:order-1 lg:col-span-2 flex flex-col justify-center gap-4 lg:gap-8">
<p class="text-2xl lg:text-4xl font-bold">Reduce Cost Of Building Your End Product
</p>
<p class="text-xl lg:text-2xl">Our approach prevents you from overspending on unnecessary
functionalities for your product.
</p>
<a href="#" class="border-gray-800 border-2 text-gray-800 rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Calculate My MVP Cost</a>
</div>
<div class="order-1 lg:order-2">
<img src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Product_Advantage_1.2cf89fc2.png?v=1704548534666" class="w-full h-full object-contain"/>
</div>
</div>
</div>
<div class="flex flex-col lg:mx-24">
<div class="grid lg:grid-cols-3 gap-8 lg:gap-16">
<div>
<img src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Product_Advantage_2.fec514c3.png?v=1704548535609" class="w-full h-full object-contain"/>
</div>
<div class="lg:col-span-2 flex flex-col justify-center gap-4 lg:gap-8">
<p class="text-2xl lg:text-4xl font-bold">Go To Market Faster Than Your Competitor
</p>
<p class="text-xl lg:text-2xl">Our rapid prototyping approach allows us to build your ideas
fast. Save tens of thousands of dollars on building an in-house
team and spending months building your MVP.
</p>
<a href="#" class="bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Talk To An Expert</a>
</div>
</div>
</div>
<div class="flex flex-col lg:mx-24">
<div class="grid lg:grid-cols-3 gap-8 lg:gap-16">
<div class="order-2 lg:order-1 lg:col-span-2 flex flex-col justify-center gap-4 lg:gap-8">
<p class="text-2xl lg:text-4xl font-bold">Get Technical Advice For Your Startup
</p>
<p class="text-xl lg:text-2xl">Our maintenance package takes the worry away of having to put
together an in house team to manage the product.
</p>
<a href="#" class="border-gray-800 border-2 text-gray-800 rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Calculate My MVP Cost</a>
</div>
<div class="order-1 lg:order-2">
<img src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Product_Advantage_3.21f6926e.png?v=1704548536529" class="w-full h-full object-contain"/>
</div>
</div>
</div>
</div>
</section>
<section id="process" class="h-12">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="grid grid-cols-1 mb-4 lg:mb-8 mx-0 lg:mx-24">
<div id="igqnn3">
<h1 class="text-3xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4" id="ikjpiw">How it Works
</h1>
</div>
</div>
<div class="grid lg:grid-cols-3 gap-4">
<div class="rounded-lg p-8 flex flex-col bg-white shadow-xl">
<div class="border-2 rounded-md border-green-600 text-green-600 px-2 max-w-max font-bold mb-2 lg:mb-4">Step 1
</div>
<h4 class="mb-2 font-semibold text-xl lg:text-2xl">Speak to our Expert
</h4>
<p class="mb-2 text-lg">We’ll decide what is the best way to build your MVP
</p>
</div>
<div class="rounded-lg p-8 flex flex-col bg-white shadow-xl">
<div class="border-2 rounded-md border-green-600 text-green-600 px-2 max-w-max font-bold mb-2 lg:mb-4">Step 2
</div>
<h4 class="mb-2 font-semibold text-xl lg:text-2xl">Receive Roadmap
</h4>
<p class="mb-2 text-lg">Understand how long it will take and how much you’ll need to invest
</p>
</div>
<div class="rounded-lg p-8 flex flex-col bg-white shadow-xl">
<div class="border-2 rounded-md border-green-600 text-green-600 px-2 max-w-max font-bold mb-2 lg:mb-4">Step 3
</div>
<h4 class="mb-2 font-semibold text-xl lg:text-2xl">Start Execute MVP
</h4>
<p class="mb-2 text-lg">Once agreed, we will onboard you to our project management tool and
off we go
</p>
</div>
</div>
<div class="flex flex-col lg:flex-row w-full items-center justify-center mt-8">
<a id="iqr25n" href="#" class="bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Talk To An Expert</a>
<div class="w-full lg:w-4 h-4">
</div>
<a href="#" class="border-gray-800 border-2 text-gray-800 rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Calculate My MVP Cost</a>
</div>
</section>
<section id="faq" class="h-12">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="grid grid-cols-1 mb-4 lg:mb-8 mx-0 lg:mx-24">
<div>
<h1 class="text-3xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4">Frequently Asked Questions
</h1>
</div>
<div class="flex items-center">
<p class="text-xl lg:text-2xl font-semibold w-full">We're sure you have questions, that's exactly why we've laid out all
the answers for you here.
</p>
</div>
</div>
<div class="flex flex-col gap-4">
<div id="i0yeej" x-data="{ isOpen: true }" class="rounded-lg shadow-xl p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p class="text-lg font-semibold flex-grow">Who is SenangStart for?
</p>
<div id="ipc6tj" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded bg-gray-100 flex items-center justify-center cursor-pointer">
<i :class="isOpen ? 'fa-chevron-up' : 'fa-chevron-down'" class="fas">
</i>
</div>
</div>
<div x-show="isOpen" class="text-lg">SenangStart is perfect for Non-technical aspiring startup founders
who are looking for a rapid development service that can help them
build their Minimum Viable Product without having to go through the
hassle of assembling an internal team. It’s like having a
development team in your backpocket.
</div>
</div>
<div x-data="{ isOpen: false }" class="rounded-lg shadow-xl p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p class="text-lg font-semibold flex-grow">What is unique about SenangStart?
</p>
<div id="in8z11" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded bg-gray-100 flex items-center justify-center cursor-pointer">
<i :class="isOpen ? 'fa-chevron-up' : 'fa-chevron-down'" class="fas">
</i>
</div>
</div>
<div x-show="isOpen" class="text-lg">Unlike most traditional software development agency, SenangStart
deoesnt take charge a huge project fee and equity in exchange to
build on your ideas. Our flexible monthly subscription package
ensures that you keep your cost lean while having a product that you
can go to market with or raise more funds for your startup.
</div>
</div>
<div x-data="{ isOpen: false }" class="rounded-lg shadow-xl p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p class="text-lg font-semibold flex-grow">What sort of MVPs can be built by SenangStart?
</p>
<div x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded bg-gray-100 flex items-center justify-center cursor-pointer">
<i id="ieq38r" :class="isOpen ? 'fa-chevron-up' : 'fa-chevron-down'" class="fas">
</i>
</div>
</div>
<div x-show="isOpen" class="text-lg">You name it, we can build it. Our solution ranges from Automation
Tools, CRMs, Saas, Mobile Applications, Landing Pages, Special
Calculator, Onboarding System, Learning Management System and to
name a few. We will suggest what is the best solution during the
consultation call with our expert.
</div>
</div>
<div x-data="{ isOpen: false }" class="rounded-lg shadow-xl p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p class="text-lg font-semibold flex-grow">What are the packages available?
</p>
<div id="ipn6gd" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded bg-gray-100 flex items-center justify-center cursor-pointer">
<i :class="isOpen ? 'fa-chevron-up' : 'fa-chevron-down'" class="fas">
</i>
</div>
</div>
<div x-show="isOpen" class="text-lg">We have two types of packages, namely Package A and Package B.
Package A suits for founders who already have a clue of what they
want to build together with the design direction. This is where we
act as a appointed developer ONLY for the product. Package B, on the
other hands, gives you a complete product support. We help you
figure the roadmap, features , and craft out the best user
experience for the product.
</div>
</div>
</div>
</section>
<section id="packages" class="h-12">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="grid grid-cols-1 mb-4 lg:mb-8 mx-0 lg:mx-24">
<div>
<h1 class="text-3xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4">Our Packages
</h1>
</div>
<div class="flex items-center">
<p class="text-xl lg:text-2xl font-semibold w-full">Find which approach fit you
</p>
</div>
</div>
<div class="grid lg:grid-cols-3 gap-4">
<div class="flex lg:py-8">
<div id="izisf7" class="rounded-lg p-8 flex flex-col bg-white shadow-xl w-full">
<div class="bg-green-100 text-white w-16 h-16 rounded mb-4 flex items-center justify-center text-4xl">🚀
</div>
<h4 class="mb-2 font-bold text-xl">Basic Plan
</h4>
<p class="mb-2 opacity-80 font-semibold">We allocate the basic resources needed for your project
</p>
<ul class="grid gap-2">
<li>1x AI Fullstack Developer
</li>
<li>1x Frontend Developer
</li>
<li>1x Backend Developer
</li>
<li>1x UI/UX Designer
</li>
<li>1x Project Manager
</li>
</ul>
<p class="text-lg lg:text-xl font-semibold text-center mt-6 mb-4">From $2,000/month
</p>
<a href="#" class="lg:mt-auto bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80">Talk To An Expert</a>
</div>
</div>
<div id="i3ls5e" class="flex">
<div id="iptuw8" class="rounded-lg p-8 flex flex-col bg-white shadow-xl lg:py-16 border-2 border-green-600 w-full">
<div class="bg-green-100 text-white w-16 h-16 rounded mb-4 flex items-center justify-center text-4xl">⚡️
</div>
<h4 class="mb-2 font-bold text-xl">Flash Plan
</h4>
<p class="mb-2 opacity-80 font-semibold">We allocate more resources for your project
</p>
<ul class="grid gap-2">
<li>2x AI Fullstack Developer
</li>
<li>2x Frontend Developer
</li>
<li>2x Backend Developer
</li>
<li>2x UI/UX Designer
</li>
<li>1x Project Manager
</li>
</ul>
<p class="lg:mt-auto text-lg lg:text-xl font-semibold text-center mt-6 mb-4">From $3,750/month
</p>
<a href="#" class="bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80">Talk To An Expert</a>
</div>
</div>
<div class="flex lg:py-8">
<div id="incmfh" class="rounded-lg p-8 flex flex-col bg-white shadow-xl w-full">
<div class="bg-green-100 text-white w-16 h-16 rounded mb-4 flex items-center justify-center text-4xl">🏢
</div>
<h4 class="mb-2 font-bold text-xl">Enterprise
</h4>
<p class="mb-2 opacity-80 font-semibold">Looking to outsource your project ? look no more lets start the
conversation now
</p>
<a href="#" class="lg:mt-auto bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80">Talk To An Expert</a>
</div>
</div>
</div>
</section>
<section id="cta" class="h-12">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div id="ilwqny" class="p-8 lg:p-16 flex items-center justify-center border-2 border-gray-800 rounded-lg">
<div class="flex flex-col gap-4 lg:gap-8">
<div>
<h1 class="text-2xl lg:text-4xl capitalize font-semibold">Not Ready To Build A Product Yet?
</h1>
</div>
<div class="flex items-center">
<p class="text-xl lg:text-2xl w-full">If you’re not ready to commit, how about get us to build you a
proof-of-concept? So you can get early buy-ins for your idea...
</p>
</div>
<a href="#" class="bg-green-600 text-white rounded-lg text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Show Me How</a>
</div>
<div class="aspect-square w-full max-w-sm hidden lg:block">
<img src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Promo_1.b4495bfc.png?v=1704548537475" class="w-full h-full object-contain"/>
</div>
</div>
</section>
<footer class="flex flex-col lg:flex-row container mx-auto pt-4 px-6 lg:px-16 mb-16">
<div class="flex justify-center">
<a href="#" class="bg-gray-200 rounded-md flex items-center justify-center w-8 h-8 text-gray-600 text-sm mr-2"><i class="fab fa-google">
</i></a>
<a href="#" class="bg-gray-200 rounded-md flex items-center justify-center w-8 h-8 text-gray-600 text-sm mr-2"><i class="fab fa-linkedin">
</i></a>
<a href="#" class="bg-gray-200 rounded-md flex items-center justify-center w-8 h-8 text-gray-600 text-sm mr-2"><i class="fab fa-twitter">
</i></a>
<a href="#" class="bg-gray-200 rounded-md flex items-center justify-center w-8 h-8 text-gray-600 text-sm mr-2"><i class="fab fa-facebook">
</i></a>
</div>
<div id="i8hqfq" class="flex-grow h-8 flex items-center justify-center lg:justify-end font-semibold">2024 © SenangStart
</div>
<div class="flex justify-center">
<a href="#" class="flex items-center justify-center w-8 h-8 text-sm lg:ml-4"><i class="fas fa-arrow-up">
</i></a>
</div>
</footer>
</body>
Welcome to SenangStart Template Preview! 🎉 Visit our homepage for a deeper dive into our offerings, or you can edit this template with drag-n-drop website builder.
Edit Template