{"version":3,"file":"network.500350ee.js","sources":["../../../../pages/network.vue"],"sourcesContent":["<template>\n    <div>\n      <!-- Navbar -->\n      <!-- <nav class=\"bg-white shadow p-4 fixed top-0 inset-x-0 z-50\">\n        <div class=\"container mx-auto flex justify-between items-center\">\n          <div class=\"flex items-center space-x-4\">\n            <img src=\"/assets/images/profile-32.jpeg\" alt=\"LinkedIn Logo\" class=\"h-8 w-8\">\n            <input type=\"text\" placeholder=\"Search\" class=\"p-2 border rounded\">\n          </div>\n          <div class=\"flex space-x-4\">\n            <a href=\"#\" class=\"text-gray-700 hover:text-blue-600\">Home</a>\n            <a href=\"#\" class=\"text-gray-700 hover:text-blue-600\">My Network</a>\n            <a href=\"#\" class=\"text-gray-700 hover:text-blue-600\">Jobs</a>\n            <a href=\"#\" class=\"text-gray-700 hover:text-blue-600\">Messaging</a>\n            <a href=\"#\" class=\"text-gray-700 hover:text-blue-600\">Notifications</a>\n            <a href=\"#\" class=\"text-gray-700 hover:text-blue-600\">Me</a>\n          </div>\n        </div>\n      </nav> -->\n\n      <div class=\"container  \">\n\n\n        <!-- Main Content -->\n        <main class=\"flex-1 p-4 \">\n          <!-- Invitations and Premium Banner -->\n          <!-- <section class=\"bg-white shadow p-4 mb-4\">\n            <div class=\"flex justify-between items-center mb-4\">\n              <h3 class=\"text-lg font-semibold\">Invitations</h3>\n              <a href=\"#\" class=\"text-blue-600\">Manage</a>\n            </div>\n            <div class=\"flex items-center space-x-4\">\n              <img src=\"/assets/images/profile-32.jpeg\" alt=\"Profile\" class=\"rounded-full\">\n              <div class=\"flex-1\">\n                <h4 class=\"text-md font-semibold\">Tevan Andreas</h4>\n                <p class=\"text-sm text-gray-600\">Just a human being</p>\n              </div>\n              <button class=\"text-blue-600\">Accept</button>\n              <button class=\"text-gray-600\">Ignore</button>\n            </div>\n          </section> -->\n\n          <section class=\"bg-primary text-white shadow p-4 mb-4 rounded-xl\">\n            <h3 class=\"text-lg font-semibold mb-2\">Achieve your goals faster with Premium</h3>\n            <p class=\" mb-2\">See who's viewed your profile and directly message members outside of your network.</p>\n            <!-- <button class=\"\">Try Premium for IDR0</button> -->\n          </section>\n\n          <!-- People You May Know -->\n          <section class=\"bg-white shadow p-4 mb-4\">\n            <h3 class=\"text-lg font-semibold mb-4\">People you may know in Jakarta Metropolitan Area</h3>\n            <div class=\"grid grid-cols-4 gap-8\">\n              <div v-for=\"person in people\" :key=\"person.id\" class=\"flex items-center space-x-4\">\n                <img :src=\"person.avatar\" alt=\"Profile\" class=\"rounded-full w-12 h-12\">\n                <div class=\"flex-1\">\n                  <h4 class=\"text-md font-semibold\">{{ person.name }}</h4>\n                  <p class=\"text-sm text-gray-600\">{{ person.title }}</p>\n                  <button class=\"bg-secondary text-white py-1 px-1 rounded-md \">Connect</button>\n                </div>\n\n              </div>\n            </div>\n          </section>\n\n\n\n        </main>\n\n        <!-- Right Sidebar -->\n        <!-- <aside class=\"w-64 bg-gray-100 p-4 fixed top-16 bottom-0 right-0\">\n          <h2 class=\"text-lg font-semibold mb-4\">Add to your feed</h2>\n          <ul>\n            <li class=\"mb-4\">\n              <div class=\"flex items-center space-x-2\">\n                <img src=\"/assets/images/profile-32.jpeg\" alt=\"Company Logo\" class=\"rounded-full\">\n                <div>\n                  <h3 class=\"text-md font-semibold\">Hitachi Energy</h3>\n                  <button class=\"text-blue-600\">+ Follow</button>\n                </div>\n              </div>\n            </li>\n            <li class=\"mb-4\">\n              <div class=\"flex items-center space-x-2\">\n                <img src=\"/assets/images/profile-32.jpeg\" alt=\"Company Logo\" class=\"rounded-full\">\n                <div>\n                  <h3 class=\"text-md font-semibold\">AWS Training & Certification</h3>\n                  <button class=\"text-blue-600\">+ Follow</button>\n                </div>\n              </div>\n            </li>\n            <li class=\"mb-4\">\n              <div class=\"flex items-center space-x-2\">\n                <img src=\"/assets/images/profile-32.jpeg\" alt=\"Company Logo\" class=\"rounded-full\">\n                <div>\n                  <h3 class=\"text-md font-semibold\">Freelancer Robin</h3>\n                  <button class=\"text-blue-600\">+ Follow</button>\n                </div>\n              </div>\n            </li>\n          </ul>\n        </aside> -->\n      </div>\n    </div>\n  </template>\n\n  <script>\n  export default {\n    data() {\n      return {\n        people: [\n          { id: 1, name: 'Farhan Ramadhan', title: 'Motivated to move forward', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 2, name: 'Ananto Wibisono', title: 'Co-Founder and CTO', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 3, name: 'Defri Subastian', title: 'Strategic People Acquisition', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 4, name: 'Hans Halim', title: 'Software Engineering Manager', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 5, name: 'Yudi Ismunandar', title: 'Talent Acquisition Lead', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 6, name: 'Renggo Pribadi', title: 'Senior Product Manager', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 7, name: 'Ferry Andhika', title: 'Software Engineer', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 8, name: 'Ferry Andhika', title: 'Software Engineer', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 9, name: 'Ferry Andhika', title: 'Software Engineer', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 10, name: 'Ferry Andhika', title: 'Software Engineer', avatar: '/assets/images/profile-32.jpeg' },\n          { id: 11, name: 'Ferry Andhika', title: 'Software Engineer', avatar: '/assets/images/profile-32.jpeg' },\n        ],\n      };\n    },\n  };\n  definePageMeta({\n    layout: 'home-layout',\n});\n\n  </script>\n\n  <style>\n  html, body, #__nuxt {\n    height: 100%;\n  }\n  </style>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_createElementBlock","_hoisted_3","_openBlock","_Fragment","_renderList","$data","person","_toDisplayString"],"mappings":"kFA0GE,MAAKA,EAAU,CACb,MAAO,CACL,MAAO,CACL,OAAQ,CACN,CAAE,GAAI,EAAG,KAAM,kBAAmB,MAAO,4BAA6B,OAAQ,gCAAkC,EAChH,CAAE,GAAI,EAAG,KAAM,kBAAmB,MAAO,qBAAsB,OAAQ,gCAAkC,EACzG,CAAE,GAAI,EAAG,KAAM,kBAAmB,MAAO,+BAAgC,OAAQ,gCAAkC,EACnH,CAAE,GAAI,EAAG,KAAM,aAAc,MAAO,+BAAgC,OAAQ,gCAAkC,EAC9G,CAAE,GAAI,EAAG,KAAM,kBAAmB,MAAO,0BAA2B,OAAQ,gCAAkC,EAC9G,CAAE,GAAI,EAAG,KAAM,iBAAkB,MAAO,yBAA0B,OAAQ,gCAAkC,EAC5G,CAAE,GAAI,EAAG,KAAM,gBAAiB,MAAO,oBAAqB,OAAQ,gCAAkC,EACtG,CAAE,GAAI,EAAG,KAAM,gBAAiB,MAAO,oBAAqB,OAAQ,gCAAkC,EACtG,CAAE,GAAI,EAAG,KAAM,gBAAiB,MAAO,oBAAqB,OAAQ,gCAAkC,EACtG,CAAE,GAAI,GAAI,KAAM,gBAAiB,MAAO,oBAAqB,OAAQ,gCAAkC,EACvG,CAAE,GAAI,GAAI,KAAM,gBAAiB,MAAO,oBAAqB,OAAQ,gCAAkC,CACxG,EAEJ,GAvGMC,EAAA,CAAA,MAAM,WAAa,EAIhBC,EAAA,CAAA,MAAM,YAAa,IAkBvBC,EAIU,UAAA,CAJD,MAAM,kDAAkD,EAAA,CAC/DA,EAAkF,KAA9E,CAAA,MAAM,4BAA4B,EAAC,wCAAsC,EAC7EA,EAAwG,IAArG,CAAA,MAAM,MAAO,EAAC,qFAAmF,OAK7FC,EAAA,CAAA,MAAM,0BAA0B,EACvCC,EAAAF,EAA4F,KAAxF,CAAA,MAAM,8BAA6B,mDAAgD,EAAA,EAClFG,EAAA,CAAA,MAAM,wBAAwB,EAnD/CC,EAAA,CAAA,KAAA,EAsDqBC,EAAA,CAAA,MAAM,QAAQ,EACbC,EAAA,CAAA,MAAM,uBAAuB,EAC9BC,EAAA,CAAA,MAAM,uBAAuB,EAChCC,EAAAR,EAA8E,SAAtE,CAAA,MAAM,gDAAgD,UAAO,EAAA,qCAxDnFS,EAqGM,MAAA,KAAA,CAlFJT,EAiFM,MAjFNF,EAiFM,CA7EJE,EA0CO,OA1CPD,EA0CO,CAxBLW,EAOAV,EAaU,UAbVC,EAaU,CAZRC,EACAF,EAUM,MAVNG,EAUM,EATJQ,EAAA,EAAA,EAAAF,EAQMG,EA5DpB,KAAAC,EAoDoCC,EAAM,OAAhBC,QAAZN,EAQM,MAAA,CARyB,IAAKM,EAAO,GAAI,MAAM,gCACnDf,EAAuE,MAAA,CAAjE,IAAKe,EAAO,OAAQ,IAAI,UAAU,MAAM,wBArD9D,EAAA,KAAA,EAAAX,CAAA,EAsDgBJ,EAIM,MAJNK,EAIM,CAHJL,EAAwD,KAAxDM,EAAqCU,EAAAD,EAAO,IAAI,EAAA,CAAA,EAChDf,EAAuD,IAAvDO,EAAoCS,EAAAD,EAAO,KAAK,EAAA,CAAA,EAChDP"}