Deskripsi Pekerjaan K karirjos.com CE CEO Manager Dashboard Manajemen Pengguna Manajemen Perusahaan CV Pelamar Manajemen Lowongan Performa & Analitik Lamaran Cepat Share Sosmed Laporan Lowongan Template CV Template Flyer Manajemen Paket 📣 Campaign Promosi contacts Kontak Blast campaign Blast WA/Email Newsletter Scraper Telegram Grab Google Indexing IndexNow SEO Halaman Kota Manajemen Forum ✨ Tulis Artikel AI Forum Subforum ⚙️ Pengaturan AI Lowongan Pusat Bantuan K 📣 ✨ ⚙️ Dashboard Manajer Bantuan Notifikasi Tandai Dibaca Memuat notifikasi... Belum ada notifikasi Notifikasi akan muncul di sini ketika ada aktivitas Lihat Semua Notifikasi Hapus Semua CE CEO Profil Saya Keluar Edit Lowongan Pekerjaan Judul Lowongan Perusahaan Pilih Perusahaan Terdaftar (Opsional) -- Tanpa Perusahaan Terdaftar (Isi Manual) -- 2123 Group — Bandar Lampung A MatchaChi — Sleman A-TRANS (PT Agung Trans Solusindo) — Jakarta Utara (Tanjung Priok) Ada Laundry — Sleman Ademin AC — Yogyakarta Aicare The Label — Yogyakarta Akur Optic 55 — Yogyakarta Alia Hospital — Jakarta Timur Allthatmatters.id — Sleman Anemone Dabitha Berkah Cemerlang — Sleman Anteraja (PT Artha Kreasi Utama) — Jakarta Selatan Apotek Stepa — Bantul Arnold Grup — Yogyakarta Babies Glow — Sleman Bakpia Satu Hati — Sleman Ballboy Army — Jabodetabek Belanja Laptop Indonesia — Sleman Bengkel Motor Nusantara — Sleman Bina Citta Optima — Yogyakarta Blooming Interior — Yogyakarta Brofesional — Yogyakarta BSS Executive Search — Jakarta Selatan Bubble Wash Laundry Station — Sleman Bumimas Multikarya Perkasa — Surabaya Bunny Nails — Sleman By.pastaa — Sleman Caca — Sleman Cahaya Prima Sentosa — Bekasi (Cikarang) Calista Photo Studio — Sleman Carvatu Interior — Yogyakarta Cikstik Jogja — Sleman Cinta Farm CM Indonesia — Bantul Coffee Toffee — Surabaya Coolvita — Kabupaten Tangerang, Banten CV Gemilang — Sleman, DI Yogyakarta CV. Anak Negeri Berkarya — Bantul, DI Yogyakarta CV. Arto Konveksi — Kasihan, Bantul, DI Yogyakarta CV. Ceria Hotel Yogyakarta — Gondomanan, Yogyakarta CV. Herbalasia Indonesia — Sleman, DI Yogyakarta CV. IPE — Semarang CV. Jakartanotebook — Jakarta CV. Jatra Bersama Nusantara — DI Yogyakarta CV. Kinarya Kriya Ayodya — Yogyakarta, DI Yogyakarta CV. Makan Ayam Goreng Setiap Hari (Ayam Goreng Pratunam) — Yogyakarta CV. Margono Dian Graha — Semarang CV. Mitra Rasa Abadi — Semarang CV. Mitra Sejati Nusantara — Sleman CV. Motormiring MOMI (Motor Miring) — Yogyakarta CV. Mutiara Selatan Box — Bantul CV. Onedaindo Sumber Makmur — Semarang, Jawa Tengah CV. Parade Factory AB — Bantul CV. Pesta Abadi — Colomadu, Sukoharjo, Jawa Tengah CV. Putra Mina — Sleman CV. Rekan Multi Guna — Yogyakarta CV. Sam Karya Perdana — Yogyakarta CV. Segitiga — Yogyakarta CV. Sentosa Indika Bunga Tanjung — Semarang CV. Sportif Investama — Yogyakarta CV. Tiga Ganesha Abadi — Bantul CV. Ultima Rasa Global — Sleman Daily Catering Jogja — Yogyakarta Dermaster (Dermaesthetics Group) — Jakarta Dexa Group (Dexa Medica) — Tangerang Selatan, Banten Dexa Group (Kantor Anugrah Argon Medica) — Tangerang Selatan Dharma Polimetal Tbk — Bekasi DhiSign Architecture — Surabaya Diantar.id — Sleman, DI Yogyakarta Dkriuk Fried Chicken — Bogor DMB Harmony Yogyakarta — Mlati, Sleman, DI Yogyakarta Dream Story — Kudus Drenbellony — Semarang Elkira Studio — Bantul, DI Yogyakarta Empal Ayam Penyet 58 — Semarang Eonia House & Eatery — Klaten Epic Coffee — Sleman Es Teh Solo Maguwoharjo — Sleman (Maguwoharjo), Yogyakarta Es Teh Tubruk Sala — Sleman, DI Yogyakarta Eskala — Sleman, Yogyakarta Everlast Beauty — Yogyakarta (Sleman) EXO Laundry Jogja — Yogyakarta (Sleman) Fajar Farmatama (Apotek Farmin / Bidakara Medical Center) — Yogyakarta Fit Academy — Yogyakarta Flazzstore — Semarang Freddo Bingsoo & Toast — Yogyakarta Fundaycare — Yogyakarta Gala Rasa Hidangan Nusantara — Kota Yogyakarta Garuda Media Promosindo (GMP) Digital Printing & Advertising — Kota Yogyakarta Garvi Group — Yogyakarta (Sleman) Gelora Dua Naga Group — Yogyakarta (Sleman) Guardian (PT DFI Retail Nusantara Tbk) — Tangerang Selatan, Banten Gyumachi Nikudon — Jakarta Selatan Hankki Korean Resto Jogja — Yogyakarta Heksa Solution Insurance — Jakarta Selatan Hikaru Bakehouse & Hikaru Dining — Yogyakarta (Sleman) HireBox — Tangerang, Banten HNN Investama — Sleman Home Credit Indonesia — Jakarta Selatan Honda Ahass Mlati Jaya Jogja — Sleman Hotplate Corner — Bantul Hotways Chicken Pamularsih (CV. Aria Jaya) — Yogyakarta Husnell Flowers — Bantul, DI Yogyakarta ID Photobook — Yogyakarta Ikan Bakar Labuan Bajo — Yogyakarta Indah Jelita Grosir Aksesoris — Yogyakarta Indo Lestari Jayatama — Jakarta Barat Indodana Finance — Jakarta Pusat Indokonveksi — Yogyakarta Inofasi Harapan Indo — Jakarta Utara Inter Buana Mandiri (IBM) — Surabaya ITC Fatmawati — Jakarta Selatan Jaime Nail Story — Yogyakarta JASSOLO — Solo (Surakarta), Jawa Tengah Jogja Bordir/Sublime — Yogyakarta JogKre Creative — Sleman, DI Yogyakarta Joglo Camp — Kota Yogyakarta JS Mobilindo — Bogor, Jawa Barat Kaldou Beef Noodle — Yogyakarta Kayuputih Family Reflexology — Yogyakarta KBTK Alifa Muslim Montessori — Yogyakarta Kebon Ndalem Coffee and Eatery — Yogyakarta Kedai Dimsum Winara — Yogyakarta Kind By Lynee — Yogyakarta Klinik Asshomadiyah — Jakarta Timur Klinik Gigi Joy Dental — Yogyakarta Klinik Gigi My Dentist — Yogyakarta Klinik Pratama Puri Adisty — Yogyakarta Konveksi Tambang — Yogyakarta (pabrik di Berbah, Sleman) Kopi Mitra Sentosa — Yogyakarta Kopi Nuri Seturan — Yogyakarta (Seturan) Kopicham & Heng Li Kopitiam — Yogyakarta KRU Coffee and Casual Bakes — Yogyakarta Kue Kamir Laela — Yogyakarta Laree Brew & Bites — Yogyakarta Laundry Valley — Sleman, DI Yogyakarta LOKji Kopi — Yogyakarta Los Ciken — Yogyakarta LPK Arcadia — Purworejo, Jawa Tengah Luxe Clean Laundry — Sleman, DI Yogyakarta Maisonzi Salon — Sleman, DI Yogyakarta Makmur Jaya Abadi — Kudus, Jawa Tengah Manna Kampus — Sleman (Depok), DI Yogyakarta Mega Finance — indonesia Merapi Glamping Tengah Sawah — Cangkringan, Sleman, DI Yogyakarta Mie Ayam Bandung 59 — Yogyakarta Mie Sapi Gajahan — Yogyakarta Milea Premium Laundry — Sleman, DI Yogyakarta Miora Entertainment — Semarang Mooro Padel — Semarang, Jawa Tengah Motif.idn — Sleman, DI Yogyakarta Nammos Padel Club — Sleman, DI Yogyakarta Nashville Club — Yogyakarta Natural Farm (PT Vita Shopindo) — Jakarta Barat Naudi Coffee & Eatery — Sleman, Yogyakarta Next Wave Corp — Bantul, DI Yogyakarta Nyoga Malatang X Cilemboost — Kota Yogyakarta OfiHome — Jakarta Selatan (Jabodetabek) Ohana Suites Yogyakarta — Yogyakarta Oharang Korean BBQ — Mlati, Sleman, Yogyakarta OLXPlus — Jakarta Omah Ramen — Yogyakarta OWOOD Cafe — Yogyakarta PCP Express (PT Yapindo Transportama) — Jakarta Timur Permata Hijau Residence — Jakarta Selatan Picstory Digital Printing — Sleman, DI Yogyakarta Playworks — Kabupaten Tegal, Jawa Tengah PT Arwana Citramulia Tbk — Tangerang PT Astra Otoparts Tbk — Jakarta (Kelapa Gading) PT Bonecom Tricom — Cibitung, Jawa Barat PT Capella Multidana — Jakarta PT Clemont Finance Indonesia — Jakarta PT Dharma Kyungshin Indonesia — Cirebon, Jawa Barat PT Glovis Indonesia International — Cikarang, Kabupaten Bekasi PT Guna Global Persada — Jakarta PT Imecon Teknindo — Jakarta Selatan PT Indogravure — Tangerang, Banten PT Indomobil Prima Niaga (Indomobil Group) — Jakarta Utara, DKI Jakarta PT Industri Jamu dan Pharmasi Tjap Djago — Semarang, Jawa Tengah PT Jaya Agra Wattie Tbk (JAW) — Jakarta Pusat, DKI Jakarta PT Kobexindo Tractors Tbk — Jakarta Utara PT Kresna Reksa Finance — Jakarta Selatan PT Motasa Indonesia — Loa Janan, Kalimantan Timur PT NSC FINANCE AREA LAMONGAN — Lamongan PT NSC FINANCE LAMONGAN — Lamongan PT Pertiwi Agung (Landson) — Jakarta Selatan PT Probo Semesta Jaya — Purwokerto, Jawa Tengah PT Sinar Alfa Omega — Kota Tangerang, Banten PT Stanli Trijaya Mandiri — Bandung, Jawa Barat PT Sukanda Djaya — Cibitung, Bekasi PT Surya Mas Agung — Jl Raya Gilang No. 92A Taman Sidoarjo Jawa Timur PT Suryaraya Rubberindo Industries — Bogor (Cileungsi), Jawa Barat PT Tri-Saudara Sentosa Industri — Cikarang, Kabupaten Bekasi PT Trimitra Botoran Perkasa (TBP) — Jakarta Utara, DKI Jakarta PT. Alkautsar Cater Indonesia — Sleman, DI Yogyakarta PT. Aplikasi Liburan Indonesia (HoliGo) — Tangerang Selatan, Banten PT. Arahan Bersama Kontraktor — Colomadu, Karanganyar, Jawa Tengah PT. Armada International Motor — Magelang, Jawa Tengah PT. Bangor Berkembang Bersama (Burger Bangor) — Jakarta Barat PT. Bangun Indo Pratama — Yogyakarta, DI Yogyakarta PT. Bank Nano Syariah — Jakarta PT. Berkat Kana Abadi — Yogyakarta PT. Bersama Zatta Jaya (Elzatta) — Bandung, Jawa Barat PT. Billa Corp Indonesia — Sleman, DI Yogyakarta PT. BPR Lestari Darmo Mulyo — Yogyakarta PT. BPR Restu Artha Abadi — Klaten, Jawa Tengah PT. Cahaya Bumi Nasional — Jakarta, DKI Jakarta PT. Cakra Biwa Consultant — Yogyakarta PT. Circleka Indonesia Utama — Jakarta Timur, DKI Jakarta PT. Dua Berlian — Jakarta Timur PT. Global Yimi Cargo Cabang Yogyakarta (J&T Cargo) — Yogyakarta PT. Indah Medika Indonesia — Bantul, DI Yogyakarta PT. Indo Retreading And Tire Services — Bekasi, Jawa Barat PT. Inti Guna Nusantara — Sleman, DI Yogyakarta PT. Jaring Synergi Mandiri — Jakarta, DKI Jakarta PT. Jateng Sinar Agung Sentosa — Semarang, Jawa Tengah PT. Kita Anugerah Makmur — Sleman / Yogyakarta PT. KWD Prefabhouse Semarang — Semarang, Jawa Tengah PT. Lapi Laboratories — Jakarta Utara, DKI Jakarta PT. Luar Biasa Teknologi — Bantul, DI Yogyakarta PT. Mahan Indah Global — Lamongan, Jawa Timur PT. Mitra Koleksi Mandiri — Yogyakarta, DI Yogyakarta PT. Mitra Mulia Shafwan — Yogyakarta PT. Moslem Travel Indonesia — Sleman (Condongcatur), Yogyakarta PT. Motor House Indonesia — Yogyakarta, DI Yogyakarta PT. Mudah Menuju Baitullah — Bantul, DI Yogyakarta PT. Mukti Caraka Solusindo — Sleman, DI Yogyakarta PT. Nawasena Media Press — Sleman PT. NCS — Jakarta Barat, DKI Jakarta PT. Ono Esensi Nusantara — Sleman, DI Yogyakarta PT. Ouji Seiyaku Indonesia — Tangerang Selatan, Banten PT. Pabrik Kertas Tjiwi Kimia, Tbk — Sidoarjo PT. Perdina Indo Utama — Sleman, DI Yogyakarta PT. Pesonna Optima Jasa (Pegadaian Group) — Jakarta Pusat, DKI Jakarta PT. Sampurna Prima Sejahtera — Semarang, Jawa Tengah PT. Senada Sejahtera Bersama — Yogyakarta PT. Sinar Utama Mandiri — Tangerang, Banten PT. SOU International Learning Indonesia — Depok, Jawa Barat PT. Sumber Nelayan Indonesia — Jakarta Barat, DKI Jakarta PT. Sumber Tirta Hakiki — Surabaya, Jawa Timur PT. Surya Graha Arthamas — Sleman, DI Yogyakarta PT. Swakarya Insan Mandiri — Jakarta Selatan, DKI Jakarta PT. Tala Bumi Indonesia — Yogyakarta PT. TDW Kinarya Indonesia — Sleman, DI Yogyakarta PT. Trifos Internasional Sertifikasi — Yogyakarta PT. Trinity Success Group (Morgans Kebab) — Yogyakarta, DI Yogyakarta PT. Usaha Gunabhakti Mandiri — Bekasi, Jawa Barat PT. VisiGo — Yogyakarta (Gunungkidul) PT. Warna Alam Indonesia — Semarang, Jawa Tengah PT. Wijaya Sakti Abadi — Sleman, DI Yogyakarta Raecca — Bandung, Jawa Barat Ralali Mitra Digital — Jakarta Resto Okuzuna Japanese — Jalan Suryo No.1, RT.10/RW.3, Rawa Barat, Kecamatan Kebayoran Baru, Kota Jakarta Selatan, DKI Jakarta 12180, Indonesia Resto Unagi & Udang Alam Kreo — Sleman, DI Yogyakarta Rizqi Komputer RM Gadget Accessories — Yogyakarta, DI Yogyakarta Roka Group — Yogyakarta ROTI O (PT. Sebastian Citra Indonesia) — Jakarta Barat, DKI Jakarta Rumah Makan Rata Rata — Yogyakarta, DI Yogyakarta Sabila Transport — Yogyakarta, DI Yogyakarta Sakamoto Yogyakarta — Yogyakarta Sans Care — Sleman, DI Yogyakarta Sartini Inn — Yogyakarta SATU Group — Jakarta Science Society — Yogyakarta, DI Yogyakarta SD Muhammadiyah Jogokariyan — Yogyakarta, DI Yogyakarta (Kotagede) Sebelas Coffee — Sleman (Sinduadi) Seken Dining Group — Yogyakarta (Sleman) Sekolah Murid Merdeka (SMM) — Yogyakarta, DI Yogyakarta Simetri Partner — Sleman Simply Homy Guest House — Yogyakarta, DI Yogyakarta Sinergi Berkah Sukses — Yogyakarta Sisterstudiobysinta — Yogyakarta, DI Yogyakarta SM Group — Jawa Timur Smile Laundry — Sleman, DI Yogyakarta SOL Studio — Sleman, DI Yogyakarta Solusi Offset — Sleman, DI Yogyakarta Soula Bake — Yogyakarta SPPG Banyuraden 2 — Banyuraden, Gamping, Sleman Srasa Coffee & Space — Yogyakarta Sushi Tei & Mahara Rasa Group — Jakarta Swabenawa Coffee and Space — Bantul, DI Yogyakarta Symphony Training Center — Yogyakarta Taman Yuwono Hotel & Villa Malioboro — Yogyakarta Tanamera Coffee Yogyakarta — Bali (Kuta), Indonesia Teman Souvenir — Yogyakarta Tempo Doeloe Tour — Semarang, Jawa Tengah Tempo Scan — Jakarta Selatan Tetra Coffee & Eatery — Yogyakarta The Biker Shop — Sleman, DI Yogyakarta The Mad Chicken — Yogyakarta Tjemara Noodle Bar — Yogyakarta Toko Ayu Sembako — Sleman, DI Yogyakarta Toko Buah Kimmy Fruit — Sleman (Depok), Yogyakarta Toko Kelapa Muda — Yogyakarta Trixy Studio — Bantul, DI Yogyakarta Unit Usaha 1918 — Kota Yogyakarta, DI Yogyakarta Villa 234 Yogyakarta — Ngaglik, Sleman, Yogyakarta Wakeup Homestay — Yogyakarta Warung Sedayu Ayam Goreng & Empal Sapi — Sleman, DI Yogyakarta Warung Watoe Gadjah — Sleman (Pakem), Yogyakarta Wigiwigel Studio — Yogyakarta (Wirobrajan) WOM Finance — Jakarta Utara XLSMART — Jakarta Yayasan Bumi Aswaja Yogyakarta — Sleman, DI Yogyakarta Yogyakarta Laser & CNC Router — Yogyakarta Yozzo Frozen Yogurt — Yogyakarta Zerone Japan Autocare — Yogyakarta (Sleman) Memilih perusahaan terdaftar akan otomatis mengisi nama perusahaan. Nama Perusahaan (Khusus Manager) Logo Perusahaan (Override Manual, Opsional) Jika memilih perusahaan terdaftar, logo dari perusahaan akan digunakan secara otomatis. Gambar/Banner (Opsional) Posting sebagai Anonim Lokasi Penempatan Sistem Kerja Pilih Sistem Kerja Penuh Waktu Paruh Waktu Kontrak Magang Harian Borongan Tipe Lamaran * Normal (Wajib Daftar) Pelamar harus login/daftar akun untuk melamar posisi ini ⚡ Lamaran Cepat (Tanpa Daftar) Pelamar bisa langsung mengisi form dan upload CV tanpa daftar akun 🔗 Lamaran Eksternal Pelamar diarahkan ke website perusahaan untuk melamar Link Lamaran Eksternal * URL lengkap dimana pelamar akan melamar (contoh: https://perusahaan.com/karir/posisi) Range Gaji (Opsional) Deskripsi Pekerjaan Tanggal Tutup Lowongan Link Lowongan Asli (Opsional) Instruksi CV Publik (Opsional) </div> </article> <div class="bg-surface-container-lowest rounded-xl p-8 ambient-shadow border border-outline-variant-20 my-6"> <h3 class="font-title-md text-title-md text-on-surface mb-6">Informasi Lowongan</h3> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-y-6 gap-x-6"> <div class="flex items-center gap-4"> <div class="w-10 h-10 rounded-lg bg-surface-container-low flex items-center justify-center text-stitch-primary shrink-0"> <span class="material-symbols-outlined">work</span> </div> <div> <p class="font-label-sm text-label-sm text-outline-variant uppercase tracking-wider text-[11px]">Tipe Kerja</p> <p class="font-body-md text-body-md font-bold text-on-surface">Penuh Waktu</p> </div> </div> <div class="flex items-center gap-4"> <div class="w-10 h-10 rounded-lg bg-surface-container-low flex items-center justify-center text-stitch-primary shrink-0"> <span class="material-symbols-outlined">payments</span> </div> <div> <p class="font-label-sm text-label-sm text-outline-variant uppercase tracking-wider text-[11px]">Gaji</p> <p class="font-body-md text-body-md font-bold text-on-surface"> Kompetitif </p> </div> </div> <div class="flex items-center gap-4"> <div class="w-10 h-10 rounded-lg bg-surface-container-low flex items-center justify-center text-stitch-primary shrink-0"> <span class="material-symbols-outlined">location_on</span> </div> <div> <p class="font-label-sm text-label-sm text-outline-variant uppercase tracking-wider text-[11px]">Lokasi</p> <p class="font-body-md text-body-md font-bold text-on-surface"> Sleman, Di Yogyakarta </p> </div> </div> <div class="flex items-center gap-4"> <div class="w-10 h-10 rounded-lg bg-surface-container-low flex items-center justify-center text-stitch-primary shrink-0"> <span class="material-symbols-outlined">calendar_today</span> </div> <div> <p class="font-label-sm text-label-sm text-outline-variant uppercase tracking-wider text-[11px]">Batas Lamar</p> <p class="font-body-md text-body-md font-bold text-on-surface">08 Nov 2026</p> </div> </div> </div> </div> <section class="bg-surface-container-lowest rounded-xl p-8 ambient-shadow border border-outline-variant-20 overflow-hidden relative"> <div class="absolute top-0 right-0 w-32 h-32 bg-primary/5 rounded-bl-full -mr-10 -mt-10"></div> <h2 class="font-title-md text-title-md text-stitch-primary mb-6">Tentang Perusahaan</h2> <div class="flex flex-col gap-6"> <div class="flex flex-col gap-2"> <div class="flex items-center gap-4 mb-2"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf122bb-fallback" class="w-14 h-14 bg-cyan-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="Naudi Coffee & Eatery" title="Naudi Coffee & Eatery" > NC </div> </div> </div> <div> <h3 class="font-headline-lg text-headline-lg text-on-surface">Naudi Coffee & Eatery</h3> <p class="font-body-md text-body-md text-on-surface-variant">F&B / kafe restoran</p> </div> </div> <p class="font-body-md text-body-md text-on-surface-variant leading-relaxed max-w-3xl"> Naudi Coffee & Eatery adalah kafe di kawasan UGM/Sleman, Yogyakarta, dengan suasana minimalis dan estetis. Tempat ini menyediakan makanan dan kopi serta membuka posisi staf dapur dan admin. </p> <a href="https://karirjos.com/perusahaan/naudi-coffee-eatery" class="inline-flex w-fit items-center gap-1.5 mt-3 font-title-md text-title-md text-[#0058be] hover:underline transition-colors"> Lihat profil perusahaan <span class="material-symbols-outlined text-[18px]">arrow_forward</span> </a> </div> <div class="mt-2"> <a href="https://karirjos.com/perusahaan/naudi-coffee-eatery" class="inline-flex items-center gap-2 text-stitch-primary font-bold hover:underline"> <span class="font-body-md">Lihat Profil Perusahaan</span> <span class="material-symbols-outlined text-[20px]">arrow_forward</span> </a> </div> </div> </section> </div> <section class="my-12 bg-surface-container-low/50 py-12 px-8 rounded-3xl"> <h2 class="font-headline-lg text-headline-lg text-on-surface mb-8">Lowongan Serupa</h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <a href="https://karirjos.com/lowongan/sales-assistant-pt-bersama-zatta-jaya-elzatta-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf123e8-fallback" class="w-14 h-14 bg-amber-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="PT. Bersama Zatta Jaya (Elzatta)" title="PT. Bersama Zatta Jaya (Elzatta)" > PB </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Sales Assistant</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">PT. Bersama Zatta Jaya (Elzatta)</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/pramuniaga-frontliner-taman-yuwono-hotel-villa-malioboro-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf12486-fallback" class="w-14 h-14 bg-amber-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="Taman Yuwono Hotel & Villa Malioboro" title="Taman Yuwono Hotel & Villa Malioboro" > TY </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Pramuniaga (Frontliner)</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">Taman Yuwono Hotel & Villa Malioboro</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/kasir-full-time-di-kaldou-beef-noodle-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf1252f-fallback" class="w-14 h-14 bg-teal-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="Kaldou Beef Noodle" title="Kaldou Beef Noodle" > KB </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Kasir (Full Time) di Kaldou Beef Noodle</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">Kaldou Beef Noodle</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/pramuniaga-kasir-admin-mc-mart-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf125ac-fallback" class="w-14 h-14 bg-teal-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="MC Mart" title="MC Mart" > MM </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Pramuniaga - Kasir - Admin</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">MC Mart</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/marketing-officer-development-program-di-pt-nawasena-media-press-pt-na" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf1262d-fallback" class="w-14 h-14 bg-amber-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="PT. Nawasena Media Press" title="PT. Nawasena Media Press" > PN </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Marketing Officer Development Program di PT. Nawasena Media Press</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">PT. Nawasena Media Press</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/office-boy-di-simetri-partner-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf126ec-fallback" class="w-14 h-14 bg-amber-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="Simetri Partner" title="Simetri Partner" > SP </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Office Boy di Simetri Partner</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">Simetri Partner</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/sales-executive-pt-perdina-indo-utama-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf12789-fallback" class="w-14 h-14 bg-cyan-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="PT. Perdina Indo Utama" title="PT. Perdina Indo Utama" > PP </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Sales Executive</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">PT. Perdina Indo Utama</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/housekeeping-hk-serabutan-sartini-inn-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf12817-fallback" class="w-14 h-14 bg-slate-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none " aria-label="Sartini Inn" title="Sartini Inn" > SI </div> </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Housekeeping (HK) / Serabutan</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">Sartini Inn</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> <a href="https://karirjos.com/lowongan/crew-outlet-dkriuk-seturan-sleman" class="bg-surface-container-lowest rounded-xl p-6 ambient-shadow border border-outline-variant-20 hover:border-stitch-primary/30 transition-all cursor-pointer group block"> <div class="flex gap-4 mb-4"> <div class="w-12 h-12 rounded-lg bg-surface-container-high flex items-center justify-center shrink-0 overflow-hidden"> <div class="relative w-14 h-14 flex-shrink-0"> <div id="logo-6ad3a1cf128a5-fallback" class="w-14 h-14 bg-rose-600 text-white rounded-lg flex items-center justify-center font-bold text-base select-none hidden" aria-label="Dkriuk Fried Chicken" title="Dkriuk Fried Chicken" > DF </div> <img id="logo-6ad3a1cf128a5-img" src="https://dkriuk.com/storage/settings/m1zAwgAZMd51etCfQV5Efh6vZ4uCtCFy723rU1mH.png" alt="Dkriuk Fried Chicken" width="56" height="56" class="w-14 h-14 rounded-lg object-contain bg-white border border-slate-100 p-0.5" loading="lazy" onerror=" document.getElementById('logo-6ad3a1cf128a5-img').style.display='none'; document.getElementById('logo-6ad3a1cf128a5-fallback').classList.remove('hidden'); " > </div> </div> <div class="flex-1 min-w-0"> <h3 class="font-title-md text-title-md text-on-surface group-hover:text-stitch-primary transition-colors truncate">Crew Outlet</h3> <div class="flex items-center gap-2"> <span class="text-stitch-secondary font-medium truncate">Dkriuk Fried Chicken</span> </div> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-on-surface-variant"> <span class="material-symbols-outlined text-[18px]">location_on</span> <span class="text-body-md font-body-md">Sleman, Di Yogyakarta</span> </div> </div> <div class="flex gap-2"> <span class="px-3 py-1 rounded-full bg-secondary-fixed text-on-secondary-fixed text-label-sm font-label-sm">Penuh Waktu</span> </div> </a> </div> <style> .follow-card-box { background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important; color: #ffffff !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important; position: relative !important; overflow: hidden !important; margin-top: 3rem !important; margin-bottom: 3rem !important; width: 100% !important; display: block !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important; } .follow-card-cta h1, .follow-card-cta h2, .follow-card-cta h3, .follow-card-cta h4, .follow-card-cta h5, .follow-card-cta h6 { color: #ffffff !important; font-weight: 700 !important; margin-bottom: 0.5rem !important; } .follow-card-cta p { color: #cbd5e1 !important; line-height: 1.6 !important; } .follow-btn-link { color: #ffffff !important; text-decoration: none !important; } .follow-btn-link svg { fill: #ffffff !important; } </style> <div class="follow-card-box w-full relative group"> <div class="absolute -right-20 -top-20 w-72 h-72 bg-blue-500/10 rounded-full blur-[80px] group-hover:bg-blue-500/20 transition-all duration-700"></div> <div class="absolute -left-20 -bottom-20 w-72 h-72 bg-indigo-500/10 rounded-full blur-[80px] group-hover:bg-indigo-500/20 transition-all duration-700"></div> <div class="relative z-10 flex flex-col lg:flex-row items-center justify-between gap-8"> <div class="flex-1 text-center lg:text-left"> <div class="follow-card-cta max-w-none"> <h3><strong>Yuk, Follow Sosial Media Resmi Kami,Agar tidak ketinggalan!</strong></h3><p>Dapatkan informasi lowongan kerja terupdate, tips karir menarik, dan info penting lainnya langsung di genggaman Anda.</p> </div> </div> <div class="flex flex-wrap items-center justify-center gap-3 shrink-0 max-w-md w-full lg:w-auto"> <a href="https://t.me/karirjos" target="_blank" rel="noopener noreferrer" class="follow-btn-link flex items-center gap-2.5 px-5 py-3 bg-[#229ED9] hover:shadow-[#229ED9]/30 text-sm font-bold rounded-2xl transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg active:scale-95 select-none w-[calc(50%-6px)] sm:w-auto justify-center min-w-[140px]" style="background: #229ED9;"> <svg class="w-4 h-4" viewBox="0 0 24 24"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.66-.52.36-1 .53-1.42.52-.47-.01-1.37-.26-2.03-.48-.82-.27-1.47-.42-1.41-.88.03-.24.37-.49 1.02-.74 4.01-1.75 6.69-2.9 8.03-3.46 3.82-1.59 4.61-1.87 5.13-1.88.11 0 .37.03.54.17.14.12.18.28.2.45-.01.06.01.24 0 .38z"/> </svg> <span>Telegram</span> </a> <a href="https://whatsapp.com/channel/0029VbCRX945q08XPIiUZY07" target="_blank" rel="noopener noreferrer" class="follow-btn-link flex items-center gap-2.5 px-5 py-3 bg-[#25D366] hover:shadow-[#25D366]/30 text-sm font-bold rounded-2xl transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg active:scale-95 select-none w-[calc(50%-6px)] sm:w-auto justify-center min-w-[140px]" style="background: #25D366;"> <svg class="w-4 h-4" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/> </svg> <span>WhatsApp</span> </a> </div> </div> </div> </main> <div x-show="shareModalOpen" x-cloak class="fixed inset-0 z-50 overflow-y-auto bg-black/50 backdrop-blur-sm" @keydown.escape.window="closeShareModal()"> <div class="flex items-end sm:items-center justify-center min-h-screen p-0 sm:p-4"> <div @click.away="closeShareModal()" class="bg-white rounded-t-2xl sm:rounded-2xl shadow-2xl w-full max-w-md overflow-hidden" x-show="shareModalOpen" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-4 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"> <div class="bg-gradient-to-br from-blue-900 to-indigo-800 p-6 text-white text-center"> <div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-3"> <span class="material-symbols-outlined text-[24px]">share</span> </div> <h3 class="text-lg font-bold">Bagikan Lowongan</h3> <p class="text-blue-200 text-sm mt-1">Bantu teman menemukan peluang karir ini</p> </div> <div class="p-6"> <div class="mb-5"> <label class="block text-xs font-bold text-slate-500 mb-2 uppercase tracking-wider">Link Lowongan</label> <div class="flex items-center gap-2"> <input type="text" :value="window.location.href" readonly class="flex-1 px-3 py-2 border border-slate-200 rounded-lg bg-slate-50 text-sm focus:outline-none focus:ring-2 focus:ring-blue-200"> <button @click="copyJobLink()" class="px-4 py-2 bg-blue-900 text-white rounded-lg hover:bg-blue-800 transition-colors text-sm font-bold"> Salin </button> </div> </div> <p class="text-xs font-bold text-slate-500 mb-3 uppercase tracking-wider">Bagikan di Media Sosial</p> <div class="grid grid-cols-2 gap-3"> <button @click="shareJob('whatsapp')" class="flex items-center justify-center gap-2 p-3 bg-green-50 text-green-700 rounded-xl hover:bg-green-100 transition-colors font-semibold text-sm"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg> WhatsApp </button> <button @click="shareJob('facebook')" class="flex items-center justify-center gap-2 p-3 bg-blue-50 text-blue-700 rounded-xl hover:bg-blue-100 transition-colors font-semibold text-sm"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> Facebook </button> <button @click="shareJob('telegram')" class="flex items-center justify-center gap-2 p-3 bg-sky-50 text-sky-700 rounded-xl hover:bg-sky-100 transition-colors font-semibold text-sm"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg> Telegram </button> <button @click="shareJob('linkedin')" class="flex items-center justify-center gap-2 p-3 bg-indigo-50 text-indigo-700 rounded-xl hover:bg-indigo-100 transition-colors font-semibold text-sm"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> LinkedIn </button> </div> </div> <div class="bg-slate-50 px-6 py-4 flex justify-end"> <button @click="closeShareModal()" class="px-5 py-2 bg-white border border-slate-200 text-slate-600 rounded-xl text-sm font-bold hover:bg-slate-50 transition-colors"> Tutup </button> </div> </div> </div> </div> <div x-show="reportModalOpen" x-cloak class="fixed inset-0 z-50 overflow-y-auto bg-black/60 backdrop-blur-sm flex items-center justify-center p-4 sm:p-6" @keydown.escape.window="closeReportModal()"> <div @click.away="closeReportModal()" class="bg-white rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden relative transform transition-all duration-300 flex flex-col my-8" x-show="reportModalOpen" x-transition:enter="ease-out duration-250" x-transition:enter-start="opacity-0 scale-95 translate-y-4 sm:translate-y-0" x-transition:enter-end="opacity-100 scale-100 translate-y-0"> <div class="px-6 py-5 border-b border-slate-100 flex items-center justify-between select-none"> <h3 class="text-lg font-bold text-slate-900">Laporkan Lowongan Ini</h3> <button @click="closeReportModal()" class="w-8 h-8 rounded-full hover:bg-slate-100 text-slate-400 hover:text-slate-600 transition-colors flex items-center justify-center focus:outline-none"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="p-6 space-y-5 overflow-y-auto max-h-[calc(100vh-200px)]"> <div x-show="reportSuccess" x-cloak class="absolute inset-0 bg-white z-20 flex flex-col items-center justify-center p-6 text-center" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"> <div class="w-16 h-16 bg-emerald-50 text-emerald-600 rounded-full flex items-center justify-center mb-4"> <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"/> </svg> </div> <h4 class="text-xl font-bold text-slate-900">Laporan Terkirim</h4> <p class="text-sm text-slate-500 mt-2 max-w-xs leading-relaxed">Terima kasih atas laporan Anda. Kami akan segera meninjau lowongan ini untuk menjaga kualitas platform.</p> </div> <div class="bg-[#e6fcf0] border border-[#bbf7d0] rounded-xl p-4 flex gap-3 text-slate-700 text-[13px] leading-relaxed"> <!-- Shield Check Icon --> <div class="text-[#059669] flex-shrink-0 mt-0.5"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 1.8a3 3 0 00-4.686 2.506C5.314 4.3 5.3 4.308 5.286 4.316l-.88.327A3 3 0 002.5 7.464v3.134c0 3.327 2.052 6.347 5.163 7.518l.848.32a3 3 0 002.978 0l.848-.32c3.11-1.171 5.163-4.19 5.163-7.518V7.464a3 3 0 00-1.906-2.821l-.88-.327a3.003 3.003 0 00-4.686-2.506zm3.707 7.493a1 1 0 10-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> </svg> </div> <div> Kami akan meninjau laporanmu dan mengambil tindakan yang dibutuhkan. Mohon berikan informasi sedetail mungkin, agar laporan kamu dapat diperiksa dengan baik. Tenang, laporan kamu akan tetap dirahasiakan. </div> </div> <div class="space-y-3.5"> <label class="block text-sm font-bold text-slate-800">Pilih 1 alasan<span class="text-red-500">*</span></label> <div class="space-y-3"> <!-- Option 1 --> <label class="flex items-start gap-4.5 p-4 rounded-xl border border-slate-200 hover:bg-slate-50/70 cursor-pointer transition-colors relative" :class="reportReason === 'Perkerjaan Tidak Layak' ? 'border-blue-500 bg-blue-50/20' : ''"> <input type="radio" name="reason" value="Perkerjaan Tidak Layak" x-model="reportReason" class="mt-1 w-5 h-5 text-blue-600 focus:ring-blue-500 border-slate-300"> <div> <div class="font-bold text-slate-900 text-sm">Perkerjaan Tidak Layak</div> <div class="text-[12px] text-slate-500 mt-1 leading-relaxed">Loker memuat isu SARA, pornografi, dan/atau kekerasan.</div> </div> </label> <!-- Option 2 --> <label class="flex items-start gap-4.5 p-4 rounded-xl border border-slate-200 hover:bg-slate-50/70 cursor-pointer transition-colors relative" :class="reportReason === 'Deskripsi Pekerjaan Tidak Jelas' ? 'border-blue-500 bg-blue-50/20' : ''"> <input type="radio" name="reason" value="Deskripsi Pekerjaan Tidak Jelas" x-model="reportReason" class="mt-1 w-5 h-5 text-blue-600 focus:ring-blue-500 border-slate-300"> <div> <div class="font-bold text-slate-900 text-sm">Deskripsi Pekerjaan Tidak Jelas</div> <div class="text-[12px] text-slate-500 mt-1 leading-relaxed">Loker tidak memuat kualifikasi atau tanggung jawab pekerjaan, dan/atau memiliki deskripsi pekerjaan yang tidak berhubungan dengan nama loker</div> </div> </label> </div> </div> <div> <label for="keterangan" class="block text-sm font-semibold text-slate-700 mb-1.5">Keterangan Tambahan (Opsional)</label> <textarea id="keterangan" x-model="reportKeterangan" rows="3" class="w-full px-4 py-3 border border-slate-200 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all placeholder:text-slate-400" placeholder="Berikan penjelasan tambahan sedetail mungkin..."> Batal Daftar dulu, lalu Lamar Lowongan Ini Buat akun gratis untuk menyimpan lowongan, melamar lewat satu tombol, dan mengikuti status lamaran Anda. Daftar Akun Gratis Sudah punya akun? Login Gratis, tanpa biaya tersembunyi.