<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 &amp; 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