Ads.txt Alerts - Protect your revenue

halogigi.com Ads.txt file

<!DOCTYPE html>
<html lang="id-ID">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="SH1BTkoHXtpLo6GYzW-qwzYCtqsZdg55Yu3yLMel78U" />
<meta name="facebook-domain-verification" content="bzo791q631w250ezkhtpk5wc10y7o4" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#411587">
<meta name="msapplication-TileColor" content="#411587">

<title>HaloGigi - Bersama Wujudkan #IndonesiaTersenyum</title>
<meta name="description" content="HaloGigi adalah platform penyedia layanan informasi kesehatan gigi, mulai dari booking klinik gigi, konsultasi dokter, dan apotek online." />
<meta name="robots"
content="index,follow" />

<link rel="apple-touch-icon" sizes="180x180" href="/assets/logo/halogigi-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/assets/logo/halogigi-logo.png">
<link rel="icon" href="/assets/logo/halogigi-logo.png" />
<link rel="canonical"
href="https://www.halogigi.ai/" />


<meta property="og:url"
content="https://www.halogigi.ai/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="HaloGigi - Bersama Wujudkan #IndonesiaTersenyum" />
<meta property="og:description" content="HaloGigi adalah platform penyedia layanan informasi kesehatan gigi, mulai dari booking klinik gigi, konsultasi dokter, dan apotek online." />
<meta property="og:image"
content="https://www.halogigi.ai/assets/background/123618273.webp" />
<meta property="og:locale" content="id_ID" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Halogigi" />
<meta property="og:image:alt"
content="123618273" />
<meta property="og:image:type" content="image/webp" />


<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain"
content="https://www.halogigi.ai/" />
<meta property="twitter:url"
content="https://www.halogigi.ai/" />
<meta name="twitter:title" content="HaloGigi - Bersama Wujudkan #IndonesiaTersenyum" />
<meta name="twitter:description" content="HaloGigi adalah platform penyedia layanan informasi kesehatan gigi, mulai dari booking klinik gigi, konsultasi dokter, dan apotek online." />
<meta property="twitter:image" content="https://www.halogigi.ai/assets/background/123618273.webp" />


<script async src="https://www.googletagmanager.com/gtag/js?id=G-H2XWQDL28K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-H2XWQDL28K');
</script>


<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.halogigi.ai/"
},
"headline": "HaloGigi - Bersama Wujudkan #IndonesiaTersenyum",
"description": "HaloGigi adalah platform penyedia layanan informasi kesehatan gigi, mulai dari booking klinik gigi, konsultasi dokter, dan apotek online.",
"image": [
"https://www.halogigi.ai/assets/background/123618273.webp"
],
"author": {
"@type": "Person",
"name": "Tim Medis HaloGigi",
"url": "https://www.halogigi.ai/editor-board"
},
"publisher": {
"@type": "Organization",
"name": "HaloGigi",
"logo": {
"@type": "ImageObject",
"url": "https://www.halogigi.ai/assets/logo/logo-halo-gigi-default-ver.png"
}
},
"datePublished": "2025-09-09T14:30:59+07:00",
"dateModified": "2025-09-04T16:33:53+07:00"

}
</script>


<meta name="author" content="Tim Editorial HaloGigi">
<meta name="publisher" content="PT Gigi Sehat GigiKita">
<meta name="google-site-verification" content="7dpfwSJGTtO6mDs-D7549N6KsIPyqi_rNTBpYXVwrDw" />

<script async src="https://www.googletagmanager.com/gtag/js?id=G-CNP91JKB3Q"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-CNP91JKB3Q');
</script>

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KQMPVF5Q');</script>


<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '954602696874843');
954602696874843
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=954602696874843&ev=PageView&noscript=1"
/></noscript>



<script>
// Wait until fbq() is ready
function waitForFbqReady(callback) {
const interval = setInterval(() => {
if (typeof fbq === 'function') {
clearInterval(interval);
callback();
}
}, 100);
}

// Generic tracker
function trackClick(selector, eventName, params = {}) {
document.querySelectorAll(selector).forEach(el => {
el.addEventListener('click', () => {
fbq('track', eventName, typeof params === 'function' ? params() : params);
console.log(`FB Pixel Event: ${eventName}`, params);
});
});
}
</script>



<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:6425053,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>



<link rel="preload" as="style" href="https://www.halogigi.ai/build/assets/site-CuY5no3S.css" /><link rel="modulepreload" href="https://www.halogigi.ai/build/assets/site-l0sNRNKZ.js" /><link rel="stylesheet" href="https://www.halogigi.ai/build/assets/site-CuY5no3S.css" data-navigate-track="reload" /><script type="module" src="https://www.halogigi.ai/build/assets/site-l0sNRNKZ.js" data-navigate-track="reload"></script>
<style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
</head>

<body>
<div x-data="{ isModal: false }">

<div wire:snapshot="{"data":{"hideClose":false,"hidden":true},"memo":{"id":"Ng2Ts7AHCUKgQnGMEV5c","name":"components.top-promo","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id_ID"},"checksum":"e8e1cfce5b441254015c5f74326ef6214f86ed0560ab603ab47ac50f37573dd7"}" wire:effects="[]" wire:id="Ng2Ts7AHCUKgQnGMEV5c" class="relative">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

 <div class=" duration-300 h-[60px]"
style="background-color: #2381E6;">
<div
class="container mx-auto flex sm:justify-center items-center gap-5 h-full relative px-5 lg:px-0 overflow-hidden">
<div class="swiper-container swiper-ads-top relative overflow-hidden md:!h-[60px]">
<div class="swiper-wrapper">
  <a href="/promo-behel-sns" class="swiper-slide rounded-md overflow-hidden">
<picture>
<source media="(min-resolution: 192dpi) and (min-width: 1921px)"
srcset="/assets/ads/1920x60.png" />
<source media="(min-resolution: 192dpi) and (min-width: 1025px)"
srcset="/assets/ads/1280x60.png" />
<source media="(min-width: 1441px)"
srcset="/assets/ads/1920x60.png" />
<source media="(min-width: 1025px)"
srcset="/assets/ads/1280x60.png" />
<source media="(min-width: 768px)"
srcset="/assets/ads/834x60.png" />
<source media="(max-width: 480px)"
srcset="/assets/ads/360x60.png" />
<source media="(min-resolution: 192dpi) and (max-width: 480px) "
srcset="/assets/ads/360x60.png" />

<img src="/assets/ads/1280x60.png" alt="Top Strip Ad"
class="top-strip-img" width="auto" height="auto" />
</picture>
</a>


</div>
</div>
 <button class="absolute right-5 lg:right-0 z-[80] hover:bg-red-800 rounded-full" wire:click='hitHidden()'>
<svg class="w-6 h-6 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M6 18 17.94 6M18 18 6.06 6" />
</svg>
</button>

</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const ads = new Swiper('.swiper-ads-top', {
simulateTouch: false,
allowTouchMove: false,
direction: 'vertical',
loop: true,
autoplay: {
delay: 6000,
disableOnInteraction: false,
},
});

});
</script>


</div>
<nav wire:snapshot="{"data":{"data":[{"main_logo":"logo\/logo-halo-gigi-ungu-main.png","main_menu":[[[{"id":"m48ktp6y","url":"\/","text":"Beranda"},{"s":"arr"}],[{"id":"m48kuk3p","url":"\/mitra","text":"Jadi Mitra"},{"s":"arr"}],[{"id":"mc49j001","url":"\/behelcare","text":"Behel Care"},{"s":"arr"}],[{"id":"m67epfhb","url":"\/webinar","text":"HaloGigi Talk"},{"s":"arr"}],[{"id":"mcylo5b9","url":"\/kontak","text":"Kontak"},{"s":"arr"}]],{"s":"arr"}],"button_nav":[[[{"id":"m7suzkmo","url":"\/selfscreening","text":"Self-Screening","type":"item_button","enabled":true,"is_block":false,"secondary":true},{"s":"arr"}]],{"s":"arr"}],"secondary_logo":"logo\/logo-halogigi-light.png","navbar_button_text":"Download Aplikasi","global_custom_script_head":[{"code":"<meta name=\"author\" content=\"Tim Editorial HaloGigi\">\n<meta name=\"publisher\" content=\"PT Gigi Sehat GigiKita\">\n<meta name=\"google-site-verification\" content=\"7dpfwSJGTtO6mDs-D7549N6KsIPyqi_rNTBpYXVwrDw\" \/>\n\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-CNP91JKB3Q\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-CNP91JKB3Q');\n<\/script>\n\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-KQMPVF5Q');<\/script>\n\n\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '954602696874843');\n 954602696874843\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=954602696874843&ev=PageView&noscript=1\"\n\/><\/noscript>\n\n\n\n<script>\n\/\/ Wait until fbq() is ready\nfunction waitForFbqReady(callback) {\n const interval = setInterval(() => {\n if (typeof fbq === 'function') {\n clearInterval(interval);\n callback();\n }\n }, 100);\n}\n\n\/\/ Generic tracker\nfunction trackClick(selector, eventName, params = {}) {\n document.querySelectorAll(selector).forEach(el => {\n el.addEventListener('click', () => {\n fbq('track', eventName, typeof params === 'function' ? params() : params);\n console.log(`FB Pixel Event: ${eventName}`, params);\n });\n });\n}\n<\/script>\n\n\n\n<script>\n (function(h,o,t,j,a,r){\n h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n h._hjSettings={hjid:6425053,hjsv:6};\n a=o.getElementsByTagName('head')[0];\n r=o.createElement('script');r.async=1;\n r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n a.appendChild(r);\n })(window,document,'https:\/\/static.hotjar.com\/c\/hotjar-','.js?sv=');\n<\/script>\n","mode":"htmlmixed"},{"s":"arr"}]},{"s":"arr"}],"modalDownload":[{"barcode":"qr-download-app.png","mockup_phone":"static\/67a9d083d372a.webp","download_service":[[[{"id":"m5l3h0r6","url":"https:\/\/play.google.com\/store\/apps\/details?id=ai.halogigi.member","type":"item","enabled":true,"provider":"static\/partial\/playstore.svg.webp"},{"s":"arr"}],[{"id":"m767wbhn","url":"\/halogigi-apps","type":"item","enabled":true,"provider":"static\/partial\/appstore.webp"},{"s":"arr"}]],{"s":"arr"}],"heading_download":"Semua Solusi dalam Satu Aplikasi!","description_download":"Satu aplikasi, berbagai solusi. Mulai dari layanan hingga hiburan, kami hadir untuk memenuhi semua kebutuhan Anda. Unduh sekarang dan jadilah bagian dari perubahan!"},{"s":"arr"}],"checkPage":true},"memo":{"id":"HpBX2cw1xjOt3bVIKkb5","name":"components.navbar","path":"\/","method":"GET","children":{"lw-861937972-0":["div","ZtwjgXLME2cADKTazY3v"]},"scripts":[],"assets":[],"errors":[],"locale":"id_ID"},"checksum":"614d6eb2a915aa196ebe3f98c6d88caa0fcc07675d9c8dbee4289390af148ce2"}" wire:effects="[]" wire:id="HpBX2cw1xjOt3bVIKkb5"
class="sticky top-0 z-[99] text-white ">
<div class="container mx-auto px-5 lg:px-0 h-[80px] flex items-center justify-between">
<div class="flex items-center gap-7 logo-web sm:w-[30%]">
<a href="/" class="hover:scale-105 duration-300">
<img src="/assets/logo/logo-halo-gigi-ungu-main.png" loading="lazy" title="main logo"
class="h-[50px] object-left object-contain main-logo hidden "
alt="main logo" height="100%" width="100%">
 <img src="/assets/logo/logo-halogigi-light.png" loading="lazy" title="main logo"
class="h-[50px] object-left object-contain block secondary-logo "
alt="main logo" height="100%" width="100%">

</a>
<div class="px-5 lg:px-0">
<div x-show="isModal"
class="fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50 z-[100] px-5 lg:px-0"
x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak>
<div class="bg-gradient-to-r from-[#F0F8FE] to-[#F5F4FE] rounded-xl overflow-hidden shadow-lg sm:w-[900px] relative text-slate-800"
@click.outside="isModal = false">

<div class="">
<button @click="isModal = false"
class="absolute right-5 top-5 w-[40px] h-[40px] flex justify-center items-center bg-white shadow-md hover:bg-slate-50 rounded-full">
<svg class="w-6 h-6 text-gray-800" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6" />
</svg>
</button>
</div>
<div class="flex flex-col sm:flex-row">
<div class="sm:w-[50%] p-5 sm:p-[50px]">
<p class="heading-3">Semua Solusi dalam Satu Aplikasi!</p>
<p class="paragraph-16-regular mt-2">Satu aplikasi, berbagai solusi. Mulai dari layanan hingga hiburan, kami hadir untuk memenuhi semua kebutuhan Anda. Unduh sekarang dan jadilah bagian dari perubahan!</p>
<div class="mt-5 flex gap-4">
<div class="gap-3 flex flex-row md:flex-col">
 <a href="https://play.google.com/store/apps/details?id=ai.halogigi.member"
class="block rounded-md hover:ring-2 ring-blues-700">
<img src="/assets/static/partial/playstore.svg.webp" loading="lazy"
title="download service" alt="provider download" width="auto"
height="auto" class="h-[40px] md:h-[48.7px] object-contain">
</a>
<a href="/halogigi-apps"
class="block rounded-md hover:ring-2 ring-blues-700">
<img src="/assets/static/partial/appstore.webp" loading="lazy"
title="download service" alt="provider download" width="auto"
height="auto" class="h-[40px] md:h-[48.7px] object-contain">
</a>

</div>
<div class="bg-white p-3 rounded-md h-[110px] hidden md:block">
<img src="/assets/qr-download-app.png" loading="lazy"
title="barcode download service" class="h-full object-contain"
alt="barcode download" width="auto" height="auto">
</div>
</div>
</div>
<div class="sm:w-[50%] flex sm:justify-end">
<img src="/assets/static/67a9d083d372a.webp" loading="lazy"
title="background modal"
class="mt-5 sm:mt-0 w-full h-[300px] sm:h-[492px] object-cover sm:object-contain sm:object-right"
alt="mockup phone" width="auto" height="auto">
</div>
</div>

</div>
</div>
</div>
</div>
<div class="hidden md:flex items-center gap-7 paragraph-14-semibold">

<div class="flex gap-6 menu-desktop duration-0">
 <a href="/" class="relative text-white before:content-[''] before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:w-2 before:h-2 before:bg-white before:rounded-full before:-ml-5 ml-4 mds-active"

Beranda
</a>
<a href="/mitra" class="hover:text-white relative hover:before:content-[''] hover:before:absolute hover:before:left-1/2 hover:before:top-full hover:before:-translate-x-1/2 hover:before:w-2 hover:before:h-2 hover:before:bg-white hover:before:rounded-full hover:before:mt-1 transition-all duration-0 mds-normal"

Jadi Mitra
</a>
<a href="/behelcare" class="hover:text-white relative hover:before:content-[''] hover:before:absolute hover:before:left-1/2 hover:before:top-full hover:before:-translate-x-1/2 hover:before:w-2 hover:before:h-2 hover:before:bg-white hover:before:rounded-full hover:before:mt-1 transition-all duration-0 mds-normal"

Behel Care
</a>
<a href="/webinar" class="hover:text-white relative hover:before:content-[''] hover:before:absolute hover:before:left-1/2 hover:before:top-full hover:before:-translate-x-1/2 hover:before:w-2 hover:before:h-2 hover:before:bg-white hover:before:rounded-full hover:before:mt-1 transition-all duration-0 mds-normal"

HaloGigi Talk
</a>
<a href="/kontak" class="hover:text-white relative hover:before:content-[''] hover:before:absolute hover:before:left-1/2 hover:before:top-full hover:before:-translate-x-1/2 hover:before:w-2 hover:before:h-2 hover:before:bg-white hover:before:rounded-full hover:before:mt-1 transition-all duration-0 mds-normal"

Kontak
</a>

</div>

<div class="flex items-center gap-2">
   <a href="/selfscreening"
class="button-nav-download-secodary py-2 hover:shadow-md px-[24px] border text-white border-white rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
Self-Screening
</a>





<button @click="isModal = true"
class="button-nav-download py-2 hover:shadow-md uppercase px-[24px] bg-white text-haloPurple-600 rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
Download Aplikasi
</button>
</div>

</div>

<div class="block md:hidden">
<div x-data="{ open: false }" class="relative"
x-effect="document.body.style.overflow = open ? 'hidden' : 'auto'">
<button @click="open = !open" class="p-2 rounded-md bg-haloPurple-800 text-white focus:outline-none">
<span x-show="!open">
<svg class="w-6 h-6 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-width="2"
d="M5 7h14M5 12h14M5 17h14" />
</svg>
</span>
<span x-show="open" class="hidden" :class="open ? '!block' : ''">
<svg class="w-6 h-6 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M6 18 17.94 6M18 18 6.06 6" />
</svg>
</span>
</button>

<div x-show="open" @click.away="open = false" x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" class="fixed inset-0 top-0 bg-white text-greys-700 pb-5 z-[99]"
x-cloak wire:ignore>
<div wire:snapshot="{"data":{"hideClose":true,"hidden":true},"memo":{"id":"ZtwjgXLME2cADKTazY3v","name":"components.top-promo","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id_ID"},"checksum":"5439ab81f095317ebf677871d14a153e126d902d6c9967f1b121a5ebb6460a57"}" wire:effects="[]" wire:id="ZtwjgXLME2cADKTazY3v" class="relative">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

 <div class=" duration-300 h-[60px]"
style="background-color: #2381E6;">
<div
class="container mx-auto flex sm:justify-center items-center gap-5 h-full relative px-5 lg:px-0 overflow-hidden">
<div class="swiper-container swiper-ads-top relative overflow-hidden md:!h-[60px]">
<div class="swiper-wrapper">
  <a href="/promo-behel-sns" class="swiper-slide rounded-md overflow-hidden">
<picture>
<source media="(min-resolution: 192dpi) and (min-width: 1921px)"
srcset="/assets/ads/1920x60.png" />
<source media="(min-resolution: 192dpi) and (min-width: 1025px)"
srcset="/assets/ads/1280x60.png" />
<source media="(min-width: 1441px)"
srcset="/assets/ads/1920x60.png" />
<source media="(min-width: 1025px)"
srcset="/assets/ads/1280x60.png" />
<source media="(min-width: 768px)"
srcset="/assets/ads/834x60.png" />
<source media="(max-width: 480px)"
srcset="/assets/ads/360x60.png" />
<source media="(min-resolution: 192dpi) and (max-width: 480px) "
srcset="/assets/ads/360x60.png" />

<img src="/assets/ads/1280x60.png" alt="Top Strip Ad"
class="top-strip-img" width="auto" height="auto" />
</picture>
</a>


</div>
</div>

</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const ads = new Swiper('.swiper-ads-top', {
simulateTouch: false,
allowTouchMove: false,
direction: 'vertical',
loop: true,
autoplay: {
delay: 6000,
disableOnInteraction: false,
},
});

});
</script>


</div> <div class="px-5 container mx-auto">
<div class="h-[80px] flex items-center justify-between mb-3">
<a href="/" class="hover:scale-105 duration-300">
<img src="/assets/logo/logo-halo-gigi-ungu-main.png" loading="lazy" title="main logo"
class="h-[50px] object-left object-contain " alt="main logo" height="100%"
width="100%">
</a>
<button @click="open = !open"
class="p-2 rounded-md bg-haloPurple-800 text-white focus:outline-none">
<span x-show="!open">
<svg class="w-6 h-6 text-white" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-width="2"
d="M5 7h14M5 12h14M5 17h14" />
</svg>
</span>
<span x-show="open" class="hidden" :class="open ? '!block' : ''">
<svg class="w-6 h-6 text-white" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6" />
</svg>
</span>
</button>
</div>
<div class=" hidden">
<input type="text" placeholder="Ketik untuk mencari..."
class="px-[13px] py-[11px] border border-slate-300 w-full rounded-full">
<svg class="absolute top-[35%] right-[6%]" xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" />
</svg>
</div>

<ul class="flex flex-col gap-5 mt-7 paragraph-16-semibold">
 <li>
<a href="/"
class="text-blues-700">
Beranda
</a>
</li>
<li>
<a href="/mitra"
class="text-greys-700">
Jadi Mitra
</a>
</li>
<li>
<a href="/behelcare"
class="text-greys-700">
Behel Care
</a>
</li>
<li>
<a href="/webinar"
class="text-greys-700">
HaloGigi Talk
</a>
</li>
<li>
<a href="/kontak"
class="text-greys-700">
Kontak
</a>
</li>

</ul>
<div class="mt-10">
<div class="flex items-center gap-2">
   <a href="/selfscreening"
class="button-nav-download-secodary py-2 hover:shadow-md px-[24px] border text-haloPurple-800 border-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
Self-Screening
</a>





<button @click="isModal = true"
class="button-nav-download py-2 hover:shadow-md uppercase px-[24px] text-white bg-blues-700 rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
Download Aplikasi
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
 <script>
document.addEventListener("scroll", function () {
const logoSecondary = document.querySelector(".secondary-logo");
const mainlogo = document.querySelector(".main-logo");
if (window.scrollY > 130) {
logoSecondary.classList.remove("block");
logoSecondary.classList.add("hidden");
mainlogo.classList.remove("hidden");
mainlogo.classList.add("block");
} else {
logoSecondary.classList.add("block");
logoSecondary.classList.remove("hidden");
mainlogo.classList.add("hidden");
mainlogo.classList.remove("block");
}
});
</script>


</nav>

<div class="">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<style>
.swiper-slide {
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
opacity: 0.5;
scale: 0.9;
}

.swiper-slide-active {
opacity: 1;
scale: 1;
}
</style>

<section class="bg-haloPurple-800 relative -mt-[81px]">
<div
class="container mx-auto px-5 lg:px-0 flex flex-col justify-center gap-5 items-center h-[600px] sm:h-[70dvh] sm:min-h-[700px]">
<h1 class="heading-48 lg:w-[54%] text-white text-center">Senyum Sehat Dimulai dari Ponselmu</h1>
<div class="mt-3 lg:w-[54%] text-center mx-auto text-white [&>p>em]:text-haloOrange-700 paragraph-16-regular">
<p>Dari cek gigi mandiri hingga konsultasi dokter, semua bisa kamu mulai hanya dengan satu aplikasi. <a href="https://www.halogigi.ai/gigikita-berubah-nama-menjadi-halogigi">(Sebelumnya dikenal sebagai GigiKita, kini hadir dengan teknologi lebih cerdas dan misi lebih besar untuk <em>#IndonesiaTersenyum</em>.)</a></p>

</div>
<div class="flex flex-wrap gap-4 items-center mt-2">

<a href="/selfscreening"
class="button-nav-download py-2 hover:shadow-md uppercase px-[24px] bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
Mulai Cek Gigi Sekarang
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M9.97363 3.60051C9.7803 3.40718 9.45993 3.40718 9.2666 3.60051C9.0736 3.79382 9.07351 4.11331 9.2666 4.30656L12.46 7.49992H2.33301C2.05984 7.5001 1.83305 7.72673 1.83301 7.99992C1.83301 8.27315 2.05982 8.49975 2.33301 8.49992H12.46L9.2666 11.6933C9.07327 11.8866 9.07327 12.207 9.2666 12.4003C9.35993 12.5003 9.49348 12.5468 9.62012 12.5468C9.74676 12.5468 9.87365 12.5003 9.97363 12.4003L14.0205 8.35344C14.2136 8.1601 14.2137 7.83968 14.0205 7.64641L9.97363 3.60051Z"
fill="#323232" />
</svg>
</a>

<a href="/sdgs/komitmen"
class="button-nav-download py-2 hover:shadow-md uppercase px-[24px] bg-haloPurple-500 text-white rounded-full gap-2 paragraph-14-button !text-[12px]">
Komitmen Kami Untuk <em class="slogan">#IndonesiaTersenyum</em>
</a>

</div>
</div>
<div class="w-full pb-5">
<div class="overflow-hidden w-full">
<div class="flex min-w-max marquee gap-5">

<img src="/assets/background/9a7f2e2421ab9c35268e51734efa08e8606abb65-68ac257669026.webp" class="w-[350px] h-[200px] sm:h-[245px] object-cover object-top rounded-lg"
loading="lazy" title="9a7f2e2421ab9c35268e51734efa08e8606abb65-68ac257669026.webp" height="auto" width="auto" alt="9a7f2e2421ab9c35268e51734efa08e8606abb65-68ac257669026.webp" />

<img src="/assets/background/rectangle-30208-68ac28c0ad17e.webp" class="w-[350px] h-[200px] sm:h-[245px] object-cover object-top rounded-lg"
loading="lazy" title="rectangle-30208-68ac28c0ad17e.webp" height="auto" width="auto" alt="rectangle-30208-68ac28c0ad17e.webp" />

<img src="/assets/background/77cf99ff9348eda9315b4fd2e2ba31b05b292394-68ac257faadee.webp" class="w-[350px] h-[200px] sm:h-[245px] object-cover object-top rounded-lg"
loading="lazy" title="77cf99ff9348eda9315b4fd2e2ba31b05b292394-68ac257faadee.webp" height="auto" width="auto" alt="77cf99ff9348eda9315b4fd2e2ba31b05b292394-68ac257faadee.webp" />

<img src="/assets/background/c2e5696ae8a116ffd35eddefddaf645ad5926ebf-68ac2574b46ab.webp" class="w-[350px] h-[200px] sm:h-[245px] object-cover object-top rounded-lg"
loading="lazy" title="c2e5696ae8a116ffd35eddefddaf645ad5926ebf-68ac2574b46ab.webp" height="auto" width="auto" alt="c2e5696ae8a116ffd35eddefddaf645ad5926ebf-68ac2574b46ab.webp" />

<img src="/assets/background/fefad62b6ff7310e2e8d4b9529ba4d3b65713a4c-68ac257ed4f92.webp" class="w-[350px] h-[200px] sm:h-[245px] object-cover object-top rounded-lg"
loading="lazy" title="fefad62b6ff7310e2e8d4b9529ba4d3b65713a4c-68ac257ed4f92.webp" height="auto" width="auto" alt="fefad62b6ff7310e2e8d4b9529ba4d3b65713a4c-68ac257ed4f92.webp" />

</div>
</div>
</div>
</section>

<section class="bg-gradient-to-b from-[#F6EDFF] to-white">
<div class="container mx-auto px-5 lg:px-0 py-10 lg:py-32">
<div class="flex flex-col md:flex-row md:justify-between">
<h2 class="heading-40 md:w-[60%]">Kami ada untuk senyum sehat, Dimanapun anda berada</h2>
<div class="paragraph-16-regular md:w-[40%] mt-2">
<p>9 dari 10 orang indonesia mengalami masalah gigi tanpa disadari. HaloGigi hadir untuk memastikan perawatan gigi lebih mudah, terjangkau, dan dekat denganmu.</p>

</div>
</div>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5 mt-10">

<div
class="min-h-[300px] sm:min-h-[440px] relative rounded-xl bg-cover flex items-end p-5 overflow-hidden border border-slate-200"
style="background-image: url('/assets/background/self-screening-img-68ac27f5ab3f0.webp');">
<div class="bg-gradient-to-b from-white/0 via-[#6969ED]/30 to-[#411587] absolute w-full h-full inset-0">
</div>
<h3 class="heading-22 text-white text-center mx-auto sm:w-[80%] relative z-10">Deteksi gigi lebih cepat dengan teknologi AI</h3>
</div>

<div
class="min-h-[300px] sm:min-h-[440px] relative rounded-xl bg-cover flex items-end p-5 overflow-hidden border border-slate-200"
style="background-image: url('/assets/background/behelcare-img-68ac27f5c3634.webp');">
<div class="bg-gradient-to-b from-white/0 via-[#6969ED]/30 to-[#411587] absolute w-full h-full inset-0">
</div>
<h3 class="heading-22 text-white text-center mx-auto sm:w-[80%] relative z-10">Akses klinik & BehelCare inklusif di kotamu</h3>
</div>

<div
class="min-h-[300px] sm:min-h-[440px] relative rounded-xl bg-cover flex items-end p-5 overflow-hidden border border-slate-200"
style="background-image: url('/assets/background/webinar-img-68ac27f764667.webp');">
<div class="bg-gradient-to-b from-white/0 via-[#6969ED]/30 to-[#411587] absolute w-full h-full inset-0">
</div>
<h3 class="heading-22 text-white text-center mx-auto sm:w-[80%] relative z-10">Belajar merawat gigi lewat artikel & webinar</h3>
</div>

</div>
</div>
</section>

<section class="bg-white relative">
<div
class="container mx-auto px-5 lg:px-0 flex flex-col justify-center gap-5 items-center h-[750px] sm:h-[90dvh] relative overflow-hidden">
<h2 class="heading-40 lg:w-[54%] text-slate-900 text-center order-2 sm:order-none">Teman dalam setiap langkah kesehatan gigimu</h2>
<div
class="mt-2 lg:w-[40%] text-center mx-auto text-slate-800 [&>p>em]:text-haloOrange-700 paragraph-16-regular order-3 sm:order-none">
<p>HaloGigi bukan sekedar aplikasi, tapi pendamping perjalanan gigimu dari awal hingga akhir</p>

</div>
<img src="/assets/static/128372183781283613.webp" class="h-[438px] object-contain order-1 sm:order-none relative z-10" loading="lazy"
title="Teman dalam setiap langkah kesehatan gigimu" height="auto" width="auto" alt="">

<img src="/assets/static/partial/gig.png"
class="absolute w-10 -left-[3%] top-[20%] md:left-[10%] md:top-[25%] z-0" alt="Partial Object" width="auto"
height="auto" loading="lazy">
<img src="/assets/static/partial/lup.png"
class="absolute w-10 left-[10%] top-[50%] md:left-[20%] md:top-[50%] z-0" alt="Partial Object" width="auto"
height="auto" loading="lazy">
<img src="/assets/static/partial/doc.png"
class="absolute w-10 -left-[3%] top-[85%] md:left-[10%] md:top-[85%] z-0" alt="Partial Object" width="auto"
height="auto" loading="lazy">
<img src="/assets/static/partial/edu.png"
class="absolute w-10 -right-[3%] top-[20%] md:right-[10%] md:top-[25%] z-0" alt="Partial Object" width="auto"
height="auto" loading="lazy">
<img src="/assets/static/partial/gig.png"
class="absolute w-10 -right-[10%] top-[50%] md:right-[20%] md:top-[50%] z-0" alt="Partial Object" width="auto"
height="auto" loading="lazy">
<img src="/assets/static/partial/com.png"
class="absolute w-10 -right-[3%] top-[85%] md:right-[10%] md:top-[90%] z-0" alt="Partial Object" width="auto"
height="auto" loading="lazy">
</div>
</section>

<section id="swiper-section" class="z-0 flex items-center justify-center min-h-[100vh] h-full">
<div
class="flex flex-col-reverse sm:flex-row sm:items-start sm:justify-between gap-5 sm:gap-5 md:gap-10 flex-wrap w-full container mx-auto px-5 lg:px-0">
<div class="w-full sm:w-[60%] md:w-[40%]">
<div class="swiper swiper-text w-full h-[50vh] sm:h-[100vh] sm:min-h-[700px]">
<div class="swiper-wrapper">

<div class="swiper-slide bg-white !flex flex-col justify-center border-b border-slate-300 last:border-0">
<span href="/"
class="button-nav-download py-1 w-max px-5 mb-3 bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
Self Screening
</span>
<h2 class="heading-32 text-slate-800">Foto gigimu, Temukan solusinya</h2>
<div class="paragraph-16-regular mt-4 text-slate-700"><p>Cukup ambil foto gigi Anda, lalu biarkan teknologi AI kami menganalisis kondisi gigi dan mulut secara instan. Anda akan mendapatkan rekomendasi solusi terbaik—mulai dari langkah perawatan ringan di rumah hingga saran konsultasi dengan dokter gigi. Semua dilakukan tanpa harus keluar rumah.</p>
</div>
</div>

<div class="swiper-slide bg-white !flex flex-col justify-center border-b border-slate-300 last:border-0">
<span href="/"
class="button-nav-download py-1 w-max px-5 mb-3 bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
Konsultasi Online
</span>
<h2 class="heading-32 text-slate-800">Temui ahlinya tanpa antri</h2>
<div class="paragraph-16-regular mt-4 text-slate-700"><p>Tak perlu repot datang langsung atau menunggu lama di ruang tunggu. Dengan fitur konsultasi online, kamu bisa terhubung dengan dokter gigi terpercaya langsung dari ponselmu. Dapatkan jawaban atas keluhan, saran perawatan, hingga solusi terbaik untuk senyum sehatmu.</p>
</div>
</div>

<div class="swiper-slide bg-white !flex flex-col justify-center border-b border-slate-300 last:border-0">
<span href="/"
class="button-nav-download py-1 w-max px-5 mb-3 bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
Booking Klinik & Apotek
</span>
<h2 class="heading-32 text-slate-800">Reservasi mudah, tanpa telepon</h2>
<div class="paragraph-16-regular mt-4 text-slate-700"><p>Cari klinik atau apotek terdekat, lalu pesan jadwal kunjungan hanya dengan beberapa sentuhan di aplikasi. Tak perlu lagi telepon berulang atau antre lama—semua bisa kamu atur dengan cepat, nyaman, dan pasti sesuai jadwalmu.</p>
</div>
</div>

<div class="swiper-slide bg-white !flex flex-col justify-center border-b border-slate-300 last:border-0">
<span href="/"
class="button-nav-download py-1 w-max px-5 mb-3 bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
BehelCare
</span>
<h2 class="heading-32 text-slate-800">Cicilan ringan untuk senyum percaya diri</h2>
<div class="paragraph-16-regular mt-4 text-slate-700"><p>Kini, perawatan behel bukan lagi hal yang sulit dijangkau. Lewat BehelCare, kamu bisa memulai perjalanan menuju senyum rapi dengan sistem cicilan yang fleksibel dan ramah di kantong. Senyum percaya diri bukan hanya impian, tapi bisa kamu wujudkan mulai hari ini.</p>
</div>
</div>

</div>
</div>
</div>

<div class="w-full sm:w-[35%] md:w-[40%]">
<div class="swiper swiper-images w-full">
<div class="swiper-wrapper pt-[80px] sm:pt-0 h-[50vh] sm:!h-[100vh] sm:min-h-[700px]">

<div class="swiper-slide !flex items-center justify-center bg-white">
<img src="/assets/static/frame-1686557951-68a5c829133cc.webp" loading="lazy" title="Foto gigimu, Temukan solusinya" height="auto" width="auto"
alt="Foto gigimu, Temukan solusinya" class="h-[350px] sm:h-[400px] lg:h-[600px] object-contain object-right">
</div>

<div class="swiper-slide !flex items-center justify-center bg-white">
<img src="/assets/static/frame-1686557951-68a5c82ddd689.webp" loading="lazy" title="Temui ahlinya tanpa antri" height="auto" width="auto"
alt="Temui ahlinya tanpa antri" class="h-[350px] sm:h-[400px] lg:h-[600px] object-contain object-right">
</div>

<div class="swiper-slide !flex items-center justify-center bg-white">
<img src="/assets/static/frame-1686557951-68a5c838e2d51.webp" loading="lazy" title="Reservasi mudah, tanpa telepon" height="auto" width="auto"
alt="Reservasi mudah, tanpa telepon" class="h-[350px] sm:h-[400px] lg:h-[600px] object-contain object-right">
</div>

<div class="swiper-slide !flex items-center justify-center bg-white">
<img src="/assets/static/frame-1686557951-68a5c8329f8a9.webp" loading="lazy" title="Cicilan ringan untuk senyum percaya diri" height="auto" width="auto"
alt="Cicilan ringan untuk senyum percaya diri" class="h-[350px] sm:h-[400px] lg:h-[600px] object-contain object-right">
</div>

</div>
</div>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script>
const swiperImages = new Swiper('.swiper-images', {
slidesPerView: 1,
loop: false,
mousewheel: false,
allowTouchMove: false,
speed: 800,
});

const swiperText = new Swiper('.swiper-text', {
direction: 'vertical',
loop: false,
spaceBetween: 20,
centeredSlides: true,
pagination: {
el: '.swiper-pagination',
clickable: false,
},
speed: 800,
breakpoints: {
1000: {
slidesPerView: 1.9,
allowTouchMove: false,
mousewheel: false,
},
768: {
slidesPerView: 1.5,
allowTouchMove: false,
mousewheel: false,
},
0: {
slidesPerView: 1,
allowTouchMove: false,
mousewheel: true,
}
},
on: {
slideChange: function () {
swiperImages.slideTo(this.activeIndex);
}
}
});

gsap.registerPlugin(ScrollTrigger);
ScrollTrigger.create({
trigger: "#swiper-section",
start: "top top",
end: () => "+=" + (document.querySelector(".swiper-wrapper").scrollHeight * 30),
pin: true,
scrub: true,
onUpdate: (self) => {
const progress = self.progress;
const swiperTotal = swiperText.slides.length - 1;
const swiperIndex = Math.round(progress * swiperTotal);
gsap.to(swiperText, {
duration: 0.6,
onUpdate: () => {
swiperText.slideTo(swiperIndex);
}
});
},
});
</script>
</section>

<section class="pb-28 bg-white">
<div class="container mx-auto px-5 lg:px-0 min-h-[70dvh] flex justify-center items-center relative">
<h2 class="heading-40 text-slate-800 md:w-[60%] mx-auto text-center">Perjalanan gigi sehatmu dimulai dengan satu sentuhan</h2>
<svg xmlns="http://www.w3.org/2000/svg" class="absolute bottom-5 w-full animate-bounce" width="29" height="32"
viewBox="0 0 29 32" fill="none">
<path d="M1 1L14.5 14.6364L28 1M1 17.3636L14.5 31L28 17.3636" stroke="#6969ED" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</section>

<section class="py-32 bg-gradient-to-t from-[#F6EDFF] to-white">
<div class="container mx-auto px-5 lg:px-0 flex flex-col sm:flex-row gap-12 sm:items-center overflow-hidden">
<img src="/assets/static/68a5935668926.webp" loading="lazy" title="hightlight image"
class=" sm:w-[50%] sm:block h-[300px] md:h-[440px] object-contain sm:object-right" alt="main image hero"
width="auto" height="auto">
<div class="sm:w-[50%]">
<h2 class="heading-40 text-slate-800 ">Mulai Self-screening Gratis</h2>
<div class="paragraph-16-regular mt-5 mb-6 text-slate-700"><p>Cukup foto gigimu, biarkan AI kami memberi analisa awal. Unduh aplikasi untuk melanjutkan perawatan dan solusi lengkap.</p>
</div>
<div class="grid gap-3">

<div class="flex gap-5 border-b border-haloPurple-100 pb-3 last:border-0">
<div
class="w-[30px] h-[30px] bg-haloGreen-500 text-slate-800 flex justify-center items-center rounded-full paragraph-16-semibold">
1
</div>
<div class="text-slate-800 paragraph-16-semibold">
Jawab pertanyaan singkat
</div>
</div>

<div class="flex gap-5 border-b border-haloPurple-100 pb-3 last:border-0">
<div
class="w-[30px] h-[30px] bg-haloGreen-500 text-slate-800 flex justify-center items-center rounded-full paragraph-16-semibold">
2
</div>
<div class="text-slate-800 paragraph-16-semibold">
Dapatkan analisis awal dari AI kami
</div>
</div>

<div class="flex gap-5 border-b border-haloPurple-100 pb-3 last:border-0">
<div
class="w-[30px] h-[30px] bg-haloGreen-500 text-slate-800 flex justify-center items-center rounded-full paragraph-16-semibold">
3
</div>
<div class="text-slate-800 paragraph-16-semibold">
Terhubung dengan dokter gigi terbaik
</div>
</div>

</div>
<div class="flex flex-wrap sm:items-center gap-3 mt-5">

<a href="/selfscreening"
class="button-nav-download py-2 hover:shadow-md uppercase px-[24px] bg-haloPurple-600 text-white rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
Coba Self-Screening Gratis
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M9.97363 3.60051C9.7803 3.40718 9.45993 3.40718 9.2666 3.60051C9.0736 3.79382 9.07351 4.11331 9.2666 4.30656L12.46 7.49992H2.33301C2.05984 7.5001 1.83305 7.72673 1.83301 7.99992C1.83301 8.27315 2.05982 8.49975 2.33301 8.49992H12.46L9.2666 11.6933C9.07327 11.8866 9.07327 12.207 9.2666 12.4003C9.35993 12.5003 9.49348 12.5468 9.62012 12.5468C9.74676 12.5468 9.87365 12.5003 9.97363 12.4003L14.0205 8.35344C14.2136 8.1601 14.2137 7.83968 14.0205 7.64641L9.97363 3.60051Z"
fill="#ffffff" />
</svg>
</a>

<a href="/app"
class="button-nav-download py-2 hover:shadow-md uppercase px-[24px] bg-haloPurple-100 text-haloPurple-800 border border-slate-200 rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
Download Aplikasi
</a>

</div>
</div>

</div>
</section>

<section class="bg-cover relative bg-top" style="background-image: url('/assets/background/movement-img-68ac29f372c51.webp');">
<div class="bg-gradient-to-br from-black/50 via-black/0 to-black/0 absolute w-full h-[60%]"></div>
<div class="container mx-auto px-5 lg:px-0 flex flex-col justify-center gap-3 h-[90dvh] relative z-10 ">
<h2 class="heading-40 text-white lg:w-[40%]">HaloGigi bukan sekadar aplikasi, tapi langkah untuk mewujudkan</h2>
<p class="py-1 px-3 sm:px-5 bg-haloOrange-700 text-white w-max heading-40">#IndonesiaTersenyum</p>
</div>
</section>

<section class="bg-haloPurple-800 relative">
<div
class="container mx-auto px-5 lg:px-0 flex flex-col md:flex-row xl:justify-between gap-8 lg:gap-14 items-center pt-10 md:pt-20 pb-36 md:pb-[250px] min-h-[750px] sm:min-h-[50dvh]">
<div class="md:w-[40%]">
<h2 class="heading-40 text-white [&>p>em]:text-haloOrange-700 [&>p>em]:!not-italic"><p><em class="slogan">#IndonesiaTersenyum</em><br />
dalam jejak nyata</p>

</h2>
<div class="mt-3 text-white paragraph-16-regular">
HaloGigi bukan hanya aplikasi, tapi gerakan yang membawa senyum sehat semua, dari anak sekolah hingga lansia. Kami mendukung Tujuan Pembangunan Keberlanjutan (SDGs) dengan langkah nyata
</div>
<a href="/komitmen-sdg"
class="button-nav-download py-2 hover:shadow-md w-max mt-7 uppercase px-[24px] bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[13px]">
Pelajari Komitmen Kami
</a>
</div>
<div class="w-full md:w-[50%] grid sm:grid-cols-2 gap-5">

<div class="flex flex-col justify-center gap-3 h-[135px] p-6 rounded-xl bg-cover relative"
style="background-image: url('/assets/static/partial/frame-2095586534-68ac2a7e75a2b.webp');">
<div class="w-full h-full absolute inset-0 bg-[#481D91A3]"></div>
<h3 class="heading-32 relative z-10 text-white">20+</h3>
<p class="paragraph-14-regular relative z-10 text-white">mitra tergabung</p>
</div>

<div class="flex flex-col justify-center gap-3 h-[135px] p-6 rounded-xl bg-cover relative"
style="background-image: url('/assets/static/partial/frame-2095586636-68ac2a80c0c59.webp');">
<div class="w-full h-full absolute inset-0 bg-[#481D91A3]"></div>
<h3 class="heading-32 relative z-10 text-white">120+</h3>
<p class="paragraph-14-regular relative z-10 text-white">konten edukasi</p>
</div>

</div>
</div>
</section>
<div class="container mx-auto px-5 lg:px-0 -mt-20 lg:-mt-[200px]">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 overflow-hidden rounded-xl ">

<div
class="flex flex-col justify-end gap-3 h-[300px] sm:h-[350px] lg:h-[400px] p-6 bg-cover relative group overflow-hidden"
style="background-image: url('/assets/static/fresh/sdg-3-68ac2d1c285e4.webp');">
<div
class="w-full h-full absolute inset-0 bg-black/20 group-hover:bg-black/50 duration-300 group-hover:backdrop-blur-sm">
</div>
<div
class="relative z-10 h-full flex justify-between flex-col -translate-x-[170px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 duration-300 ">
<div class="">
<p class="paragraph-14-regular text-white">SDG 3</p>
<h3 class="heading-20 text-white">Kesehatan dan Kesejahteraan</h3>
</div>
<a href="/" class="block w-max">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M27.1516 16.9425C27.4016 16.6924 27.542 16.3534 27.542 15.9998C27.542 15.6463 27.4016 15.3072 27.1516 15.0571L19.6089 7.51447C19.4859 7.38713 19.3388 7.28555 19.1761 7.21567C19.0135 7.14579 18.8385 7.10901 18.6615 7.10747C18.4844 7.10593 18.3089 7.13967 18.145 7.20671C17.9811 7.27375 17.8323 7.37276 17.7071 7.49795C17.5819 7.62314 17.4829 7.77201 17.4158 7.93587C17.3488 8.09973 17.3151 8.2753 17.3166 8.45234C17.3181 8.62938 17.3549 8.80434 17.4248 8.96701C17.4947 9.12968 17.5963 9.27681 17.7236 9.39981L22.9903 14.6665H5.33294C4.97932 14.6665 4.64018 14.8069 4.39013 15.057C4.14009 15.307 3.99961 15.6462 3.99961 15.9998C3.99961 16.3534 4.14009 16.6926 4.39013 16.9426C4.64018 17.1927 4.97932 17.3331 5.33294 17.3331H22.9903L17.7236 22.5998C17.4807 22.8513 17.3463 23.1881 17.3494 23.5377C17.3524 23.8873 17.4926 24.2217 17.7399 24.4689C17.9871 24.7161 18.3215 24.8563 18.6711 24.8594C19.0207 24.8624 19.3575 24.728 19.6089 24.4851L27.1516 16.9425Z"
fill="white" />
</svg>
</a>
</div>
<img src="/assets/sdgs-logo-id/sdg-3.svg"
class="w-[81px] h-[81px] object-contain relative z-10 group-hover:translate-y-20 group-hover:h-0 duration-300"
loading="lazy" title="" height="auto" width="auto" alt="">
</div>

<div
class="flex flex-col justify-end gap-3 h-[300px] sm:h-[350px] lg:h-[400px] p-6 bg-cover relative group overflow-hidden"
style="background-image: url('/assets/static/partial/sdg-4-68ac2bfa14392.webp');">
<div
class="w-full h-full absolute inset-0 bg-black/20 group-hover:bg-black/50 duration-300 group-hover:backdrop-blur-sm">
</div>
<div
class="relative z-10 h-full flex justify-between flex-col -translate-x-[170px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 duration-300 ">
<div class="">
<p class="paragraph-14-regular text-white">SDG 4</p>
<h3 class="heading-20 text-white">Pendidikan Berkualitas</h3>
</div>
<a href="/" class="block w-max">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M27.1516 16.9425C27.4016 16.6924 27.542 16.3534 27.542 15.9998C27.542 15.6463 27.4016 15.3072 27.1516 15.0571L19.6089 7.51447C19.4859 7.38713 19.3388 7.28555 19.1761 7.21567C19.0135 7.14579 18.8385 7.10901 18.6615 7.10747C18.4844 7.10593 18.3089 7.13967 18.145 7.20671C17.9811 7.27375 17.8323 7.37276 17.7071 7.49795C17.5819 7.62314 17.4829 7.77201 17.4158 7.93587C17.3488 8.09973 17.3151 8.2753 17.3166 8.45234C17.3181 8.62938 17.3549 8.80434 17.4248 8.96701C17.4947 9.12968 17.5963 9.27681 17.7236 9.39981L22.9903 14.6665H5.33294C4.97932 14.6665 4.64018 14.8069 4.39013 15.057C4.14009 15.307 3.99961 15.6462 3.99961 15.9998C3.99961 16.3534 4.14009 16.6926 4.39013 16.9426C4.64018 17.1927 4.97932 17.3331 5.33294 17.3331H22.9903L17.7236 22.5998C17.4807 22.8513 17.3463 23.1881 17.3494 23.5377C17.3524 23.8873 17.4926 24.2217 17.7399 24.4689C17.9871 24.7161 18.3215 24.8563 18.6711 24.8594C19.0207 24.8624 19.3575 24.728 19.6089 24.4851L27.1516 16.9425Z"
fill="white" />
</svg>
</a>
</div>
<img src="/assets/sdgs-logo-id/sdg-4.svg"
class="w-[81px] h-[81px] object-contain relative z-10 group-hover:translate-y-20 group-hover:h-0 duration-300"
loading="lazy" title="" height="auto" width="auto" alt="">
</div>

<div
class="flex flex-col justify-end gap-3 h-[300px] sm:h-[350px] lg:h-[400px] p-6 bg-cover relative group overflow-hidden"
style="background-image: url('/assets/static/partial/sdg-6-68ac2bfb8bca6.webp');">
<div
class="w-full h-full absolute inset-0 bg-black/20 group-hover:bg-black/50 duration-300 group-hover:backdrop-blur-sm">
</div>
<div
class="relative z-10 h-full flex justify-between flex-col -translate-x-[170px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 duration-300 ">
<div class="">
<p class="paragraph-14-regular text-white">SDG 6</p>
<h3 class="heading-20 text-white">Air Bersih Dan Sanitasi Layak</h3>
</div>
<a href="/" class="block w-max">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M27.1516 16.9425C27.4016 16.6924 27.542 16.3534 27.542 15.9998C27.542 15.6463 27.4016 15.3072 27.1516 15.0571L19.6089 7.51447C19.4859 7.38713 19.3388 7.28555 19.1761 7.21567C19.0135 7.14579 18.8385 7.10901 18.6615 7.10747C18.4844 7.10593 18.3089 7.13967 18.145 7.20671C17.9811 7.27375 17.8323 7.37276 17.7071 7.49795C17.5819 7.62314 17.4829 7.77201 17.4158 7.93587C17.3488 8.09973 17.3151 8.2753 17.3166 8.45234C17.3181 8.62938 17.3549 8.80434 17.4248 8.96701C17.4947 9.12968 17.5963 9.27681 17.7236 9.39981L22.9903 14.6665H5.33294C4.97932 14.6665 4.64018 14.8069 4.39013 15.057C4.14009 15.307 3.99961 15.6462 3.99961 15.9998C3.99961 16.3534 4.14009 16.6926 4.39013 16.9426C4.64018 17.1927 4.97932 17.3331 5.33294 17.3331H22.9903L17.7236 22.5998C17.4807 22.8513 17.3463 23.1881 17.3494 23.5377C17.3524 23.8873 17.4926 24.2217 17.7399 24.4689C17.9871 24.7161 18.3215 24.8563 18.6711 24.8594C19.0207 24.8624 19.3575 24.728 19.6089 24.4851L27.1516 16.9425Z"
fill="white" />
</svg>
</a>
</div>
<img src="/assets/sdgs-logo-id/sdg-6.svg"
class="w-[81px] h-[81px] object-contain relative z-10 group-hover:translate-y-20 group-hover:h-0 duration-300"
loading="lazy" title="" height="auto" width="auto" alt="">
</div>

<div
class="flex flex-col justify-end gap-3 h-[300px] sm:h-[350px] lg:h-[400px] p-6 bg-cover relative group overflow-hidden"
style="background-image: url('/assets/static/partial/sdg-9-68ac2bfc71654.webp');">
<div
class="w-full h-full absolute inset-0 bg-black/20 group-hover:bg-black/50 duration-300 group-hover:backdrop-blur-sm">
</div>
<div
class="relative z-10 h-full flex justify-between flex-col -translate-x-[170px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 duration-300 ">
<div class="">
<p class="paragraph-14-regular text-white">SDG 9</p>
<h3 class="heading-20 text-white">Industri, Inovasi Dan Infrastruktur</h3>
</div>
<a href="/" class="block w-max">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M27.1516 16.9425C27.4016 16.6924 27.542 16.3534 27.542 15.9998C27.542 15.6463 27.4016 15.3072 27.1516 15.0571L19.6089 7.51447C19.4859 7.38713 19.3388 7.28555 19.1761 7.21567C19.0135 7.14579 18.8385 7.10901 18.6615 7.10747C18.4844 7.10593 18.3089 7.13967 18.145 7.20671C17.9811 7.27375 17.8323 7.37276 17.7071 7.49795C17.5819 7.62314 17.4829 7.77201 17.4158 7.93587C17.3488 8.09973 17.3151 8.2753 17.3166 8.45234C17.3181 8.62938 17.3549 8.80434 17.4248 8.96701C17.4947 9.12968 17.5963 9.27681 17.7236 9.39981L22.9903 14.6665H5.33294C4.97932 14.6665 4.64018 14.8069 4.39013 15.057C4.14009 15.307 3.99961 15.6462 3.99961 15.9998C3.99961 16.3534 4.14009 16.6926 4.39013 16.9426C4.64018 17.1927 4.97932 17.3331 5.33294 17.3331H22.9903L17.7236 22.5998C17.4807 22.8513 17.3463 23.1881 17.3494 23.5377C17.3524 23.8873 17.4926 24.2217 17.7399 24.4689C17.9871 24.7161 18.3215 24.8563 18.6711 24.8594C19.0207 24.8624 19.3575 24.728 19.6089 24.4851L27.1516 16.9425Z"
fill="white" />
</svg>
</a>
</div>
<img src="/assets/sdgs-logo-id/sdg-9.svg"
class="w-[81px] h-[81px] object-contain relative z-10 group-hover:translate-y-20 group-hover:h-0 duration-300"
loading="lazy" title="" height="auto" width="auto" alt="">
</div>

<div
class="flex flex-col justify-end gap-3 h-[300px] sm:h-[350px] lg:h-[400px] p-6 bg-cover relative group overflow-hidden"
style="background-image: url('/assets/static/partial/sdg-10-68ac2bfd29ecc.webp');">
<div
class="w-full h-full absolute inset-0 bg-black/20 group-hover:bg-black/50 duration-300 group-hover:backdrop-blur-sm">
</div>
<div
class="relative z-10 h-full flex justify-between flex-col -translate-x-[170px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 duration-300 ">
<div class="">
<p class="paragraph-14-regular text-white">SDG 10</p>
<h3 class="heading-20 text-white">Berkurangnya Kesenjangan</h3>
</div>
<a href="/" class="block w-max">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M27.1516 16.9425C27.4016 16.6924 27.542 16.3534 27.542 15.9998C27.542 15.6463 27.4016 15.3072 27.1516 15.0571L19.6089 7.51447C19.4859 7.38713 19.3388 7.28555 19.1761 7.21567C19.0135 7.14579 18.8385 7.10901 18.6615 7.10747C18.4844 7.10593 18.3089 7.13967 18.145 7.20671C17.9811 7.27375 17.8323 7.37276 17.7071 7.49795C17.5819 7.62314 17.4829 7.77201 17.4158 7.93587C17.3488 8.09973 17.3151 8.2753 17.3166 8.45234C17.3181 8.62938 17.3549 8.80434 17.4248 8.96701C17.4947 9.12968 17.5963 9.27681 17.7236 9.39981L22.9903 14.6665H5.33294C4.97932 14.6665 4.64018 14.8069 4.39013 15.057C4.14009 15.307 3.99961 15.6462 3.99961 15.9998C3.99961 16.3534 4.14009 16.6926 4.39013 16.9426C4.64018 17.1927 4.97932 17.3331 5.33294 17.3331H22.9903L17.7236 22.5998C17.4807 22.8513 17.3463 23.1881 17.3494 23.5377C17.3524 23.8873 17.4926 24.2217 17.7399 24.4689C17.9871 24.7161 18.3215 24.8563 18.6711 24.8594C19.0207 24.8624 19.3575 24.728 19.6089 24.4851L27.1516 16.9425Z"
fill="white" />
</svg>
</a>
</div>
<img src="/assets/sdgs-logo-id/sdg-10.svg"
class="w-[81px] h-[81px] object-contain relative z-10 group-hover:translate-y-20 group-hover:h-0 duration-300"
loading="lazy" title="" height="auto" width="auto" alt="">
</div>

<div
class="flex flex-col justify-end gap-3 h-[300px] sm:h-[350px] lg:h-[400px] p-6 bg-cover relative group overflow-hidden"
style="background-image: url('/assets/static/partial/sdg-17-68ac2bfe003c3.webp');">
<div
class="w-full h-full absolute inset-0 bg-black/20 group-hover:bg-black/50 duration-300 group-hover:backdrop-blur-sm">
</div>
<div
class="relative z-10 h-full flex justify-between flex-col -translate-x-[170px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 duration-300 ">
<div class="">
<p class="paragraph-14-regular text-white">SDG 17</p>
<h3 class="heading-20 text-white">Kemitraan Untuk Mencapai Tujuan</h3>
</div>
<a href="/" class="block w-max">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M27.1516 16.9425C27.4016 16.6924 27.542 16.3534 27.542 15.9998C27.542 15.6463 27.4016 15.3072 27.1516 15.0571L19.6089 7.51447C19.4859 7.38713 19.3388 7.28555 19.1761 7.21567C19.0135 7.14579 18.8385 7.10901 18.6615 7.10747C18.4844 7.10593 18.3089 7.13967 18.145 7.20671C17.9811 7.27375 17.8323 7.37276 17.7071 7.49795C17.5819 7.62314 17.4829 7.77201 17.4158 7.93587C17.3488 8.09973 17.3151 8.2753 17.3166 8.45234C17.3181 8.62938 17.3549 8.80434 17.4248 8.96701C17.4947 9.12968 17.5963 9.27681 17.7236 9.39981L22.9903 14.6665H5.33294C4.97932 14.6665 4.64018 14.8069 4.39013 15.057C4.14009 15.307 3.99961 15.6462 3.99961 15.9998C3.99961 16.3534 4.14009 16.6926 4.39013 16.9426C4.64018 17.1927 4.97932 17.3331 5.33294 17.3331H22.9903L17.7236 22.5998C17.4807 22.8513 17.3463 23.1881 17.3494 23.5377C17.3524 23.8873 17.4926 24.2217 17.7399 24.4689C17.9871 24.7161 18.3215 24.8563 18.6711 24.8594C19.0207 24.8624 19.3575 24.728 19.6089 24.4851L27.1516 16.9425Z"
fill="white" />
</svg>
</a>
</div>
<img src="/assets/sdgs-logo-id/sdg-17.svg"
class="w-[81px] h-[81px] object-contain relative z-10 group-hover:translate-y-20 group-hover:h-0 duration-300"
loading="lazy" title="" height="auto" width="auto" alt="">
</div>

</div>
</div>

<section class="bg-white relative pt-28 h-[750px] sm:h-[90dvh]">
<div class="container mx-auto px-5 lg:px-0 flex flex-col justify-center gap-5 items-center">
<h2 class="heading-40 lg:w-[54%] text-slate-900 text-center ">Cerita di balik senyum</h2>
<div class="mt-2 lg:w-[40%] text-center mx-auto text-slate-800 [&>p>em]:text-haloOrange-700 paragraph-16-regular">
Dari pasien, dokter, hingga mitra klinik, semua menjadi bagian perjalanan HaloGigi menghadirkan senyum sehat di seluruh Indonesia.
</div>
</div>
<div class="overflow-hidden">
<div class="marquee flex gap-6 mt-10 ">

<div
class="bg-haloPurple-100 p-5 relative rounded-xl h-[276px] w-[300px] flex flex-col justify-between border border-[#F6EDFF] min-w-[350px]">
<p class="paragraph-16-regular">
HaloGigi membantu saya menemukan klinik terpercaya dengan mudah dan tanpa ribet
</p>
<div class="flex justify-between border-t border-slate-300 pt-3">
<div class="">
<p class="heading-18 text-slate-900">Rani, 24 th</p>
<p class="paragraph-14-regular text-slate-800 mt-1">Pasien</p>
</div>
<img src="/assets/article/shuffle-2/penyebab-gigi-gampang-patah-pada-anak-kecil.webp" class="w-[56px] h-[56px] object-cover object-top rounded-full" loading="lazy"
title="" height="auto" width="auto" alt="">
</div>

<svg xmlns="http://www.w3.org/2000/svg" width="58" height="40" viewBox="0 0 58 40"
class="absolute top-5 right-5" fill="none">
<g opacity="0.2">
<path
d="M23.4099 0.46476C23.3111 0.362972 23.1925 0.282208 23.0615 0.227342C22.9305 0.172476 22.7896 0.144644 22.6475 0.145528L1.73463 0.229137C1.43376 0.236832 1.14734 0.35942 0.934518 0.571588C0.721699 0.783755 0.598733 1.0693 0.591015 1.36925C0.0827421 8.50383 -0.0976947 15.6561 0.0497043 22.8262C0.0531193 23.0742 0.13651 23.3145 0.287543 23.5116C0.438576 23.7088 0.649231 23.8522 0.888354 23.9207C4.29246 24.7586 7.78908 25.1647 11.2952 25.1292C11.6526 29.6989 10.6445 34.2717 8.39808 38.2709C8.29112 38.4677 8.2438 38.6913 8.2619 38.9144C8.27999 39.1375 8.36271 39.3506 8.5 39.5277C8.63729 39.7048 8.82324 39.8384 9.03524 39.9121C9.24724 39.9859 9.47616 39.9966 9.69418 39.9431C14.8633 38.1493 18.9651 33.5737 21.5649 28.9144C24.3563 23.7173 25.8545 17.9278 25.9335 12.0331C25.9999 8.35838 25.7139 4.68573 25.0796 1.06522C25.0487 0.888158 24.9714 0.722386 24.8555 0.584737C24.7396 0.447087 24.5893 0.34246 24.4197 0.281478C24.2501 0.220496 24.0674 0.205331 23.89 0.237521C23.7127 0.269711 23.547 0.34811 23.4099 0.46476ZM21.5573 23.5026C20.4853 26.4937 18.9128 29.2821 16.9066 31.7495C15.4637 33.5535 13.7481 35.1229 11.8213 36.4011C13.4196 32.4626 13.9914 28.1847 13.4834 23.9663C13.4756 23.6663 13.3527 23.3808 13.1398 23.1686C12.927 22.9565 12.6406 22.8339 12.3397 22.8262C8.96663 22.951 5.59152 22.6393 2.29881 21.8989C2.19716 15.423 2.36743 8.95987 2.80962 2.50936L22.6323 2.44856C22.7542 2.44814 22.8753 2.42759 22.9906 2.38775C24.0732 9.40325 24.0122 16.7532 21.5573 23.5026Z"
fill="#FF8810" />
<path
d="M57.0176 1.67319C56.988 1.52482 56.9254 1.38496 56.8343 1.26394C56.7433 1.14292 56.6261 1.04381 56.4916 0.973918C56.427 0.745003 56.2893 0.543291 56.0995 0.399297C55.9097 0.255302 55.678 0.176861 55.4394 0.17584C47.9221 -0.166194 40.3209 1.43756 32.8645 0.0238241C32.6523 -0.0202708 32.4318 -0.0029095 32.2292 0.0738586C32.0266 0.150627 31.8502 0.283596 31.7209 0.457067C31.4953 0.513082 31.2986 0.650638 31.169 0.843047C31.0394 1.03546 30.9861 1.269 31.0195 1.49837C31.6141 8.59241 31.8886 15.6864 31.8429 22.7805C31.8471 23.0292 31.9306 23.2701 32.0814 23.4683C32.2322 23.6664 32.4424 23.8116 32.6815 23.8826C35.9772 24.8716 39.4423 25.1718 42.8597 24.7643C42.4709 29.5072 40.5725 33.9612 38.6436 38.2784C38.3233 38.9929 38.6436 40.0722 39.6271 39.9962C45.7263 39.4869 49.973 34.2728 52.8244 29.3551C55.8862 24.0675 57.6448 18.1306 57.9554 12.033C58.1245 8.55313 57.8089 5.06668 57.0176 1.67319ZM47.2283 33.2847C45.7113 35.0908 43.7522 36.4758 41.5407 37.3055C43.4696 32.9123 45.1317 28.3518 45.2232 23.4417C45.2195 23.2675 45.1764 23.0963 45.0969 22.941C45.0175 22.7857 44.9039 22.6503 44.7645 22.5451C44.6252 22.4398 44.4637 22.3673 44.2923 22.333C44.1208 22.2988 43.9439 22.3036 43.7746 22.3472C40.5676 22.9038 37.2779 22.7638 34.1301 21.9368C34.1301 15.4204 33.876 8.91164 33.3677 2.41046C40.1836 3.45177 47.0529 2.30405 53.9146 2.41046C54.0769 2.48465 54.2548 2.51855 54.4331 2.50927H54.8448C57.2387 13.0439 54.5779 25.1671 47.2283 33.2847Z"
fill="#FF8810" />
</g>
</svg>
</div>

</div>
</div>
</section>

<section class="bg-white relative pb-28">
<div class="container mx-auto px-5 lg:px-0 flex flex-col justify-center gap-5 items-center">
<h2 class="heading-40 lg:w-[70%] text-slate-900 text-center ">Mulai dari dirimu, Bergerak bersama, Wujudkan <em class="slogan">#IndonesiaTersenyum</em></h2>
<div class="w-full mt-10">

<div
class="bg-haloPurple-800 h-[500px] md:h-[440px] w-full rounded-xl flex flex-col justify-between p-6 relative">
<div class="md:w-[60%]">
<h3 class="heading-32 relative z-10 text-white">Awali perubahan dengan senyummu</h3>
<p class="paragraph-16-regular relative z-10 text-white mt-2">Cukup dengan melakukan self-screening gigi, kamu sudah ikut bergerak untuk <em class="slogan">#IndonesiaTersenyum</em>. Senyummu bukan hanya untukmu, tapi juga inspirasi bagi banyak orang.</p>
</div>
<a href="/selfscreening"
class="button-nav-download py-2 hover:shadow-md sm:w-max w-full uppercase px-[24px] relative z-10 bg-haloGreen-500 text-haloPurple-800 rounded-full flex justify-center sm:justify-start items-center gap-2 paragraph-14-button !text-[12px]">
Mulai Screening Sekarang
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M9.97363 3.60051C9.7803 3.40718 9.45993 3.40718 9.2666 3.60051C9.0736 3.79382 9.07351 4.11331 9.2666 4.30656L12.46 7.49992H2.33301C2.05984 7.5001 1.83305 7.72673 1.83301 7.99992C1.83301 8.27315 2.05982 8.49975 2.33301 8.49992H12.46L9.2666 11.6933C9.07327 11.8866 9.07327 12.207 9.2666 12.4003C9.35993 12.5003 9.49348 12.5468 9.62012 12.5468C9.74676 12.5468 9.87365 12.5003 9.97363 12.4003L14.0205 8.35344C14.2136 8.1601 14.2137 7.83968 14.0205 7.64641L9.97363 3.60051Z"
fill="#323232" />
</svg>
</a>
<img src="/assets/static/image-68ac2933242b7.webp"
class="w-full sm:w-max h-[70%] sm:h-[80%] object-contain absolute right-0 object-bottom sm:right-10 bottom-0 z-[2]"
loading="lazy" title="Awali perubahan dengan senyummu" height="auto" width="auto" alt="Awali perubahan dengan senyummu">
<img src="/assets/static/partial/ellipse-orange-1.png"
class="h-[40%] object-contain right-[20%] absolute bottom-0 z-[1]" loading="lazy" title="Awali perubahan dengan senyummu"
height="auto" width="auto" alt="Awali perubahan dengan senyummu">
<img src="/assets/static/partial/ellipse-orange-2.png"
class="h-[60%] object-contain right-0 absolute bottom-0 z-[1]" loading="lazy" title="Awali perubahan dengan senyummu"
height="auto" width="auto" alt="Awali perubahan dengan senyummu">
</div>

</div>
<div class="grid md:grid-cols-2 gap-6">

<div
class=" bg-haloPurple-600 h-[500px] md:h-[440px] w-full rounded-xl flex flex-col justify-between p-6 relative">
<div class="">
<h3 class="heading-32 relative z-10 text-white">Setiap senyum pasien, Adalah bagian dari perubahan</h3>
<p class="paragraph-16-regular relative z-10 text-white mt-2 md:w-[75%]">Dengan bergabung sebagai mitra HaloGigi, klinik dan dokter bisa memperluas dampak. Bersama, kita wujudkan
<em class="slogan">#IndonesiaTersenyum</em> melalui layanan
yang lebih terjangkau dan terukur.</p>
</div>
<a href="/mitra"
class="button-nav-download py-2 hover:shadow-md w-full justify-center sm:justify-start sm:w-max uppercase px-[24px] relative z-10 bg-haloGreen-500 text-haloPurple-800 rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
Bergabung Sebagai Mitra
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">

<path
d="M9.97363 3.60051C9.7803 3.40718 9.45993 3.40718 9.2666 3.60051C9.0736 3.79382 9.07351 4.11331 9.2666 4.30656L12.46 7.49992H2.33301C2.05984 7.5001 1.83305 7.72673 1.83301 7.99992C1.83301 8.27315 2.05982 8.49975 2.33301 8.49992H12.46L9.2666 11.6933C9.07327 11.8866 9.07327 12.207 9.2666 12.4003C9.35993 12.5003 9.49348 12.5468 9.62012 12.5468C9.74676 12.5468 9.87365 12.5003 9.97363 12.4003L14.0205 8.35344C14.2136 8.1601 14.2137 7.83968 14.0205 7.64641L9.97363 3.60051Z"
fill="#323232" />

</svg>
</a>
<img src="/assets/static/20373-1-68a79c98356b3.webp"
class="w-full sm:w-max h-[70%] object-contain absolute right-0 sm:right-5 bottom-0 object-bottom z-[2]" loading="lazy"
title="Setiap senyum pasien, Adalah bagian dari perubahan" height="auto" width="auto" alt="Setiap senyum pasien, Adalah bagian dari perubahan">
<img src="/assets/static/partial/ellipse-1.png"
class="h-[40%] object-contain right-[20%] absolute bottom-0 z-[1]" loading="lazy" title="Setiap senyum pasien, Adalah bagian dari perubahan"
height="auto" width="auto" alt="Setiap senyum pasien, Adalah bagian dari perubahan">
</div>

<div
class=" bg-haloOrange-750 h-[500px] md:h-[440px] w-full rounded-xl flex flex-col justify-between p-6 relative">
<div class="">
<h3 class="heading-32 relative z-10 text-white">Bersama, Kita bisa lebih</h3>
<p class="paragraph-16-regular relative z-10 text-white mt-2 md:w-[75%]">Dukung gerakan #IndonesiaTersenyum dengan menjadi bagian dari komunitas perubahan. Setiap aksi kecilmu—menginsiprasi, membagikan, mendukung, membawa kita lebih dekat pada Indonesia yang sehat.</p>
</div>
<a href="/selfscreening"
class="button-nav-download py-2 hover:shadow-md w-full justify-center sm:justify-start sm:w-max uppercase px-[24px] relative z-10 bg-haloPurple-800 text-white rounded-full flex items-center gap-2 paragraph-14-button !text-[12px]">
DUKUNG GERAKAN KAMI
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">

<path
d="M9.97363 3.60051C9.7803 3.40718 9.45993 3.40718 9.2666 3.60051C9.0736 3.79382 9.07351 4.11331 9.2666 4.30656L12.46 7.49992H2.33301C2.05984 7.5001 1.83305 7.72673 1.83301 7.99992C1.83301 8.27315 2.05982 8.49975 2.33301 8.49992H12.46L9.2666 11.6933C9.07327 11.8866 9.07327 12.207 9.2666 12.4003C9.35993 12.5003 9.49348 12.5468 9.62012 12.5468C9.74676 12.5468 9.87365 12.5003 9.97363 12.4003L14.0205 8.35344C14.2136 8.1601 14.2137 7.83968 14.0205 7.64641L9.97363 3.60051Z"
fill="#ffffff" />

</svg>
</a>
<img src="/assets/static/42707-1-68a79cc9be777.webp"
class="w-full sm:w-max h-[70%] object-contain absolute right-0 sm:right-5 bottom-0 object-bottom z-[2]" loading="lazy"
title="Bersama, Kita bisa lebih" height="auto" width="auto" alt="Bersama, Kita bisa lebih">
<img src="/assets/static/partial/ellipse-1.png"
class="h-[40%] object-contain right-[20%] absolute bottom-0 z-[1]" loading="lazy" title="Bersama, Kita bisa lebih"
height="auto" width="auto" alt="Bersama, Kita bisa lebih">
</div>

</div>
</div>

</section>

<section class="pb-28">
<div class="container mx-auto px-5 lg:px-0">
<div class="flex flex-col gap-3 md:gap-0 md:flex-row md:justify-between md:items-end">
<div class="md:w-[50%]">
<h2 class="heading-32 text-slate-800">Satu Gerakan, Banyak Cerita & Wawasan</h2>
<div class="paragraph-16-regular mt-2 text-slate-700">HaloGigi menghubungkanmu dengan beragam perspektif: pasien, dokter, klinik, hingga komunitas. Dari insight hingga inspirasi, semuanya adalah bagian dari gerakan <em class="slogan">#IndonesiaTersenyum</em>.</div>
</div>
<a href="/artikel"
class="hidden hover:shadow-md uppercase md:block w-max px-6 py-2 rounded-full border border-slate-200 bg-haloGreen-500 text-haloPurple-800 paragraph-14-button !text-[12px]">
Lihat Lebih Banyak
</a>
</div>
<div class="flex flex-col md:flex-row gap-5 mt-10">
<div class="md:w-[50%]">

<div class="rounded-xl bg-slate-100 overflow-hidden">
<img src="/assets/article/cara-aman-kelola-limbah-almagam-gigi.webp" loading="lazy" title="Cara Aman Kelola Limbah Amalgam Gigi agar Tak Membahayakan"
class="w-full h-[303px] object-cover" alt="featured image" width="auto" height="auto">
<div class="p-5">
<div class="flex gap-3 items-center paragraph-16-regular !text-[13px] line-clamp-1">
<span>Tips Perawatan Gigi dan Mulut</span>
<svg xmlns="http://www.w3.org/2000/svg" class="hidden sm:block" width="5" height="6"
viewBox="0 0 5 6" fill="none">
<circle cx="2.5" cy="3" r="2.5" fill="#98A2B3" />
</svg>
<span> 24 Jul 2025</span>
</div>
<h3 class="heading-18 mt-2 text-slate-800 line-clamp-2">Cara Aman Kelola Limbah Amalgam Gigi agar Tak Membahayakan</h3>
<div class="paragraph-14-regular text-slate-700 line-clamp-2 mt-2 mb-3">
Pengelolaan limbah amalgam gigi penting untuk mencegah pencemaran merkuri. Klinik wajib memisahkan, menyimpan, dan membuang limbah medis berbahaya sesuai prosedur yang aman dan berizin.
</div>
<a href="/artikel/cara-aman-kelola-limbah-amalgam-gigi" class="flex items-center paragraph-14-button gap-2 mt-2 text-blues-700">Baca
Selengkapnya
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M14.25 9.5H3.75M14.25 9.5L9.75 14M14.25 9.5L9.75 5" stroke="#3D80EC" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>

</div>
<div class="md:w-[50%] flex flex-col gap-5 sm:gap-0 justify-between">

<div class="flex gap-4 items-center rounded-xl bg-slate-100 overflow-hidden">
<img src="/assets/article/cara-aman-memilih-produk-bleaching-gigi.webp" loading="lazy" title="Cara Memilih Pemutih Gigi Sensitif yang Aman dan Efektif"
class="w-[35%] h-[155px] object-cover" alt="featured image" width="auto" height="auto">
<div class="w-[65%]">
<div class="flex gap-3 items-center paragraph-12-regular !text-[13px] line-clamp-1">
<span>Tips Perawatan Gigi dan Mulut</span>
<svg xmlns="http://www.w3.org/2000/svg" class="hidden sm:block" width="5" height="6"
viewBox="0 0 5 6" fill="none">
<circle cx="2.5" cy="3" r="2.5" fill="#98A2B3" />
</svg>
<span class="hidden sm:block"> 24 Jul 2025</span>
</div>
<h3 class="heading-18 mt-2 text-slate-800 line-clamp-2">Cara Memilih Pemutih Gigi Sensitif yang Aman dan Efektif</h3>
<a href="/artikel/cara-memilih-pemutih-gigi-sensitif" class="flex items-center paragraph-14-button gap-2 mt-2 text-blues-700">Baca
Selengkapnya
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M14.25 9.5H3.75M14.25 9.5L9.75 14M14.25 9.5L9.75 5" stroke="#3D80EC" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>

<div class="flex gap-4 items-center rounded-xl bg-slate-100 overflow-hidden">
<img src="/assets/article/biaya-veneer-gigi-terbaru-di-klinik.webp" loading="lazy" title="Biaya Veneer Gigi Terbaru di Klinik dan Tips Pilih Jenisnya"
class="w-[35%] h-[155px] object-cover" alt="featured image" width="auto" height="auto">
<div class="w-[65%]">
<div class="flex gap-3 items-center paragraph-12-regular !text-[13px] line-clamp-1">
<span>Tips Perawatan Gigi dan Mulut</span>
<svg xmlns="http://www.w3.org/2000/svg" class="hidden sm:block" width="5" height="6"
viewBox="0 0 5 6" fill="none">
<circle cx="2.5" cy="3" r="2.5" fill="#98A2B3" />
</svg>
<span class="hidden sm:block"> 24 Jul 2025</span>
</div>
<h3 class="heading-18 mt-2 text-slate-800 line-clamp-2">Biaya Veneer Gigi Terbaru di Klinik dan Tips Pilih Jenisnya</h3>
<a href="/artikel/biaya-veneer-gigi" class="flex items-center paragraph-14-button gap-2 mt-2 text-blues-700">Baca
Selengkapnya
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M14.25 9.5H3.75M14.25 9.5L9.75 14M14.25 9.5L9.75 5" stroke="#3D80EC" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>

<div class="flex gap-4 items-center rounded-xl bg-slate-100 overflow-hidden">
<img src="/assets/article/manfaat-oral-detox-whitening-untuk-pemutih-gigi.webp" loading="lazy" title="Manfaat Oral Detox Whitening untuk Hasil Pemutihan Gigi"
class="w-[35%] h-[155px] object-cover" alt="featured image" width="auto" height="auto">
<div class="w-[65%]">
<div class="flex gap-3 items-center paragraph-12-regular !text-[13px] line-clamp-1">
<span>Tips Perawatan Gigi dan Mulut</span>
<svg xmlns="http://www.w3.org/2000/svg" class="hidden sm:block" width="5" height="6"
viewBox="0 0 5 6" fill="none">
<circle cx="2.5" cy="3" r="2.5" fill="#98A2B3" />
</svg>
<span class="hidden sm:block"> 24 Jul 2025</span>
</div>
<h3 class="heading-18 mt-2 text-slate-800 line-clamp-2">Manfaat Oral Detox Whitening untuk Hasil Pemutihan Gigi</h3>
<a href="/artikel/manfaat-oral-detox-whitening" class="flex items-center paragraph-14-button gap-2 mt-2 text-blues-700">Baca
Selengkapnya
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M14.25 9.5H3.75M14.25 9.5L9.75 14M14.25 9.5L9.75 5" stroke="#3D80EC" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>

</div>
</div>
<a href="/artikel"
class="block md:hidden mt-10 w-max px-5 py-2 rounded-full border border-slate-400 text-slate-700 paragraph-16-semibold">Lihat Lebih Banyak</a>
</div>
</section>

<section>
<div class="container mx-auto px-5 lg:px-0 mb-[100px]">
<hr class="border border-haloPurple-800 w-[30%] mb-7">
<div class="flex flex-col md:flex-row gap-7 lg:gap-14">
<div class="md:w-[50%]">
<h2 class="heading-20 text-slate-800">Tetap Dekat dengan Senyum Sehatmu</h2>
<div class="paragraph-14-regular mt-2 text-slate-700">Dari tips harian hingga info program HaloGigi, kami kirimkan inspirasi yang membuatmu lebih peduli pada kesehatan gigimu. Gratis, praktis, dan penuh manfaat.</div>
</div>
<div class="md:w-[50%]">
<div wire:snapshot="{"data":{"email":null,"formMessage":null,"style":"freshHome","messages":[{"email.required":"Email wajib diisi.","email.email":"Email harus berupa format email yang valid."},{"s":"arr"}]},"memo":{"id":"Spk6mfvg33C7c5y9v467","name":"components.form-subscribe","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id_ID"},"checksum":"e76096d531e79bdfd9881e73b7e2d0e2e72184348859d15e97032f6dc0643028"}" wire:effects="[]" wire:id="Spk6mfvg33C7c5y9v467">
 <form wire:submit='hitSubscribe'>
<div class="flex items-center border border-gray-300 rounded-full">
<input type="email" wire:model='email' placeholder="Masukkan email anda" class="flex-grow py-3 sm:py-0 paragraph-16-regular bg-transparent sm:w-[40%] md:w-[60%] outline-none px-4 text-gray-700">
<button type="submit" class="hidden sm:block bg-haloGreen-500 text-haloPurple-800 px-3 w-max sm:px-6 py-3 rounded-full sm:w-[60%] md:w-[40%] paragraph-14-button">
DAFTAR SEKARANG
</button>
</div>
<button type="submit" class="block sm:hidden mt-3 w-full bg-haloGreen-500 text-haloPurple-800 px-3 sm:px-6 py-3 rounded-full sm:w-[60%] md:w-[40%] paragraph-14-button">
DAFTAR SEKARANG
</button>



<div class="mt-4 flex items-start px-3 paragraph-12-regular">
<input type="checkbox" id="agree" class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" required>
<label for="agree" class="ml-2 text-gray-700 paragpraph-16-regular">Dengan ini, saya menyetujui kebijakan yang berlaku</label>
</div>

<p class="mt-2 px-3 paragraph-12-regular text-gray-700">
Situs ini dilindungi oleh reCAPTCHA dan
<a href="/kebijakan-privasi" class="text-haloPurple-800 hover:underline">Kebijakan Privasi</a> dan
<a href="/syarat-ketentuan" class="text-haloPurple-800 hover:underline">Syarat & Ketentuan</a> berlaku
</p>
</form>


<script>
document.addEventListener("livewire:navigated", () => {
window.Livewire.find('Spk6mfvg33C7c5y9v467').on('form-success', (data) => {
// kalau data berupa array, ambil index 0
let payload = Array.isArray(data) ? data[0] : data;

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'form_success_subscribe',
'form': payload.form,
'email': payload.email
});

console.log("GTM Event Pushed:", payload);
});
});
</script>

</div>

</div>
</div>

</div>
</section>

<script>
document.addEventListener("DOMContentLoaded", () => {
document.querySelectorAll(".marquee").forEach((marquee) => {
const items = marquee.children.length;

if (items <= 4) {
// kalau cuma 1 item → gandakan beberapa kali
const item = marquee.children[0];
for (let i = 0; i < 11; i++) {
marquee.appendChild(item.cloneNode(true));
}
} else {
// kalau item lebih dari 1 → cukup duplicate sekali aja
marquee.innerHTML += marquee.innerHTML;
}

const totalWidth = marquee.scrollWidth / 2;

gsap.to(marquee, {
x: -totalWidth,
duration: 30,
ease: "linear",
repeat: -1,
modifiers: {
x: gsap.utils.unitize(x => parseFloat(x) % -totalWidth)
}
});
});
});
</script>
</div>

<script src="/livewire/livewire.min.js?id=df3a17f2" data-csrf="XRxAe6SeVbJUunWhfZj3qoOJXyqIHITtSMg1CM3D" data-update-uri="/livewire/update" data-navigate-once="true"></script>

<script type="text/javascript">
window.recaptchaV3 = {};
window.recaptchaV3.siteKey = '6LfsY5oqAAAAALBB69QuEi3hHQ3UGSfnN3ZZkol3';
window.recaptchaV3.action = '/';
window.recaptchaV3.verifyOnPageLoad = true;
</script>
<script src="/vendor/statamic-recaptcha/js/recaptcha-v3.js"></script>

</div>


<script>
fbq('track', 'ViewContent', {
content_name: 'Home',
content_category: 'Homepage'
});
document.addEventListener('DOMContentLoaded', function () {
var btn = document.querySelector('form button[type=submit]');
if (btn) {
btn.addEventListener('click', function () {
fbq('track', 'Lead', {
content_name: 'Subscribe Artikel',
content_category: 'Blog Subscription'
});
});
}
});
</script>
<style>
.slogan {
font-style: normal;
color:#ff8810;
}
</style>



<footer class="bg-haloPurple-800">
<div class="container mx-auto px-5 lg:px-0 flex flex-col md:flex-row py-10 md:py-32">
<div class="md:w-[50%]">
<p class="heading-20 text-white">Senyum Sehat Dimulai dari Ponselmu</p>
<div class="flex flex-wrap gap-3 items-center mt-5">

<a href="https://play.google.com/store/apps/details?id=ai.halogigi.member" class="block hover:scale-105 duration-300">

<img src="/assets/static/download/google-play.png" class="h-[38px] object-contain" loading="lazy"
title=" download app" height="auto" width="auto" alt=" download app">

</a>

<a href="/halogigi-apps" class="block hover:scale-105 duration-300">

<img src="/assets/static/download/app-store.png" class="h-[38px] object-contain" loading="lazy" title="
download app" height="auto" width="auto" alt=" download app">

</a>

</div>
<div class="flex flex-wrap gap-3 items-center mt-10">

<a href="https://www.instagram.com/halogigi.ai/"
class="w-[44px] h-[44px] rounded-full p-2 bg-white hover:bg-haloGreen-500 flex items-center justify-center">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path
d="M9.99935 7.28418C9.28105 7.28418 8.59218 7.56952 8.08427 8.07743C7.57636 8.58534 7.29102 9.27422 7.29102 9.99251C7.29102 10.7108 7.57636 11.3997 8.08427 11.9076C8.59218 12.4155 9.28105 12.7008 9.99935 12.7008C10.7176 12.7008 11.4065 12.4155 11.9144 11.9076C12.4223 11.3997 12.7077 10.7108 12.7077 9.99251C12.7077 9.27422 12.4223 8.58534 11.9144 8.07743C11.4065 7.56952 10.7176 7.28418 9.99935 7.28418Z"
fill="#323232" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.64152 2.56098C8.53822 2.24009 11.4615 2.24009 14.3582 2.56098C15.9407 2.73765 17.2165 3.98348 17.4024 5.57182C17.7456 8.50904 17.7456 11.4763 17.4024 14.4135C17.2165 16.0018 15.9407 17.2476 14.359 17.4251C11.4621 17.7461 8.53849 17.7461 5.64152 17.4251C4.05902 17.2476 2.78319 16.0018 2.59735 14.4143C2.25401 11.4768 2.25401 8.50932 2.59735 5.57182C2.78319 3.98348 4.05902 2.73765 5.64152 2.56098ZM14.1665 4.99265C13.9455 4.99265 13.7335 5.08045 13.5773 5.23673C13.421 5.39301 13.3332 5.60497 13.3332 5.82598C13.3332 6.047 13.421 6.25896 13.5773 6.41524C13.7335 6.57152 13.9455 6.65932 14.1665 6.65932C14.3875 6.65932 14.5995 6.57152 14.7558 6.41524C14.9121 6.25896 14.9999 6.047 14.9999 5.82598C14.9999 5.60497 14.9121 5.39301 14.7558 5.23673C14.5995 5.08045 14.3875 4.99265 14.1665 4.99265ZM6.04152 9.99265C6.04152 8.94283 6.45856 7.93602 7.20089 7.19368C7.94322 6.45135 8.95004 6.03432 9.99985 6.03432C11.0497 6.03432 12.0565 6.45135 12.7988 7.19368C13.5412 7.93602 13.9582 8.94283 13.9582 9.99265C13.9582 11.0425 13.5412 12.0493 12.7988 12.7916C12.0565 13.5339 11.0497 13.951 9.99985 13.951C8.95004 13.951 7.94322 13.5339 7.20089 12.7916C6.45856 12.0493 6.04152 11.0425 6.04152 9.99265Z"
fill="#323232" />
</svg>

</a>

<a href="https://www.tiktok.com/@halogigi.ai"
class="w-[44px] h-[44px] rounded-full p-2 bg-white hover:bg-haloGreen-500 flex items-center justify-center">

<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" width="20" height="20" viewBox="0 0 32 32"
version="1.1">
<path
d="M16.656 1.029c1.637-0.025 3.262-0.012 4.886-0.025 0.054 2.031 0.878 3.859 2.189 5.213l-0.002-0.002c1.411 1.271 3.247 2.095 5.271 2.235l0.028 0.002v5.036c-1.912-0.048-3.71-0.489-5.331-1.247l0.082 0.034c-0.784-0.377-1.447-0.764-2.077-1.196l0.052 0.034c-0.012 3.649 0.012 7.298-0.025 10.934-0.103 1.853-0.719 3.543-1.707 4.954l0.020-0.031c-1.652 2.366-4.328 3.919-7.371 4.011l-0.014 0c-0.123 0.006-0.268 0.009-0.414 0.009-1.73 0-3.347-0.482-4.725-1.319l0.040 0.023c-2.508-1.509-4.238-4.091-4.558-7.094l-0.004-0.041c-0.025-0.625-0.037-1.25-0.012-1.862 0.49-4.779 4.494-8.476 9.361-8.476 0.547 0 1.083 0.047 1.604 0.136l-0.056-0.008c0.025 1.849-0.050 3.699-0.050 5.548-0.423-0.153-0.911-0.242-1.42-0.242-1.868 0-3.457 1.194-4.045 2.861l-0.009 0.030c-0.133 0.427-0.21 0.918-0.21 1.426 0 0.206 0.013 0.41 0.037 0.61l-0.002-0.024c0.332 2.046 2.086 3.59 4.201 3.59 0.061 0 0.121-0.001 0.181-0.004l-0.009 0c1.463-0.044 2.733-0.831 3.451-1.994l0.010-0.018c0.267-0.372 0.45-0.822 0.511-1.311l0.001-0.014c0.125-2.237 0.075-4.461 0.087-6.698 0.012-5.036-0.012-10.060 0.025-15.083z" />
</svg>

</a>

<a href="https://x.com/halogigi_ai"
class="w-[44px] h-[44px] rounded-full p-2 bg-white hover:bg-haloGreen-500 flex items-center justify-center">

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_27740_50211)">
<mask id="mask0_27740_50211" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-1"
width="16" height="17">
<path d="M0 -0.0078125H16V15.9922H0V-0.0078125Z" fill="white" />
</mask>
<g mask="url(#mask0_27740_50211)">
<path
d="M12.6 0.742188H15.0537L9.69372 6.8839L16 15.2428H11.0629L7.19314 10.1742L2.77029 15.2428H0.314286L6.04686 8.67133L0 0.74333H5.06286L8.55543 5.37533L12.6 0.742188ZM11.7371 13.7708H13.0971L4.32 2.13762H2.86171L11.7371 13.7708Z"
fill="#323232" />
</g>
</g>
<defs>
<clipPath id="clip0_27740_50211">
<rect width="16" height="16" fill="white" transform="translate(0 -0.0078125)" />
</clipPath>
</defs>
</svg>

</a>

<a href="https://www.facebook.com/profile.php?id=61572625936120"
class="w-[44px] h-[44px] rounded-full p-2 bg-white hover:bg-haloGreen-500 flex items-center justify-center">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-facebook"
viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>

</a>

<a href="https://chat.whatsapp.com/BgqbpNY6MiT39TlWLerAXu?mode=ems_share_t"
class="w-[44px] h-[44px] rounded-full p-2 bg-white hover:bg-haloGreen-500 flex items-center justify-center">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path
d="M10.0013 1.65918C14.6038 1.65918 18.3346 5.39001 18.3346 9.99251C18.3346 14.595 14.6038 18.3258 10.0013 18.3258C8.52861 18.3284 7.0818 17.9386 5.80965 17.1967L1.67131 18.3258L2.79798 14.1858C2.05545 12.9133 1.6654 11.4659 1.66798 9.99251C1.66798 5.39001 5.39882 1.65918 10.0013 1.65918ZM7.16131 6.07585L6.99465 6.08251C6.88689 6.08994 6.7816 6.11824 6.68465 6.16585C6.59429 6.21711 6.51178 6.28109 6.43965 6.35585C6.33965 6.45001 6.28298 6.53168 6.22215 6.61085C5.91392 7.0116 5.74796 7.50361 5.75048 8.00918C5.75215 8.41751 5.85881 8.81501 6.02548 9.18668C6.36631 9.93835 6.92715 10.7342 7.66715 11.4717C7.84548 11.6492 8.02048 11.8275 8.20882 11.9933C9.12834 12.8028 10.224 13.3867 11.4088 13.6983L11.8821 13.7708C12.0363 13.7792 12.1905 13.7675 12.3455 13.76C12.5881 13.7472 12.8251 13.6815 13.0396 13.5675C13.1487 13.5111 13.2552 13.45 13.3588 13.3842C13.3588 13.3842 13.3941 13.3603 13.463 13.3092C13.5755 13.2258 13.6446 13.1667 13.738 13.0692C13.808 12.997 13.8663 12.9131 13.913 12.8175C13.978 12.6817 14.043 12.4225 14.0696 12.2067C14.0896 12.0417 14.0838 11.9517 14.0813 11.8958C14.078 11.8067 14.0038 11.7142 13.923 11.675L13.438 11.4575C13.438 11.4575 12.713 11.1417 12.2696 10.94C12.2232 10.9198 12.1735 10.9082 12.123 10.9058C12.066 10.8999 12.0083 10.9062 11.954 10.9245C11.8996 10.9428 11.8498 10.9725 11.808 11.0117C11.8038 11.01 11.748 11.0575 11.1455 11.7875C11.1109 11.834 11.0633 11.8691 11.0087 11.8884C10.954 11.9077 10.8949 11.9103 10.8388 11.8958C10.7845 11.8814 10.7313 11.863 10.6796 11.8408C10.5763 11.7975 10.5405 11.7808 10.4696 11.7508C9.99121 11.5424 9.54835 11.2604 9.15715 10.915C9.05215 10.8233 8.95465 10.7233 8.85465 10.6267C8.52682 10.3127 8.24111 9.9575 8.00465 9.57001L7.95548 9.49085C7.9207 9.43734 7.89218 9.38002 7.87048 9.32001C7.83881 9.19751 7.92131 9.09918 7.92131 9.09918C7.92131 9.09918 8.12381 8.87751 8.21798 8.75751C8.30965 8.64085 8.38715 8.52751 8.43715 8.44668C8.53548 8.28835 8.56632 8.12585 8.51465 8.00001C8.28132 7.43001 8.0402 6.86307 7.79131 6.29918C7.74215 6.18751 7.59631 6.10751 7.46382 6.09168C7.41882 6.08612 7.37381 6.08168 7.32881 6.07835C7.21692 6.07193 7.10472 6.07304 6.99298 6.08168L7.16131 6.07585Z"
fill="#323232" />
</svg>

</a>

<a href="javascript:void(0)"
class="w-[44px] h-[44px] rounded-full p-2 bg-white hover:bg-haloGreen-500 flex items-center justify-center">

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-linkedin"
viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>

</a>

</div>
<div class="flex flex-col sm:flex-row gap-3 md:items-center mt-10 paragraph-14-regular text-white">
<div class="">
@ 2025 halogigi.ai
</div>

<a href="/cdn-cgi/l/email-protection#3f4c4a4f4f504d4b7f575e535058565856115e56" class="flex items-center gap-2 hover:text-haloGreen-500">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path
d="M18 7.36519V14.4922C18 15.1552 17.7366 15.7911 17.2678 16.26C16.7989 16.7288 16.163 16.9922 15.5 16.9922H4.5C3.83696 16.9922 3.20107 16.7288 2.73223 16.26C2.26339 15.7911 2 15.1552 2 14.4922V7.36519L9.746 11.9232C9.82295 11.9686 9.91066 11.9925 10 11.9925C10.0893 11.9925 10.177 11.9686 10.254 11.9232L18 7.36519ZM15.5 3.99219C16.1151 3.99209 16.7087 4.21879 17.1672 4.62893C17.6257 5.03906 17.9168 5.60383 17.985 6.21519L10 10.9122L2.015 6.21519C2.08316 5.60383 2.37432 5.03906 2.83279 4.62893C3.29127 4.21879 3.88485 3.99209 4.5 3.99219H15.5Z"
fill="white" />
</svg>

<span class="__cf_email__" data-cfemail="04777174746b7670446c65686b636d636d2a656d">[email protected]</span>
</a>

<a href="tel:+6285710507070" class="flex items-center gap-2 hover:text-haloGreen-500">

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path
d="M4.965 8.08469C6.045 10.2072 7.785 11.9397 9.9075 13.0272L11.5575 11.3772C11.76 11.1747 12.06 11.1072 12.3225 11.1972C13.1625 11.4747 14.07 11.6247 15 11.6247C15.4125 11.6247 15.75 11.9622 15.75 12.3747V14.9922C15.75 15.4047 15.4125 15.7422 15 15.7422C7.9575 15.7422 2.25 10.0347 2.25 2.99219C2.25 2.57969 2.5875 2.24219 3 2.24219H5.625C6.0375 2.24219 6.375 2.57969 6.375 2.99219C6.375 3.92969 6.525 4.82969 6.8025 5.66969C6.885 5.93219 6.825 6.22469 6.615 6.43469L4.965 8.08469Z"
fill="white" />
</svg>

+62 857-1050-7070
</a>

</div>
</div>
<div class="md:w-[50%] mt-10 md:mt-0">
<div class="grid sm:grid-cols-2 md:grid-cols-3 text-white gap-5">

<div class="">
<p class="paragraph-16-semibold">Perusahaan</p>
<div class="paragraph-14-regular mt-3 space-y-2">

<a href="javascript:void(0)" class="block hover:text-haloGreen-500">
Tentang Kami
</a>

<a href="/kontak" class="block hover:text-haloGreen-500">
Kontak
</a>

<a href="/artikel" class="block hover:text-haloGreen-500">
Artikel Edukasi
</a>

<a href="/kamus" class="block hover:text-haloGreen-500">
Kamus Gigi
</a>

<a href="/sdgs/komitmen" class="block hover:text-haloGreen-500">
Komitmen terhadap SDGs
</a>

</div>
</div>

<div class="">
<p class="paragraph-16-semibold">Layanan</p>
<div class="paragraph-14-regular mt-3 space-y-2">

<a href="/selfscreening" class="block hover:text-haloGreen-500">
Self Screening
</a>

<a href="/behelcare" class="block hover:text-haloGreen-500">
Behel Care
</a>

<a href="javascript:void(0)" class="block hover:text-haloGreen-500">
Konsultasi Online
</a>

<a href="javascript:void(0)" class="block hover:text-haloGreen-500">
Reservasi Klinik
</a>

</div>
</div>

<div class="">
<p class="paragraph-16-semibold">Kolaborasi & Bantuan</p>
<div class="paragraph-14-regular mt-3 space-y-2">

<a href="/mitra" class="block hover:text-haloGreen-500">
Jadi Mitra Klinik/Dokter
</a>

<a href="/syarat-ketentuan" class="block hover:text-haloGreen-500">
Syarat & Ketentuan
</a>

<a href="/kebijakan-privasi" class="block hover:text-haloGreen-500">
Kebijakan Privasi
</a>

<a href="/kebijakan-cookie" class="block hover:text-haloGreen-500">
Kebijakan Cookie
</a>

<a href="/hapus-akun" class="block hover:text-haloGreen-500">
Hapus Akun
</a>

</div>
</div>

</div>
</div>
</div>
<div class="container mx-auto px-5 lg:px-0">
<img src="/assets/static/halogigi-big-white.png" class="w-full object-bottom object-contain hover:scale-105 duration-500" loading="lazy" title=" logo
halogigi" height="auto" width="auto" alt=" logo halogigi">
</div>
</footer>



<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQMPVF5Q"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>(function() {
function createMap() {
var map = {};
var els = document.getElementsByClassName('nocache');
for (var i = 0; i < els.length; i++) {
var section = els[i].getAttribute('data-nocache');
map[section] = els[i];
}
return map;
}

var map = createMap();

fetch('/!/nocache', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
url: window.location.href.split('#')[0],
sections: Object.keys(map)
})
})
.then((response) => response.json())
.then((data) => {
map = createMap(); // Recreate map in case the DOM changed.

const regions = data.regions;
for (var key in regions) {
if (map[key]) map[key].outerHTML = regions[key];
}

for (const input of document.querySelectorAll('input[value="XRxAe6SeVbJUunWhfZj3qoOJXyqIHITtSMg1CM3D"]')) {
input.value = data.csrf;
}

for (const meta of document.querySelectorAll('meta[content="XRxAe6SeVbJUunWhfZj3qoOJXyqIHITtSMg1CM3D"]')) {
meta.content = data.csrf;
}

for (const input of document.querySelectorAll('script[data-csrf="XRxAe6SeVbJUunWhfZj3qoOJXyqIHITtSMg1CM3D"]')) {
input.setAttribute('data-csrf', data.csrf);
}

if (window.hasOwnProperty('livewire_token')) {
window.livewire_token = data.csrf
}

if (window.hasOwnProperty('livewireScriptConfig')) {
window.livewireScriptConfig.csrf = data.csrf
}

document.dispatchEvent(new CustomEvent('statamic:nocache.replaced', { detail: data }));
});
})();</script></body>

<script>
document.addEventListener("scroll", function () {
const navbar = document.querySelector("nav");
if (window.scrollY > 130) {
navbar.classList.add("nav-active");
} else {
navbar.classList.remove("nav-active");
}
});
</script>

</html>

halogigi.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.