https://frontend-webklinik.vercel.app/profile

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" data-next-head=""/><title data-next-head="">Klinik Gigi Drg. Susilawati</title>

1<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE" data-next-head=""></script>

1<meta charSet="utf-8"/><meta name="theme-color" content="#000000"/><link rel="shortcut icon" href="/img/brand/favicon.ico"/><link rel="apple-touch-icon" sizes="76x76" href="/img/brand/apple-icon.png"/><link data-next-font="size-adjust" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/153f47a02a7dd117.css" as="style"/><link rel="stylesheet" href="/_next/static/css/153f47a02a7dd117.css" data-n-g=""/><noscript data-n-css=""></noscript>

1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>

1<script src="/_next/static/chunks/webpack-7724f3f19780afc0.js" defer=""></script>

1<script src="/_next/static/chunks/framework-06121e066c6696d9.js" defer=""></script>

1<script src="/_next/static/chunks/main-eeb5a3811033f7e0.js" defer=""></script>

1<script src="/_next/static/chunks/pages/_app-f83f2536255e21f4.js" defer=""></script>

1<script src="/_next/static/chunks/106-f1d238864bb9c354.js" defer=""></script>

1<script src="/_next/static/chunks/234-763b0348b1ef1050.js" defer=""></script>

1<script src="/_next/static/chunks/pages/profile-0341d950cd874458.js" defer=""></script>

1<script src="/_next/static/8uiqJEo4Jxxdggxzen4g5/_buildManifest.js" defer=""></script>

1<script src="/_next/static/8uiqJEo4Jxxdggxzen4g5/_ssgManifest.js" defer=""></script>

1</head><body class="text-blueGray-700 antialiased"><div id="page-transition"></div><div id="__next"><nav class="top-0 absolute z-50 w-full flex flex-wrap items-center justify-between px-2 py-3 navbar-expand-lg"><div class="container px-4 mx-auto flex flex-wrap items-center justify-between"><div class="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start"><a class="text-white text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase" href="/">Notus NextJS</a><button class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none" type="button"><i class="text-white fas fa-bars"></i></button></div><div class="lg:flex flex-grow items-center bg-white lg:bg-opacity-0 lg:shadow-none hidden" id="example-navbar-warning"><ul class="flex flex-col lg:flex-row list-none mr-auto"><li class="flex items-center"><a class="lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://www.creative-tim.com/learning-lab/tailwind/nextjs/overview/notus?ref=nnjs-auth-navbar"><i class="lg:text-blueGray-200 text-blueGray-400 far fa-file-alt text-lg leading-lg mr-2"></i> <!-- -->Docs</a></li></ul><ul class="flex flex-col lg:flex-row list-none lg:ml-auto"><li class="flex items-center"><a class="lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="#pablo">Demo Pages</a><div class="hidden bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48"><span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400">Admin Layout</span><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/admin/dashboard">Dashboard</a><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/admin/settings">Settings</a><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/admin/tables">Tables</a><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/admin/maps">Maps</a><div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div><span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400">Auth Layout</span><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/auth/login">Login</a><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/auth/register">Register</a><div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div><span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400">No Layout</span><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/landing">Landing</a><a class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700" href="/profile">Profile</a></div></li><li class="flex items-center"><a class="lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-nextjs%2F" target="_blank"><i class="lg:text-blueGray-200 text-blueGray-400 fab fa-facebook text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Share</span></a></li><li class="flex items-center"><a class="lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-nextjs%2F&amp;text=Start%20your%20development%20with%20a%20Free%20Tailwind%20CSS%20and%20NextJS%20UI%20Kit%20and%20Admin.%20Let%20Notus%20NextJS%20amaze%20you%20with%20its%20cool%20features%20and%20build%20tools%20and%20get%20your%20project%20to%20a%20whole%20new%20level." target="_blank"><i class="lg:text-blueGray-200 text-blueGray-400 fab fa-twitter text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Tweet</span></a></li><li class="flex items-center"><a class="lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://github.com/creativetimofficial/notus-nextjs?ref=nnjs-auth-navbar" target="_blank"><i class="lg:text-blueGray-200 text-blueGray-400 fab fa-github text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Star</span></a></li><li class="flex items-center"><button class="bg-white text-blueGray-700 active:bg-blueGray-50 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3 ease-linear transition-all duration-150" type="button"><i class="fas fa-arrow-alt-circle-down"></i> Download</button></li></ul></div></div></nav><main class="profile-page"><section class="relative block h-500-px"><div class="absolute top-0 w-full h-full bg-center bg-cover" style="background-image:url(&#x27;https://images.unsplash.com/photo-1499336315816-097655dcfbda?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=2710&amp;q=80&#x27;)"><span id="blackOverlay" class="w-full h-full absolute opacity-50 bg-black"></span></div><div class="top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden h-16" style="transform:translateZ(0)"><svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0"><polygon class="text-blueGray-200 fill-current" points="2560 0 2560 100 0 100"></polygon></svg></div></section><section class="relative py-16 bg-blueGray-200"><div class="container mx-auto px-4"><div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-xl rounded-lg -mt-64"><div class="px-6"><div class="flex flex-wrap justify-center"><div class="w-full lg:w-3/12 px-4 lg:order-2 flex justify-center"><div class="relative"><img alt="..." src="/img/team-2-800x800.jpg" class="shadow-xl rounded-full h-auto align-middle border-none absolute -m-16 -ml-20 lg:-ml-16 max-w-150-px"/></div></div><div class="w-full lg:w-4/12 px-4 lg:order-3 lg:text-right lg:self-ce

1nter"><div class="py-6 px-3 mt-32 sm:mt-0"><button class="bg-blueGray-700 active:bg-blueGray-600 uppercase text-white font-bold hover:shadow-md shadow text-xs px-4 py-2 rounded outline-none focus:outline-none sm:mr-2 mb-1 ease-linear transition-all duration-150" type="button">Connect</button></div></div><div class="w-full lg:w-4/12 px-4 lg:order-1"><div class="flex justify-center py-4 lg:pt-4 pt-8"><div class="mr-4 p-3 text-center"><span class="text-xl font-bold block uppercase tracking-wide text-blueGray-600">22</span><span class="text-sm text-blueGray-400">Friends</span></div><div class="mr-4 p-3 text-center"><span class="text-xl font-bold block uppercase tracking-wide text-blueGray-600">10</span><span class="text-sm text-blueGray-400">Photos</span></div><div class="lg:mr-4 p-3 text-center"><span class="text-xl font-bold block uppercase tracking-wide text-blueGray-600">89</span><span class="text-sm text-blueGray-400">Comments</span></div></div></div></div><div class="text-center mt-12"><h3 class="text-4xl font-semibold leading-normal mb-2 text-blueGray-700 mb-2">Jenna Stones</h3><div class="text-sm leading-normal mt-0 mb-2 text-blueGray-400 font-bold uppercase"><i class="fas fa-map-marker-alt mr-2 text-lg text-blueGray-400"></i> <!-- -->Los Angeles, California</div><div class="mb-2 text-blueGray-600 mt-10"><i class="fas fa-briefcase mr-2 text-lg text-blueGray-400"></i>Solution Manager - Creative Tim Officer</div><div class="mb-2 text-blueGray-600"><i class="fas fa-university mr-2 text-lg text-blueGray-400"></i>University of Computer Science</div></div><div class="mt-10 py-10 border-t border-blueGray-200 text-center"><div class="flex flex-wrap justify-center"><div class="w-full lg:w-9/12 px-4"><p class="mb-4 text-lg leading-relaxed text-blueGray-700">An artist of considerable range, Jenna the name taken by Melbourne-raised, Brooklyn-based Nick Murphy writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. An artist of considerable range.</p><a href="#pablo" class="font-normal text-lightBlue-500">Show more</a></div></div></div></div></div></div></section></main><div class="flex flex-col min-h-screen"><div class="flex-grow"></div><footer class="bg-blueGray-200 pt-8 pb-6"><div class="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20"><svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0"><polygon class="text-blueGray-200 fill-current" points="2560 0 2560 100 0 100"></polygon></svg></div><div class="container mx-auto px-4"><div class="flex flex-wrap text-center lg:text-left"><div class="w-full lg:w-6/12 px-4"><h4 class="text-3xl font-semibold">Let&#x27;s keep in touch!</h4><h5 class="text-lg mt-0 mb-2 text-blueGray-600">Find us on any of these platforms, we respond 1-2 business days.</h5><div class="mt-6 lg:mb-0 mb-6"><button class="bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button"><i class="fab fa-twitter"></i></button><button class="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button"><i class="fab fa-facebook-square"></i></button><button class="bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button"><i class="fab fa-dribbble"></i></button><button class="bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button"><i class="fab fa-github"></i></button></div></div><div class="w-full lg:w-6/12 px-4"><div class="flex flex-wrap items-top mb-6"><div class="w-full lg:w-4/12 px-4 ml-auto"><span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2">Useful Links</span><ul class="list-unstyled"><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/presentation?ref=nnjs-footer">About Us</a></li><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://blog.creative-tim.com?ref=nnjs-footer">Blog</a></li><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.github.com/creativetimofficial?ref=nnjs-footer">Github</a></li><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/bootstrap-themes/free?ref=nnjs-footer">Free Products</a></li></ul></div><div class="w-full lg:w-4/12 px-4"><span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2">Other Resources</span><ul class="list-unstyled"><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://github.com/creativetimofficial/notus-nextjs/blob/main/LICENSE.md?ref=nnjs-footer">

1MIT License</a></li><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://creative-tim.com/terms?ref=nnjs-footer">Terms &amp; Conditions</a></li><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://creative-tim.com/privacy?ref=nnjs-footer">Privacy Policy</a></li><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://creative-tim.com/contact-us?ref=nnjs-footer">Contact Us</a></li></ul></div></div></div></div><hr class="my-6 border-blueGray-300"/><div class="flex flex-wrap items-center md:justify-between justify-center"><div class="w-full md:w-4/12 px-4 mx-auto text-center"><div class="text-sm text-blueGray-500 font-semibold py-1">Copyright © <!-- -->2026<!-- --> Notus NextJS by<!-- --> <a href="https://www.creative-tim.com?ref=nnjs-footer" class="text-blueGray-500 hover:text-blueGray-800">Creative Tim</a>.</div></div></div></div></footer></div></div>

1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/profile","query":{},"buildId":"8uiqJEo4Jxxdggxzen4g5","isFallback":false,"isExperimentalCompile":false,"appGip":true,"scriptLoader":[{"src":"https://maps.googleapis.com/maps/api/js?key=undefined\u0026libraries=places","strategy":"afterInteractive"}]}</script>

1</body></html>