<body id="i6rr">
<nav x-data="{ isOpen: false }" class="fixed w-full z-50 p-6">
<div class="p-2 w-full mx-auto rounded-lg flex flex-col lg:flex-row bg-white bg-opacity-80 backdrop-filter backdrop-blur container">
<div class="h-12 flex justify-between">
<img src="https://cdn.glitch.global/16c1060a-84ef-4364-baee-52e9c6da00a5/2843136f-e299-447d-a8a4-9e3f17746926.image.png?v=1668040849154" class="h-full"/>
<div id="idoq" x-on:click="isOpen = !isOpen" x-on:click.outside="isOpen = false" class="w-12 flex items-center justify-center lg:hidden cursor-pointer">
<span :class="!isOpen ? '' : 'hidden'"><i id="io0i" 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="#benefits" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-blue-600">Benefit</a>
<a href="#how-to" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-blue-600">How To</a>
<a href="#templates" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-blue-600">Templates</a>
<a href="#testimony" class="rounded-lg px-6 flex items-center h-12 -mx-2 lg:mx-0 hover:text-blue-600">Testimonial</a>
<a href="#contact" class="bg-gray-800 text-white font-semibold rounded-lg px-6 flex items-center justify-center mx-4 mb-4 lg:mb-0 lg:mr-0 lg:ml-4 h-12 mt-4 lg:mt-0 hover:opacity-80">Contact Us</a>
</div>
</div>
</nav>
<section class="container mx-auto lg:pt-32">
<div class="relative flex items-center w-full">
<div id="iq0if" class="relative mx-auto container bg-no-repeat lg:rounded-lg bg-top bg-center flex justify-center">
<img id="i8v9s" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/fZ86fCYRtyt0jwsJGKQf54bDhpGUsrczOroYJcAH.png" class="w-full absolute top-0 left-0 aspect-video object-contain"/>
<div id="imfzl" class="text-center px-8 items-center h-full pt-28 max-w-full lg:max-w-5xl lg:mx-16 sticky">
<p class="text-gray-500 text-sm font-semibold mb-2">Nak bina website tapi tak reti nak buat?
</p>
<h1 id="iqrng" class="font-bold mb-4 lg:mb-8 text-3xl lg:text-6xl">Dapatkan website cantik dan dijamin mesra pelanggan
</h1>
<p class="mx-auto max-w-3xl text-base font-semibold text-xl lg:text-2xl mb-4 lg:mb-8">Kami bantu bina website dengan template unik SenangStart untuk
anda nikmati lebih banyak sale dan lead
</p>
<div class="mx-auto w-max mb-8 lg:mb-16 flex gap-6">
<a href="#templates" class="bg-blue-600 text-white text-lg font-semibold rounded-lg w-full lg:w-max px-8 h-14 items-center justify-center flex hover:opacity-80">Templates</a>
<a href="#benefits" class="text-blue-600 border-blue-600 border-2 text-lg font-semibold rounded-lg w-full lg:w-max px-8 h-14 items-center justify-center flex hover:opacity-80">Benefit</a>
</div>
<div class="w-full mx-auto">
<div class="aspect-video">
<video allowfullscreen="allowfullscreen" id="ikajs" src="https://cdn.glitch.global/82d64943-fcf3-455b-bf6d-b3e19eb9a042/Ss-Demo-Video.webm?v=1704991609660" loop muted autoplay controls class="rounded-lg mx-auto w-full border shadow-xl">
</video>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="problems" class="h-20">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="text-center">
<div class="headline max-w-full lg:max-w-3xl mx-auto mb-8">
<div class="bg-blue-500 rounded-lg px-2 py-1 w-min mx-auto mb-2 lg:mb-4">
<p class="font-bold text-white uppercase text-sm">Masalah
</p>
</div>
<div class="text-3xl lg:text-6xl capitalize mb-4 font-bold">Nak Buat Website?
</div>
<div class="text-base lg:text-lg">Template sedia ada Senangstart bantu dapatkan website sepantas 3
hari
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
<div class="bg-gray-100 rounded-lg px-4 pt-4 flex flex-col justify-between">
<div>
<div class="text-lg lg:text-xl font-semibold mb-4">Penceritaan Produk/Servis
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Copywriting & visual professional dengan penceritaan
menyentuh emosi
</div>
</div>
<div class="aspect-w-4 aspect-h-3">
<img id="i7q66" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/jDxkE6GbSv5i7dRbCSysqw1gRfwCmLoxPr7pX7CM.png" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-4 flex flex-col justify-between">
<div>
<div class="text-lg lg:text-xl font-semibold mb-4">Terima Tempahan 24/7
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Dapatkan prospek dan pelanggan yang berkualiti
</div>
</div>
<div class="aspect-w-4 aspect-h-3">
<img id="ih9j9" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/YssuekVGLwgSaujwZVDbLISy17FJ57JUnywGtZ7J.png" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-4 flex flex-col justify-between">
<div>
<div class="text-lg lg:text-xl font-semibold mb-4">Automasikan Berbisnes
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Simpan Database Pelanggan, Notifikasi Tempahan, & Payment
Gateway
</div>
</div>
<div class="aspect-w-4 aspect-h-3">
<img id="igtpi" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/E0lMaCfeoPasgTyc46K0ZtVhpujadKuljUU6ByCG.png" class="w-full"/>
</div>
</div>
</div>
</div>
</section>
<section id="solution" class="h-20">
</section>
<section id="i2o7l" class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div id="icw3q" class="text-center">
<div id="ibvc5" class="max-w-full lg:max-w-3xl mx-auto mb-8 px-6 lg:px-16">
<div class="bg-blue-500 rounded-lg px-2 py-1 w-min mx-auto mb-2 lg:mb-4">
<p class="font-bold text-white uppercase text-sm">Solusi
</p>
</div>
<div id="i0gsr" class="text-3xl lg:text-6xl capitalize mb-4 font-bold">Kenalkan SenangStart
</div>
<div class="text-base lg:text-lg">Dapatkan website dengan cepat, mudah dan efektif
</div>
</div>
<div class="aspect-video">
<iframe allowfullscreen="allowfullscreen" id="ilhdl" src="https://www.youtube.com/embed/svg%3E?" __idm_id__="3858434" class="w-full h-full inset-0 rounded-none lg:rounded-lg"></iframe>
</div>
</div>
</section>
<section id="benefits" class="h-20">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="text-center">
<div class="headline max-w-full lg:max-w-3xl mx-auto mb-8">
<div class="bg-blue-500 rounded-lg px-2 py-1 w-max mx-auto mb-2 lg:mb-4">
<p class="font-bold text-white uppercase text-sm">Kelebihan
</p>
</div>
<div class="text-3xl lg:text-6xl capitalize mb-4 font-bold">Kenapa SenangStart?
</div>
<div class="text-base lg:text-lg">
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<div id="ikhr17" class="bg-gray-100 rounded-lg px-4 pt-8 lg:pt-16 flex flex-col justify-between overflow-hidden">
<div>
<div id="ipxyts" class="text-xl font-bold mb-4">Template Mesra Conversion
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Design berkesan bina kepercayaan di kalangan prospek
</div>
</div>
<div class="aspect-w-4 aspect-h-3 -mb-4 transition duration-500 ease-in-out transform hover:-translate-y-4">
<img id="i26mg8" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/M1oc32UdLIT75ckFOyHc8zzbfrnhuTb5sPPNfVzO.gif" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-8 lg:pt-16 flex flex-col justify-between overflow-hidden">
<div>
<div class="text-xl font-bold mb-4">Tidak Perlu Selenggara
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Teknologi pembinaan tersendiri tanpa penyelenggaraan
</div>
</div>
<div class="aspect-w-4 aspect-h-3 -mb-4 transition duration-500 ease-in-out transform hover:-translate-y-4">
<img id="ilywss" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/rno7BfMgS3faZPYBz7m2nU4CIVLzSJARG8MGrmbi.png" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-8 lg:pt-16 flex flex-col justify-between overflow-hidden">
<div>
<div class="text-xl font-bold mb-4">Notifikasi Terus Ke WhatsApp
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Terima tempahan & temu janji pelanggan di WhatsApp
</div>
</div>
<div class="aspect-w-4 aspect-h-3 -mb-4 transition duration-500 ease-in-out transform hover:-translate-y-4">
<img id="islxeg" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/LCfWAf5CZmAATl6U6IIQnBsobLvFjKpkcDtumfCV.gif" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-8 lg:pt-16 flex flex-col justify-between overflow-hidden">
<div>
<div class="text-xl font-bold mb-4">Database Prospek
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Simpan maklumat prospek di portal admin dengan mudah
</div>
</div>
<div class="aspect-w-4 aspect-h-3 -mb-4 transition duration-500 ease-in-out transform hover:-translate-y-4">
<img id="ish8r6" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/cBoHU35zdpud9y0DhySQypCyWODxsouFM7qui8xs.png" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-8 lg:pt-16 flex flex-col justify-between overflow-hidden">
<div>
<div class="text-xl font-bold mb-4">Dashboard Analytics
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Lihat data pelawat secara real-time
</div>
</div>
<div class="aspect-w-4 aspect-h-3 -mb-4 transition duration-500 ease-in-out transform hover:-translate-y-4">
<img id="imdnnj" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/R9mzJY42xAMSmMokcINkib2U8mKqY4gfkBwKaV75.png" class="w-full"/>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-4 pt-8 lg:pt-16 flex flex-col justify-between overflow-hidden">
<div>
<div class="text-xl font-bold mb-4">Boleh Dinaiktaraf
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Naik taraf website ikut permintaan
</div>
</div>
<div class="aspect-w-4 aspect-h-3 -mb-4 transition duration-500 ease-in-out transform hover:-translate-y-4">
<img id="ipzakx" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/ftQEi51bKcSFOH43fyiZS9WrcNUeZLaOXqbvMjco.png" class="w-full"/>
</div>
</div>
</div>
<div class="bg-gray-100 rounded-lg px-0 lg:px-16 pt-2 lg:pt-16 my-2 lg:my-4 text-center">
<div>
<div class="font-ranille font-bold text-xl lg:text-32 mb-2 lg:mb-4">Portal Admin
</div>
<div class="text-base lg:text-lg mb-4 w-3-4 mx-auto">Kemaskini dan tukar konten website
</div>
</div>
<div class="aspect-w-21 aspect-h-9">
<img id="iwpj8k" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/uFjnUP6H162qERwTydD4RGE6O6ybooCzHFcpE3Ts.png" class="w-full"/>
</div>
</div>
<div class="grid grid-cols-2 lg:grid-cols-4 gap-2 lg:gap-4">
<div class="bg-gray-100 rounded-lg p-2 lg:p-4">
<div class="aspect-w-4 aspect-h-3 mb-2 lg:mb-4">
<img id="ia74wj" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/OnGSF3h9LItOjsN3tmn5mOeNCtDKOMbI2IYEuuEv.png" class="w-full"/>
</div>
<div class="font-bold text-xs lg:text-xl">Database Pelanggan
</div>
</div>
<div class="bg-gray-100 rounded-lg p-2 lg:p-4">
<div class="aspect-w-4 aspect-h-3 mb-2 lg:mb-4">
<img id="itcswq" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/2w3AOATyVRSwSNGsqOZL3QauxPN0bXqHPr1IhHWA.png" class="w-full"/>
</div>
<div class="font-bold text-xs lg:text-xl">Google Analitik & Pixel
</div>
</div>
<div class="bg-gray-100 rounded-lg p-2 lg:p-4">
<div class="aspect-w-4 aspect-h-3 mb-2 lg:mb-4">
<img id="i7ynkw" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/wfVKvyKfWw7V2FJbn5x1x5Vl7dOZaJ7wgULupc2P.png" class="w-full"/>
</div>
<div class="font-bold text-xs lg:text-xl">Payment Gateway
</div>
</div>
<div class="bg-gray-100 rounded-lg p-2 lg:p-4">
<div class="aspect-w-4 aspect-h-3 mb-2 lg:mb-4">
<img id="ibrefn" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/ovjamaO86HkbrvfBpGOs2W4Nc3NCdWxg87suSftV.png" class="w-full"/>
</div>
<div class="font-bold text-xs lg:text-xl">Invoice & Resit Online
</div>
</div>
</div>
</div>
</section>
<section id="how-to" class="h-20">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="text-center">
<div class="max-w-full lg:max-w-3xl mx-auto mb-8">
<div class="bg-blue-500 rounded-lg px-2 py-1 w-max mx-auto mb-2 lg:mb-4">
<p class="font-bold text-white uppercase text-sm">Cara order
</p>
</div>
<div class="text-3xl lg:text-6xl capitalize mb-4 font-bold">Saya Berminat, Apakah Langkah Seterusnya?
</div>
<div class="text-base lg:text-lg">Dapatkan Website Senangstart Dalam 3 Langkah Mudah:
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
<div class="py-4 lg:py-8 bg-gray-100 text-center rounded-lg">
<div class="text-white font-bold bg-blue-500 rounded-lg px-2 py-1 w-max mx-auto mb-2 lg:mb-4">LANGKAH 1
</div>
<div class="aspect-w-3 aspect-h-2 mb-2 lg:mb-4">
<img id="i4kp3i" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/bjxKnsBQHJS1sTMyKy6cgjj5eaZC8CrunuRUwXAW.png" class="w-full"/>
</div>
<div class="w-3-4 mx-auto">
<div class="font-bold text-xl mb-2 lg:mb-4">Pilih Template & Buat Pembayaran
</div>
<div class="text-lg">Dan tunggu emel dari team SenangStart
</div>
</div>
</div>
<div class="py-4 lg:py-8 bg-gray-100 text-center rounded-lg">
<div class="text-white font-bold bg-blue-500 rounded-lg px-2 py-1 w-max mx-auto mb-2 lg:mb-4">LANGKAH 2
</div>
<div class="aspect-w-3 aspect-h-2 mb-2 lg:mb-4">
<img id="i7pphm" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/TyRy8vvqcWvuYQFLVDJUAGk6j2H5Zn5HKPQZ6XDM.png" class="w-full"/>
</div>
<div class="w-3-4 mx-auto">
<div class="font-bold text-xl mb-2 lg:mb-4">Website dalam proses
</div>
<div class="text-lg">Kami dapatkan maklumat & siapkan website anda
</div>
</div>
</div>
<div class="py-4 lg:py-8 bg-gray-100 text-center rounded-lg">
<div class="text-white font-bold bg-blue-500 rounded-lg px-2 py-1 w-max mx-auto mb-2 lg:mb-4">LANGKAH 3
</div>
<div class="aspect-w-3 aspect-h-2 mb-2 lg:mb-4">
<img id="ilillj" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/rL165DbWLP2DXT2KlE4bXWhWRqiQ63J0GDJQ0L6T.png" class="w-full"/>
</div>
<div class="w-3-4 mx-auto">
<div class="font-bold text-xl mb-2 lg:mb-4">Terima Website Baharu
</div>
<div class="text-lg">Tunggu 3 hari dan terus guna website baharu
</div>
</div>
</div>
</div>
</div>
</section>
<section id="templates" class="h-20">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="text-center">
<div class="headline max-w-full lg:max-w-3xl mx-auto mb-8">
<div class="bg-blue-500 rounded-lg px-2 py-1 w-max mx-auto mb-2 lg:mb-4">
<p class="font-bold text-white uppercase text-sm">Templat
</p>
</div>
<div class="text-3xl lg:text-6xl capitalize mb-4 font-bold">Pilih Template Bisnes Anda
</div>
<div class="text-base lg:text-lg">Mudahkan audience kenal siapa brand anda, kenapa anda buat sesuatu
& macam mana anda selesaikan masalah mereka
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-y-4 lg:gap-4 mb-8 lg:mb-16">
<div class="rounded-lg lg:rounded-2xl border border-gray-300 overflow-hidden flex flex-col justify-between">
<div class="p-4 lg:p-8 text-center flex flex-col justify-between h-full">
<div>
<div class="bg-green-500 text-white px-4 py-1 mb-2 lg:mb-4 text-base lg:text-xl rounded-lg w-max font-bold mx-auto">NOW AVAILABLE
</div>
<div class="text-lg lg:text-32 mb-2 lg:mb-4 font-bold">Promosi Website Produk/ Servis
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Promosi website untuk bisnes jual produk/servis hanya untuk 10
orang terawal sahaja.
</div>
</div>
<div>
<a href="/template" class="font-bold text-blue-500 text-sm lg:text-lg">Lihat Butiran<i class="fas fa-arrow-right">
</i></a>
</div>
</div>
<div>
<div class="aspect-w-4 aspect-h-3">
<img id="ip6zhh" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/KFSTOmFRmWaCJHdlzuKu7KQPXzD7qAyXqSgiSQov.png" class="w-full"/>
</div>
</div>
</div>
<div class="rounded-lg lg:rounded-2xl border border-gray-300 overflow-hidden flex flex-col justify-between">
<div class="p-4 lg:p-8 text-center flex flex-col justify-between h-full">
<div>
<div class="bg-green-500 text-white px-4 py-1 mb-2 lg:mb-4 text-base lg:text-xl rounded-lg w-max font-bold mx-auto">NOW AVAILABLE
</div>
<div class="text-lg lg:text-32 mb-2 lg:mb-4 font-bold">Ejen /Dropship
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Sesuai untuk ejen-ejen syarikat besar - Coway, Amway &
Insurans
</div>
</div>
<div>
<a href="/template" class="font-bold text-blue-500 text-sm lg:text-lg">Lihat Butiran<i class="fas fa-arrow-right">
</i></a>
</div>
</div>
<div>
<div class="aspect-w-4 aspect-h-3">
<img id="iu4mzh" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/zh3RhSD3LSjPUFYuv4WHprqWzwKveWBsFtlzvzZd.png" class="w-full"/>
</div>
</div>
</div>
<div class="rounded-lg lg:rounded-2xl border border-gray-300 overflow-hidden flex flex-col justify-between">
<div class="p-4 lg:p-8 text-center flex flex-col justify-between h-full">
<div>
<div class="bg-green-500 text-white px-4 py-1 mb-2 lg:mb-4 text-base lg:text-xl rounded-lg w-max font-bold mx-auto">NOW AVAILABLE
</div>
<div class="text-lg lg:text-32 mb-2 lg:mb-4 font-bold">Personal Branding
</div>
<div class="text-base lg:text-lg mb-4 lg:mb-8">Untuk freelancer atau usahawan solo yang perlu resume online
</div>
</div>
<div>
<a href="/template" class="font-bold text-blue-500 text-sm lg:text-lg">Lihat Butiran<i class="fas fa-arrow-right">
</i></a>
</div>
</div>
<div>
<div class="aspect-w-4 aspect-h-3">
<img id="i90f3r" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/LyZSS6IcfyEg7x3sJ9t2XZ60eddxif7P4ar4A7wv.png" class="w-full"/>
</div>
</div>
</div>
</div>
<div class="text-center text-blue-500">
<a href="https://wa.link/di675h" target="_blank" class="text-lg font-bold">Tunjuk lebih banyak Templat<i class="fas fa-arrow-right">
</i></a>
</div>
</div>
</section>
<section id="testimony" class="h-20">
</section>
<section class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div class="text-center">
<div class="headline max-w-full lg:max-w-3xl mx-auto mb-8">
<div class="bg-blue-500 rounded-lg px-2 py-1 w-min mx-auto mb-2 lg:mb-4">
<p class="font-bold text-white uppercase text-sm">TESTIMONI
</p>
</div>
<div class="text-3xl lg:text-6xl capitalize mb-4 font-bold">Apa Kata Pelanggan?
</div>
<div class="text-base lg:text-lg">Kata-kata pelanggan yang telah membeli:
</div>
</div>
</div>
<div class="review flex slick-initialized slick-slider">
<div class="slick-list draggable">
<div class="grid lg:grid-cols-3 gap-4">
<div>
<div class="bg-gray-100 p-4 text-left rounded-lg h-full">
<div class="font-bold text-lg lg:text-xl mb-1">Amir Azahar
</div>
<div class="text-xs lg:text-sm text-blue-500 mb-4">
<a href="www.isente.com" tabindex="0">www.isente.com</a>
</div>
<div class="text-base lg:text-lg">“Sangat mudah untuk kami dapatkan website kami. Memang betul
senang! Patutlah nama pun senangstart."
</div>
</div>
</div>
<div>
<div class="bg-gray-100 p-4 text-left rounded-lg h-full">
<div class="font-bold text-lg lg:text-xl mb-1">Zahin Syahiran
</div>
<div class="text-xs lg:text-sm text-blue-500 mb-4">
<a href="www.senangreka.com" tabindex="0">www.senangreka.com</a>
</div>
<div class="text-base lg:text-lg">“Selepas menggunakan servis SenangStart untuk dapatkan website
rasmi syarikat, dalam masa satu bulan kami dah berjaya da...
</div>
</div>
</div>
<div>
<div class="bg-gray-100 p-4 text-left rounded-lg h-full">
<div class="font-bold text-lg lg:text-xl mb-1">Azim Azhar
</div>
<div class="text-xs lg:text-sm text-blue-500 mb-4">
<a href="www.mobcut.com" tabindex="0">www.mobcut.com</a>
</div>
<div class="text-base lg:text-lg">“SenangStart memang berbaloi! Website nampak macam apps,
senang untuk customer order servis kami. Semua puas hati!”
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="h-20">
</section>
<section id="icpcfu" class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
<div id="ixltjh" class="rounded-lg bg-gray-800">
<div id="i1485s" class="grid grid-cols-1 lg:grid-cols-3 gap-4">
<div class="lg:col-span-2 py-4 lg:py-16 pl-4 lg:pl-16 pr-4 lg:pr-10 justify-between flex flex-col">
<div>
<div class="text-3xl lg:text-6xl font-bold text-white mb-2 lg:mb-4">Tempah sesi 1-on-1 audit bisnes anda
</div>
<div class="text-base mb-4 lg:mb-8 text-white">Tempah sesi konsultansi bersama kami untuk selesaikan masalah
bisnes anda sekarang.
</div>
</div>
<button type="button" class="bg-blue-500 text-white font-semibold rounded-lg flex justify-center items-center px-8 py-3 w-full lg:max-w-max">Tempah Sesi Konsultansi</button>
</div>
<div id="indju3" class="hidden xl:flex items-end pr-0 lg:pr-16 pt-11">
<div class="mr-4">
<img id="i3ug5l" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/C5U7I5cfn0e3dTn3IusN3agrJGFm4TdEfh5GzPB4.png" class="h-full lg:ml-auto"/>
</div>
</div>
</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="irz9lf" 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