<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">
            <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"><span
                        id="mobile_nav_icon_close" :class="!isOpen ? '' : 'hidden'" class=""><i
                            class="fas fa-bars">
                        </i></span><span id="mobile_nav_icon_open" :class="isOpen ? '' : 'hidden'" class="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 hidden"><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">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"><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">
                    </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>
                <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>
                <h1 class="text-3xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4">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 href="#"
                id="iqr25n"
                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 fa-chevron-up">
                        </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 fa-chevron-down">
                        </i></div>
                </div>
                <div x-show="isOpen" class="text-lg" style="display: none;">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 fa-chevron-down">
                        </i></div>
                </div>
                <div x-show="isOpen" class="text-lg" style="display: none;">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 fa-chevron-down">
                        </i></div>
                </div>
                <div x-show="isOpen" class="text-lg" style="display: none;">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