<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Jasa Pembuatan Website & Aplikasi</title>
<script src="https://cdn.tailwindcss.com" type="651a0bfd6398d7dd641f00d6-text/javascript"></script>
</head>
<body class="bg-white text-gray-800">
<!-- Hero Section -->
<section class="bg-blue-600 text-white py-20">
<div class="container mx-auto px-6 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-4">Solusi Digital untuk Bisnismu</h1>
<p class="text-lg md:text-xl mb-8">Kami membantu membangun website & aplikasi mobile profesional sesuai kebutuhan Anda.</p>
<a href="#layanan" class="bg-white text-blue-600 px-6 py-3 rounded-full font-semibold shadow hover:bg-gray-100 transition">Lihat Layanan</a>
</div>
</section>
<!-- Layanan Section -->
<section id="layanan" class="py-20 bg-gray-50">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center mb-12">Layanan Kami</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-4">Pembuatan Website</h3>
<p class="text-gray-600">Website custom, company profile, toko online, landing page, dan lainnya.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-4">Aplikasi Mobile</h3>
<p class="text-gray-600">Pengembangan aplikasi Android & iOS menggunakan Flutter & React Native.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-4">Server</h3>
<p class="text-gray-600">Layanan install dan manage server.</p>
</div>
</div>
</div>
</section>
<!-- Testimoni Section -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6 text-center">
<h2 class="text-3xl font-bold mb-12">Apa Kata Klien Kami</h2>
<div class="max-w-xl mx-auto">
<blockquote class="italic text-gray-700">"Layanan sangat profesional dan responsif. Website kami selesai tepat waktu dengan kualitas terbaik!"</blockquote>
<p class="mt-4 font-semibold text-blue-600">— Andi, CEO Startup Lokal</p>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="bg-blue-600 text-white py-20">
<div class="container mx-auto px-6 text-center">
<h2 class="text-3xl font-bold mb-4">Siap Bangun Proyek Digital Anda?</h2>
<p class="mb-8">Hubungi kami sekarang dan konsultasikan kebutuhan Anda secara gratis!</p>
<a href="https://sasweblabs.com/whatsapp/?p=jasa+pembuatan+website" class="bg-white text-blue-600 px-6 py-3 rounded-full font-semibold shadow hover:bg-gray-100 transition">Hubungi Kami</a>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-100 py-6 text-center text-gray-600">
<p>© 2025 sas.web.id. All rights reserved.</p>
</footer>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="651a0bfd6398d7dd641f00d6-|49" defer></script></body>
</html>