<body id="i9yt">
<div id="iyaa24" class="w-full h-20">
<nav id="iqww0o" x-data="{ isOpen: false }" class="z-50 w-full bg-white fixed shadow-xl">
<div id="isptuh" class="container mx-auto flex w-full flex-col bg-white p-4 lg:flex-row">
<div id="inc1" class="flex h-12 items-center">
<img id="iwxi" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-full"/>
<div class="flex-grow lg:hidden">
</div>
<div id="ieh34k" x-on:click="isOpen = !isOpen" x-on:click.outside="isOpen = false" class="flex w-12 cursor-pointer items-center justify-center lg:hidden">
<span :class="!isOpen ? '' : 'hidden'"><i id="ih0ec3" class="fas fa-bars">
</i></span>
<span :class="isOpen ? '' : 'hidden'"><i id="itygpt" class="fas fa-times">
</i></span>
</div>
</div>
<div id="iyoi6r" :class="isOpen ? '' : 'hidden'" class="flex-grow flex-col justify-end pt-4 lg:flex lg:flex-row lg:pt-0">
<div id="i2b0c" class="flex-grow">
</div>
<a id="igsfa8" href="#" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">Benefits</a>
<a id="ibqvfj" href="#" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">Pricing</a>
<a id="iipr1z" href="#" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">FAQs</a>
<div id="i0b87n" class="flex-grow">
</div>
<a id="i6uicj" href="#" class="mx-4 mb-4 mt-4 flex h-12 items-center rounded-2xl justify-center border-2 border-yellow-400 px-6 lg:mb-0 lg:ml-4 lg:mr-0 lg:mt-0 font-semibold">Login</a>
<a id="ilx09z" href="#" class="mx-4 mb-4 mt-4 flex h-12 items-center rounded-2xl justify-center bg-yellow-400 px-6 lg:mb-0 lg:ml-4 lg:mr-0 lg:mt-0 font-semibold">Schedule a call</a>
</div>
</div>
</nav>
</div>
<section id="ioqulp-2" class="bg-yellow-50">
<div id="i3vb5c-2" class="container py-16 mx-auto px-4 lg:px-16">
<div id="isok7-2" class="gap-16 flex flex-col lg:flex-row justify-between">
<div id="id3qw-2" class="border-sky-200 flex flex-col gap-8 col-span-2 justify-center lg:max-w-xl">
<h2 id="ibers" class="text-3xl lg:text-6xl font-semibold">Tailored Creative Solutions for Startup Founders and Marketers
</h2>
<h4 id="i0gaj" class="text-xl lg:text-2xl font-semibold">Say goodbye to the challenges of hiring and managing unreliable designers. Enhance your current workflow with our services for just $399 per month.
</h4>
<div id="ia4i3" class="flex -space-x-1">
<img src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" class="rounded-full ring ring-white w-8 h-8"/>
<img src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" class="rounded-full ring ring-white w-8 h-8"/>
<img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80" class="rounded-full ring ring-white w-8 h-8"/>
<img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" class="rounded-full ring ring-white w-8 h-8"/>
</div>
</div>
<form method="get" id="ixgjx" class="grid p-4 gap-4 rounded-3xl bg-white shadow-xl lg:p-8 text-center w-full max-w-md items-between">
<h5 id="il7w2" class="text-lg lg:text-xl font-bold">Schedule a call with us and
<br/>get 20% for your first trial.
<br/>
</h5>
<h6 id="i44n8" class="text-base">Learn more about how SenangStart works and how it can help you. SIGN UP TODAY & GET 20% OFF!
<br/>
</h6>
<div id="ixzeg" class="grid">
<input type="text" id="name_m-2" placeholder="Your Name" class="h-12 px-4 rounded-2xl text-lg bg-slate-200"/>
</div>
<div id="ir6fb" class="grid">
<input type="email" id="email_m" placeholder="Your Email" class="h-12 px-4 rounded-2xl text-lg bg-slate-200"/>
</div>
<div id="ijjvg" class="flex justify-end">
<button type="submit" id="ib1jl" class="bg-yellow-400 rounded-2xl text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80">Schedule a call</button>
</div>
</form>
</div>
</div>
</section>
<section id="inpmhw" class="bg-yellow-900">
<div id="ij4t3" class="container py-16 mx-auto px-4 lg:px-16">
<div class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="ijvcuv-2" class="flex gap-4 flex-col items-center text-center text-white">
<h2 id="i5b49t-2" class="text-3xl lg:text-6xl lg:max-w-4xl">Save time and money with our design solution.
<br/>
</h2>
<h4 class="text-xl lg:text-2xl lg:max-w-4xl">Receive your designs by tomorrow without the need for designers or unreliable freelancers. Benefit from professional-quality work at a fixed monthly rate with no long-term contracts. Cancel anytime.
<br/>
</h4>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8 lg:px-16" id="ifl4e">
<div id="i7x64k" class="flex flex-col gap-4 p-8 rounded-3xl bg-yellow-100">
<div class="w-16 h-16 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="irc926" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-10 h-10 fill-black">
<path d="M505.1 19.1c-1.2-5.5-6.7-11-12.2-12.2C460.7 0 435.5 0 410.4 0 307.2 0 245.3 55.2 199.1 128H94.8c-16.3 0-35.6 11.9-42.9 26.5L2.5 253.3A28.4 28.4 0 0 0 0 264a24 24 0 0 0 24 24H127.8l-22.5 22.5c-11.4 11.4-13 32.3 0 45.3L156.2 406.6c11.2 11.2 32.2 13.2 45.3 0l22.5-22.5V488a24 24 0 0 0 24 24 28.6 28.6 0 0 0 10.7-2.5l98.7-49.4c14.6-7.3 26.5-26.5 26.5-42.9V312.8c72.6-46.3 128-108.4 128-211.1C512.1 76.5 512.1 51.3 505.1 19.1zM384 168A40 40 0 1 1 424.1 128 40 40 0 0 1 384 168z">
</path>
</svg>
</div>
<h4 class="text-xl font-semibold">Discover the Advantages of
<br/>Having Your Own Creative Team.
</h4>
<p id="ib26b">SenangStart offers you the full benefits of having an in-house marketing creative team, with no additional expenses.
<br/>
</p>
</div>
<div id="i2pi8i" class="flex flex-col gap-4 p-8 rounded-3xl bg-yellow-200">
<div class="w-16 h-16 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-10 h-10 fill-black">
<path d="M505.1 19.1c-1.2-5.5-6.7-11-12.2-12.2C460.7 0 435.5 0 410.4 0 307.2 0 245.3 55.2 199.1 128H94.8c-16.3 0-35.6 11.9-42.9 26.5L2.5 253.3A28.4 28.4 0 0 0 0 264a24 24 0 0 0 24 24H127.8l-22.5 22.5c-11.4 11.4-13 32.3 0 45.3L156.2 406.6c11.2 11.2 32.2 13.2 45.3 0l22.5-22.5V488a24 24 0 0 0 24 24 28.6 28.6 0 0 0 10.7-2.5l98.7-49.4c14.6-7.3 26.5-26.5 26.5-42.9V312.8c72.6-46.3 128-108.4 128-211.1C512.1 76.5 512.1 51.3 505.1 19.1zM384 168A40 40 0 1 1 424.1 128 40 40 0 0 1 384 168z">
</path>
</svg>
</div>
<h4 class="text-xl font-semibold">Experience a clear and transparent design process.
<br/>
</h4>
<p>Stay informed with real-time updates on project status and reliable turnaround times so you can stay in the loop.
<br/>
</p>
</div>
<div id="ibap9e" class="flex flex-col gap-4 p-8 rounded-3xl bg-yellow-400">
<div class="w-16 h-16 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-10 h-10 fill-black">
<path d="M505.1 19.1c-1.2-5.5-6.7-11-12.2-12.2C460.7 0 435.5 0 410.4 0 307.2 0 245.3 55.2 199.1 128H94.8c-16.3 0-35.6 11.9-42.9 26.5L2.5 253.3A28.4 28.4 0 0 0 0 264a24 24 0 0 0 24 24H127.8l-22.5 22.5c-11.4 11.4-13 32.3 0 45.3L156.2 406.6c11.2 11.2 32.2 13.2 45.3 0l22.5-22.5V488a24 24 0 0 0 24 24 28.6 28.6 0 0 0 10.7-2.5l98.7-49.4c14.6-7.3 26.5-26.5 26.5-42.9V312.8c72.6-46.3 128-108.4 128-211.1C512.1 76.5 512.1 51.3 505.1 19.1zM384 168A40 40 0 1 1 424.1 128 40 40 0 0 1 384 168z">
</path>
</svg>
</div>
<h4 class="text-xl font-semibold">Scale your startup with confidence.
<br/>
</h4>
<p>No need for all those long hiring processes and contracts without breaking the bank. It's time to grow!
<br/>
</p>
</div>
</div>
</div>
</section>
<section id="i8x1co">
<div id="ip6tbj" class="container py-16 mx-auto px-4 lg:px-16">
<div class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="ipd99i" class="flex gap-4 flex-col items-center text-center">
<h2 id="ignuej" class="text-3xl lg:text-6xl lg:max-w-4xl">Supporting startups to well-established corporations located in South East Asia.
<br/>
</h2>
</div>
</div>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-8 lg:gap-16 lg:max-w-6xl mx-auto mb-8 lg:mb-16 lg:px-16">
<div class="h-16 rounded flex items-center justify-center">
<img id="iyzole" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-16 w-full object-contain grayscale"/>
</div>
<div class="h-16 rounded flex items-center justify-center">
<img id="itjq0i" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-16 w-full object-contain grayscale"/>
</div>
<div class="h-16 rounded flex items-center justify-center">
<img id="i8gk9d" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-16 w-full object-contain grayscale"/>
</div>
<div class="h-16 rounded flex items-center justify-center">
<img id="isx0gf" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-16 w-full object-contain grayscale"/>
</div>
<div class="h-16 rounded flex items-center justify-center">
<img id="i4xzfl" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="h-16 w-full object-contain grayscale"/>
</div>
</div>
<div id="irdxqh" class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8 lg:px-16 lg:max-w-6xl mx-auto">
<div id="ir8gnz" class="flex flex-col gap-4">
<img id="igmb3y" src="https://images.unsplash.com/photo-1536329583941-14287ec6fc4e?q=80&w=2848&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-3xl aspect-video lg:aspect-square object-cover"/>
<h4 class="text-xl lg:text-2xl capitalize font-semibold">Average designs.
<br/>
</h4>
<h6 class="text-base lg:text-lg capitalize font-semibold">20+ unique designs per month received by our users.
<br/>
</h6>
</div>
<div class="flex flex-col gap-4">
<img id="i017qq" src="https://images.unsplash.com/photo-1536329583941-14287ec6fc4e?q=80&w=2848&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-3xl aspect-video lg:aspect-square object-cover"/>
<h4 class="text-xl lg:text-2xl capitalize font-semibold">Quicker Than Most.
<br/>
</h4>
<h6 class="text-base lg:text-lg capitalize font-semibold">7x faster than the average design and logo project.
<br/>
</h6>
</div>
<div class="flex flex-col gap-4">
<img id="imvnpy" src="https://images.unsplash.com/photo-1536329583941-14287ec6fc4e?q=80&w=2848&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-3xl aspect-video lg:aspect-square object-cover"/>
<h4 class="text-xl lg:text-2xl capitalize font-semibold">Substantial Savings.
<br/>
</h4>
<h6 class="text-base lg:text-lg capitalize font-semibold">The average savings with a design plan vs hiring cost.
<br/>
</h6>
</div>
</div>
</div>
</section>
<section id="igtp0n">
<div id="i6y0vs" class="container py-16 mx-auto lg:px-16 pb-16">
<div id="ipwnki" class="py-16 px-4 lg:p-16 lg:rounded-3xl bg-slate-100">
<div id="ixs7se" class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="iqdusg" class="flex gap-4 flex-col items-center text-center">
<div id="i4voii" class="bg-yellow-400 rounded-xl px-4 py-2 w-min mx-auto mb-2 lg:mb-4 font-bold">
<p id="ihwbun" class="uppercase text-sm tracking-widest">BENEFITS
</p>
</div>
<h2 id="if7a4b" class="text-3xl lg:text-6xl lg:max-w-4xl">Our innovative approach simplifies the design process like never before. Emphasizing simplicity and convenience.
<br/>
</h2>
<h4 id="icsuud" class="text-xl lg:text-2xl lg:max-w-4xl">SenangStart offers hassle-free and affordable on-demand design services for entrepreneurs and marketers with our "Ask-and-Go" feature, focusing on ease and accessibility.
<br/>
</h4>
</div>
</div>
<div id="i4ukx8" class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 mb-4 lg:mb-8">
<div id="iszrt8" class="flex flex-col gap-4 p-4 lg:p-8 rounded-3xl bg-white">
<img id="i1kaxj" src="https://images.unsplash.com/photo-1652449823136-b279fbe5dfd3?q=80&w=3850&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-xl"/>
<h4 id="itqmkz" class="text-xl lg:text-2xl capitalize font-semibold">On-Demand Design.
<br/>
</h4>
<h6 id="ixcs17" class="text-base lg:text-lg capitalize font-semibold">We do not stop production of new designs when one design is in the review stage. That means we keep creating new designs from your queue, without disrupting production while waiting on a response.
<br/>
</h6>
</div>
<div id="ig575f" class="flex flex-col gap-4 p-4 lg:p-8 rounded-3xl bg-white">
<img id="i08znb" src="https://images.unsplash.com/photo-1652449823136-b279fbe5dfd3?q=80&w=3850&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-xl"/>
<h4 id="ivakw7" class="text-xl lg:text-2xl capitalize font-semibold">Unlimited Design Revisions.
<br/>
</h4>
<h6 id="ibjuxu" class="text-base lg:text-lg capitalize font-semibold">Never settle for less. With SenangStart, you can request unlimited design revisions until you're completely satisfied. No more back-and-forth with designers or additional costs for revisions.
<br/>
</h6>
</div>
</div>
<div id="i4pepr" class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8">
<div id="ilqnxe" class="flex flex-col gap-4 p-4 lg:p-8 rounded-3xl bg-white">
<img id="ivapyh" src="https://images.unsplash.com/photo-1652449823136-b279fbe5dfd3?q=80&w=3850&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-xl"/>
<h4 id="irtp2u" class="text-xl lg:text-2xl capitalize font-semibold">Flexible Design Plans.
<br/>
</h4>
<h6 id="iynzrd" class="text-base lg:text-lg capitalize font-semibold">Scale up or down as needed, and pause or cancel at anytime.
<br/>
</h6>
</div>
<div id="irz3y7" class="flex flex-col gap-4 p-4 lg:p-8 rounded-3xl bg-white">
<img id="inkoq6" src="https://images.unsplash.com/photo-1652449823136-b279fbe5dfd3?q=80&w=3850&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-xl"/>
<h4 id="icunh6" class="text-xl lg:text-2xl capitalize font-semibold">Dedicated Design Team.
<br/>
</h4>
<h6 id="irluoy" class="text-base lg:text-lg capitalize font-semibold">A team that works together to ensure brand consistency and offer a wide range of capabilities.
<br/>
</h6>
</div>
<div id="iw78u5" class="flex flex-col gap-4 p-4 lg:p-8 rounded-3xl bg-white">
<img id="iqbn0d" src="https://images.unsplash.com/photo-1652449823136-b279fbe5dfd3?q=80&w=3850&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-xl"/>
<h4 id="ijwd2f" class="text-xl lg:text-2xl capitalize font-semibold">Vetted Designers.
<br/>
</h4>
<h6 id="iq627e" class="text-base lg:text-lg capitalize font-semibold">We take our quality seriously. Only 2% of designers that apply to SenangStart make the team.
<br/>
</h6>
</div>
</div>
</div>
</div>
</section>
<section id="i01tt4">
<div id="iajj5d" class="container py-16 mx-auto px-4 lg:px-16">
<div id="inh0xp" class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="izej1h" class="flex gap-4 flex-col items-center text-center">
<h2 id="i2jrvl" class="text-3xl lg:text-6xl lg:max-w-4xl">Expert services in one place. Our team is capable of providing goal-oriented design experiences for 100’s of services.
<br/>
</h2>
</div>
</div>
<div id="imgsem" class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8 lg:px-16">
<div id="igaezw" class="flex gap-4">
<div id="iwrvcz-2" class="w-10 h-10 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="isonjj-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8 fill-yellow-600">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z">
</path>
</svg>
</div>
<div id="i6n5tx" class="flex flex-col gap-4">
<h4 id="ich5j8-2" class="text-xl lg:text-2xl capitalize font-semibold">Digital Ads & Social Media Visuals
<br/>
</h4>
<h6 id="i8xdc8" class="text-base lg:text-lg capitalize font-semibold">Attention-grabbing creatives that are designed around your goals across digital platforms.
<br/>
</h6>
</div>
</div>
<div id="irrm8l" class="flex gap-4">
<div id="iwrvcz-2-2" class="w-10 h-10 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="isonjj-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8 fill-yellow-600">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z">
</path>
</svg>
</div>
<div id="iqhupl" class="flex flex-col gap-4">
<h4 id="it1wfl" class="text-xl lg:text-2xl capitalize font-semibold">Logo & Branding Identity Design
<br/>
</h4>
<h6 id="isv7jg" class="text-base lg:text-lg capitalize font-semibold">Access professional logo & brand designers at a fraction of the cost. Startups rejoice!
<br/>
</h6>
</div>
</div>
<div id="i4epcs" class="flex gap-4">
<div id="iisvus" class="w-10 h-10 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="i86ekk" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8 fill-yellow-600">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z">
</path>
</svg>
</div>
<div id="ij2xhg" class="flex flex-col gap-4">
<h4 id="i6dvxs" class="text-xl lg:text-2xl capitalize font-semibold">Print Media & Graphic Design
<br/>
</h4>
<h6 id="i85krq" class="text-base lg:text-lg capitalize font-semibold">From packaging to business cards, we’ll cover all of your print media assets.
<br/>
</h6>
</div>
</div>
<div id="ipizhw" class="flex gap-4">
<div id="i6z2hi" class="w-10 h-10 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="iie78e" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8 fill-yellow-600">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z">
</path>
</svg>
</div>
<div id="i248n4" class="flex flex-col gap-4">
<h4 id="ipmur6" class="text-xl lg:text-2xl capitalize font-semibold">Website Banner & Email Graphics
<br/>
</h4>
<h6 id="ibv371" class="text-base lg:text-lg capitalize font-semibold">Improve your digital identity with impactful website graphics and email banners.
<br/>
</h6>
</div>
</div>
<div id="ilme7j" class="flex gap-4">
<div id="iypgqd" class="w-10 h-10 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="iw7o9o" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8 fill-yellow-600">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z">
</path>
</svg>
</div>
<div id="ir14tq" class="flex flex-col gap-4">
<h4 id="i2hx0h" class="text-xl lg:text-2xl capitalize font-semibold">Content Planning & Execution
<br/>
</h4>
<h6 id="ijuiub" class="text-base lg:text-lg capitalize font-semibold">Social media content calendar planning and copywriting for your social media presence.
<br/>
</h6>
</div>
</div>
<div id="i81uru" class="flex gap-4">
<div id="ipz7jj" class="w-10 h-10 bg-prime aspect-square flex items-center justify-center text-4xl">
<svg id="ilcxrt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8 fill-yellow-600">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z">
</path>
</svg>
</div>
<div id="ilnskv" class="flex flex-col gap-4">
<h4 id="isuyo7" class="text-xl lg:text-2xl capitalize font-semibold">Website / UIUX Design Touchup
<br/>
</h4>
<h6 id="iq990l" class="text-base lg:text-lg capitalize font-semibold">Beautiful & responsive website and application for your business / startups.
<br/>
</h6>
</div>
</div>
</div>
</div>
</section>
<section id="iv3d7o">
<div id="ify2n2" class="container py-16 mx-auto px-4 lg:px-16">
<div class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="ilpghs" class="flex gap-4 flex-col items-center text-center">
<h2 id="idectc" class="text-3xl lg:text-6xl">View our creatives that help companies elevate their brand. See how that can be applied to your company.
<br/>
</h2>
</div>
</div>
<div id="i5rcte" class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8 lg:px-16">
<img id="iorj7l" src="https://images.unsplash.com/photo-1653407103131-a7bc972d7a09?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-3xl"/>
<img id="i5hgzk" src="https://images.unsplash.com/photo-1653407103131-a7bc972d7a09?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-3xl"/>
<img id="ixbh5w" src="https://images.unsplash.com/photo-1653407103131-a7bc972d7a09?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-3xl"/>
</div>
</div>
</section>
<section id="i7rv6j">
<div id="i2xg0j" class="container py-16 mx-auto lg:px-16 pb-16">
<div id="icrlfn" class="py-16 px-4 lg:p-16 lg:rounded-3xl bg-yellow-900">
<div id="ijb364" class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="ie2pwg" class="flex gap-4 flex-col items-center text-center text-white">
<div id="iptmg7-2" class="bg-yellow-400 rounded-xl px-4 py-2 w-min mx-auto mb-2 lg:mb-4 font-bold text-black">
<p id="i0saww-2" class="uppercase text-sm tracking-widest">PACKAGES
<br/>
</p>
</div>
<h2 id="i02ypl" class="text-3xl lg:text-6xl lg:max-w-4xl">On-demand design plans. Easy to control and manage your expenses budget.
<br/>
</h2>
<h4 id="ih6sdk" class="text-xl lg:text-2xl lg:max-w-4xl">Straight forward pricing without surprises. Save hiring and training costing.
<br/>
</h4>
</div>
</div>
<div id="iv1jxo" class="grid lg:grid-cols-3 gap-4 lg:gap-8">
<div class="flex lg:py-8">
<div id="izisf7" class="rounded-3xl p-8 flex flex-col bg-white w-full gap-8">
<h4 id="iffrbn" class="font-bold text-xl">Startup Plan.
<br/>
</h4>
<p id="ixezvk" class="text-2xl lg:text-4xl font-semibold text-center">$399
<sub id="ifgdfo" class="text-xl">/month</sub>
</p>
<p id="ij46c1" class="mb-2 opacity-80">Small brand with big design needs? Say goodbye to the time-consuming process of hunting for freelancers. We’ve got you covered.
<br/>
</p>
<ul class="grid gap-2">
<li id="ikiw8v">Digital Ads & Social Media Visuals
<br/>
</li>
<li id="ik9zqy">Print Media & Graphic Design
<br/>
</li>
</ul>
<a id="iua6ee" href="#" class="lg:mt-auto bg-slate-200 rounded-2xl text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80">Schedule a call</a>
</div>
</div>
<div id="i3ls5e" class="flex">
<div id="iptuw8" class="rounded-3xl p-8 flex flex-col bg-white w-full gap-8">
<h4 id="i9z3h7" class="font-bold text-xl">Growth Plan.
<br/>
</h4>
<p id="iy6ib6" class="text-2xl lg:text-4xl font-semibold text-center">$1,499
<sub id="ifgdfo-2" class="text-xl">/month</sub>
</p>
<p id="iq1q0c-2" class="mb-2 opacity-80">Boost your startup's reach with our comprehensive creative team. Enhance your existing design team or widen your startup's coverage, we're here to help you grow. Simply integrate us into your design workflow.
<br/>
</p>
<ul id="irdvuw" class="grid gap-2">
<li id="igleul">Digital Ads & Social Media Visuals
<br/>
</li>
<li id="i8ns1e">Print Media & Graphic Design
<br/>
</li>
<li id="ic662u">Logo & Branding Identity Design
<br/>
</li>
<li id="i4gy5a">Website / UIUX Design
<br/>
</li>
<li id="iqm4fy">Website Banner & Email Graphics
<br/>
</li>
</ul>
<a id="i7ep1k" href="#" class="bg-yellow-400 rounded-2xl text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80 shadow-xl">Schedule a call</a>
</div>
</div>
<div class="flex lg:py-8">
<div id="incmfh" class="rounded-3xl p-8 flex flex-col bg-white w-full gap-8">
<h4 id="ign1pq" class="font-bold text-xl">Social Media Plan.
<br/>
</h4>
<p id="ibsnk2" class="text-2xl lg:text-4xl font-semibold text-center">$799
<sub id="ifgdfo-3" class="text-xl">/month</sub>
</p>
<p id="i4zho2" class="mb-2 opacity-80">Unique solutions for startups to scaling up their business.
<br/>
</p>
<ul id="i8nw5m" class="grid gap-2">
<li id="is7j1u">Digital Ads & Social Media Visuals
<br/>
</li>
<li id="iqc8zy">Print Media & Graphic Design
<br/>
</li>
<li id="ift07b">Logo & Branding Identity Design
<br/>
</li>
<li id="i5k6ul">Content Planning & Execution
<br/>
</li>
</ul>
<a id="io3l53" href="#" class="lg:mt-auto bg-slate-200 rounded-2xl text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80">Schedule a call</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="ic9zta-2">
<div id="i18pp7-2" class="container py-16 mx-auto px-4 lg:px-16">
<div id="ilphk" class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div class="col-span-1">
</div>
<div id="i7la4" class="flex gap-4 flex-col items-center text-center">
<h2 id="iv9b6a" class="text-3xl lg:text-6xl">Tested solutions for common industries.
<br/>
</h2>
</div>
</div>
<div id="i3q7oc" class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8 lg:px-16">
<div id="iftfm-2" class="flex flex-col gap-4 p-8 rounded-3xl bg-yellow-100">
<h6 id="irnlz1" class="text-base lg:text-lg capitalize font-semibold">Small Business.
<br/>
</h6>
<h4 id="iwdbr7-2" class="text-xl font-semibold">You need a flexible and affordable design team.
<br/>
</h4>
<p id="i6w8m">You already have so much on your plate and an in-house designer is not in the budget. Send your design needs to us and get back to business.
<br/>
</p>
</div>
<div id="iq7hjh" class="flex flex-col gap-4 p-8 rounded-3xl bg-yellow-200">
<h6 id="ie6ex1" class="text-base lg:text-lg capitalize font-semibold">Digital Agency.
<br/>
</h6>
<h4 id="ibpg6t" class="text-xl font-semibold">You need creatives across several brands.
<br/>
</h4>
<p id="i9g8ni">Outsource your creative department and stay focused on your core competencies. You bring the strategy and we bring the design.
<br/>
</p>
</div>
<div id="il8vx" class="flex flex-col gap-4 p-8 rounded-3xl bg-yellow-400">
<h6 id="ipkqfp" class="text-base lg:text-lg capitalize font-semibold">Enterprise.
<br/>
</h6>
<h4 id="iuwc7" class="text-xl font-semibold">You need your creatives to beat the competition.
<br/>
</h4>
<p id="ijnwc">Solidify brand authority in your niche. A potential customer is only going to take a glance before deciding to buy or leave, so make it a good one.
<br/>
</p>
</div>
</div>
</div>
</section>
<section id="iy1nqq">
<div id="io171k" class="container py-16 mx-auto px-4 lg:px-16">
<div class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
</div>
<div id="ie51gt" class="grid grid-cols-1 lg:mx-24 mb-8 lg:mb-16">
<div id="i9ouwy" class="flex gap-4 flex-col items-center text-center">
<div id="i8ynqc" class="bg-yellow-400 rounded-xl px-4 py-2 w-min mx-auto mb-2 lg:mb-4 font-bold">
<p id="ictonh" class="text-sm tracking-widest">FAQs
</p>
</div>
<h2 id="iw8qxr" class="text-3xl lg:text-6xl lg:max-w-4xl">Still not convinced?
<br/>We’ve got the answers.
<br/>
</h2>
</div>
</div>
<div id="iyl2mw" class="flex flex-col lg:max-w-6xl mx-auto bg-slate-100 divide-y divide-slate-300 p-4 rounded-3xl">
<div id="i0yeej" x-data="{ isOpen: true }" class="p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p class="text-lg font-semibold flex-grow">How often will I be billed?
</p>
<div id="ipc6tj" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded-full flex items-center justify-center cursor-pointer bg-black bg-opacity-10">
<i id="ix3fue" :class="isOpen ? 'fa-chevron-up' : 'fa-chevron-down'" class="fas">
</i>
</div>
</div>
<div id="ixn91f" x-show="isOpen" class="text-lg">All of our plans rebill each month from the date of purchase until cancelled.
<br/>
</div>
</div>
<div id="iv7jmd" x-data="{ isOpen: false }" class="p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p id="iclhnz" class="text-lg font-semibold flex-grow">How does this design model work?
</p>
<div id="in8z11" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded-full bg-black bg-opacity-10 flex items-center justify-center cursor-pointer">
<i id="i21zme" :class="isOpen ? 'fa-chevron-up' : 'fa-chevron-down'" class="fas">
</i>
</div>
</div>
<div id="ifl1xy" x-show="isOpen" class="text-lg">Our design model allows you to submit as many design requests as you want into your queue. We’ll make as many revisions needed to satisfy your needs and once we send you the first drafts, we’ll move on to the next items in your list. You don’t have to wait for a job to be fully completed before we start working in your next project. The actual unique number of designs you can receive will vary based on several factors such as speed of communication, clarity in briefs, complexity of projects, etc.
<br/>
</div>
</div>
<div id="if56dp" x-data="{ isOpen: false }" class="p-8 gap-8 flex flex-col">
<div class="flex gap-4 items-center justify-center">
<p class="text-lg font-semibold flex-grow">Do we have to sign any contracts?
</p>
<div id="ihojwa" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded-full bg-black bg-opacity-10 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">We’re a pay-as-you-go design service that understands the financial uncertainties we all face in today’s economic climate. We do not require any contracts or commitments in order to offer you beautiful designs and a top notch experience.
<br/>
</div>
</div>
<div id="invtgj" x-data="{ isOpen: false }" class="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 Active Requests?
</p>
<div id="ipn6gd" x-on:click="isOpen = !isOpen" class="min-w-8 min-h-8 rounded-full bg-black bg-opacity-10 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">The number of new requests we can work on at one time, not counting revisions.
<br/>
</div>
</div>
</div>
</div>
</section>
<section id="i1mo7q" class="container mx-auto my-8 px-4 lg:my-16 lg:px-16">
<div id="il6fpg-2" class="group relative grid grid-cols-1 gap-0 lg:gap-32 overflow-hidden rounded-3xl bg-yellow-400 lg:grid-cols-2">
<div id="iccqqm-2" class="col-span-1 flex flex-col justify-center p-8 lg:px-16 lg:py-12 gap-8">
<h2 id="ibfxja-2" class="text-3xl lg:text-6xl lg:max-w-4xl">Plug us into your existing workflow and start growing.
<br/>
</h2>
<h4 id="iuvwiy-2" class="text-xl lg:text-2xl lg:max-w-4xl">Schedule a call with us and get 20% for your first trial to make sure we’re a solid match.
<br/>
</h4>
<a id="iutoxc" href="#" class="bg-slate-200 rounded-2xl text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80 lg:max-w-max">Schedule a call</a>
</div>
<img id="ivfr4c-2" src="https://images.unsplash.com/photo-1652449823136-b279fbe5dfd3?q=80&w=3850&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="object-cover w-full h-full"/>
</div>
</section>
<footer id="i4ft15" class="flex flex-col lg:flex-row container mx-auto px-4 lg:px-16 mb-16 justify-between gap-8">
<img id="idc7be" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HadaPWLBTGAcR4hOeV4nvxXS2RxkSDeaULQ3ym2T.svg" class="max-h-12 max-w-max mx-auto lg:mx-0"/>
<div id="i8aosj" class="flex flex-col lg:flex-row lg:gap-4 gap-2">
<a id="ih414v" href="#" class="text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80 lg:max-w-max">Benefits</a>
<a id="i02vh4" href="#" class="text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80 lg:max-w-max">Pricing</a>
<a id="iiw66g" href="#" class="text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80 lg:max-w-max">FAQs</a>
<a id="i1fh15" href="#" class="bg-black rounded-2xl text-lg font-semibold px-6 w-full h-12 flex items-center justify-center hover:opacity-80 lg:max-w-max text-white">Schedule a call</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