{"version":3,"file":"8988.0cc23728cae3da22.js","mappings":"0PAaO,IAAMA,EAAa,MAApB,MAAOA,EAMZC,YACSC,EACAC,EACAC,GAFAC,+BACAA,mBACAA,cARUA,qBAAkBC,IACrCD,4BAAyB,uBACzBA,+BAA4B,uBAC5BA,2BAAwB,uBAOvBA,KAAKH,wBAAwBK,UAAU,CAAEC,eAAe,GACzD,CAEAC,WACCC,UAAe,0BACfL,KAAKM,mBACLN,KAAKO,eACN,CAEAD,mBACCN,KAAKF,YAAYU,UAAUR,KAAKS,wBAChCT,KAAKF,YAAYU,UAAUR,KAAKU,2BAChCV,KAAKF,YAAYU,UAAUR,KAAKW,sBACjC,CAEAJ,gBACCP,KAAKF,YAAYS,eAClB,CAEAK,eACCP,UAAe,sCAMfL,KAAKF,YAAYe,WAAW,cALkB,CAC7CC,aAAc,aACdC,iBAAkB,WAClBC,YAAa,CAAC,OAIfhB,KAAKD,OAAOkB,SAAS,CAAChB,WAAuBiB,KAAK,KACjDlB,KAAKH,wBAAwBK,UAAU,CAAEC,eAAe,GAAO,EAEjE,CAEAgB,iBACCd,UAAe,kCAEfe,OAAOC,KADK,gFACK,SAClB,CAEAC,eACCjB,UAAe,kCAEfe,OAAOC,KADK,oDACK,SAClB,CACAE,iBACClB,UAAe,sCAMfL,KAAKF,YAAYe,WAAW,cALkB,CAC7CC,aAAc,gBACdC,iBAAkB,WAClBC,YAAa,CAAC,OAKfI,OAAOC,KADK,4BACK,SAClB,EAlEY1B,SAAa,oCAAbA,GAAa6B,oCAAb7B,EAAa,sBAAbA,EAAa8B,gkGCb1BC,qCACAA,iBAAsB,cAAtBA,CAAsB,UAAtBA,CAAsB,UAAtBA,CAAsB,WAKjBA,0DAA6CA,cAC7CA,gCACDA,QACAA,iBACCA,wEACAA,cAAGA,+CAAkCA,QAAKA,6JAG3CA,QAaAA,kBAA4B,eAG1BA,gCAASC,gBAAc,GACvBD,oCACDA,QACAA,qBAECA,gCAASC,kBAAgB,GACzBD,oCACDA,YAGFA,kBACCA,kBACDA,YAGFA,sBAA0B,YAA1BA,CAA0B,aAIvBA,mBACDA,QACAA,mBAA8D,aACzBA,iCAAoBA,QACxDA,mBACCA,sOAGDA,QACAA,sBAECA,gCAASC,kBAAgB,GACzBD,sCACDA,cAIHA,sBAA0B,YAA1BA,CAA0B,aAIvBA,mBACDA,QACAA,mBAA8E,aACzCA,6BAAgBA,QACpDA,mBACCA,8IAEDA,QACAA,sBAGCA,wCACDA,cAIHA,sBAA0B,YAA1BA,CAA0B,aAIvBA,mBACDA,QACAA,mBAA8D,aACzBA,oCAAuBA,QAC3DA,mBACCA,0NAGDA,cAIHA,uBAAmC,YAAnCA,CAAmC,aAIhCA,mBACDA,QACAA,mBACCA,qGAEDA,QACAA,mBAAmD,YAAnDA,CAAmD,aAGhDA,2SAIDA,QACAA,mBACCA,4HAEDA,QACAA,mBAA+C,WACdA,gCAASC,kBAAgB,GACxDD,mBAEDA,QACAA,iBAAgCA,gCAASC,gBAAc,GACtDD,mBAEDA,YAGFA,mBACCA,mBACDA,cAIHA,sBAA0B,YAA1BA,CAA0B,aAGSA,4CAA+BA,QAChEA,mBACCA,mBACDA,QACAA,mBACCA,mBACDA,cAKHA,sCA3EKA,0KDnEQ/B,CAAa,6BEGnB,IAAMiC,EAAU,MAAjB,MAAOA,YAAU,oCAAVA,EAAU,EAAVA,EAAU,sBAAVA,MAAU,0BANrBC,KACAC,cAAsB,CAAC,CAAEC,KAAM,GAAIC,UAAWrC,KAC9CsC,IACAC,OAGWN,CAAU","names":["HomeComponent","constructor","appConfigurationService","tiktokPixel","router","this","RoutingConstant","emitEvent","isDesktopView","ngOnInit","mixpanel","initPixelService","trackPageView","loadPixel","tiktokPixelIdMulaiBaca","tiktokPixelIdMulaiMenulis","tiktokPixelIdPageView","goToHomepage","trackEvent","content_name","content_category","content_ids","navigate","then","goToGooglePlay","window","open","goToAppStore","goToWriterPage","core","selectors","i0","ctx","HomeModule","CommonModule","RouterModule","path","component","RevampLandingNavbarModule","LandingFooterModule"],"sourceRoot":"webpack:///","sources":["./src/app/presentation/journey/revamp-landing/home/home.component.ts","./src/app/presentation/journey/revamp-landing/home/home.component.html","./src/app/presentation/journey/revamp-landing/home/home.module.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { AppConfigurationService } from '../../../../app-configuration.service';\nimport mixpanel from 'mixpanel-browser';\nimport { PixelEventProperties } from 'ngx-pixel/lib/pixel.models';\nimport { TikTokPixelService } from '@common/services/tiktok-pixel.service.service';\nimport { Router } from '@angular/router';\nimport RoutingConstant from '../../../../app-routing.constant';\n\n@Component({\n\tselector: 'app-home',\n\ttemplateUrl: './home.component.html',\n\tstyleUrls: ['./home.component.scss']\n})\nexport class HomeComponent implements OnInit {\n\tprotected readonly RoutingConstant = RoutingConstant;\n\ttiktokPixelIdMulaiBaca = 'CQRHP73C77UFGSJEFKH0';\n\ttiktokPixelIdMulaiMenulis = 'CQRIDJ3C77U53M1BLF70';\n\ttiktokPixelIdPageView = 'CQRIESBC77U5SJ4PUPU0';\n\n\tconstructor(\n\t\tprivate appConfigurationService: AppConfigurationService,\n\t\tprivate tiktokPixel: TikTokPixelService,\n\t\tprivate router: Router\n\t) {\n\t\tthis.appConfigurationService.emitEvent({ isDesktopView: true });\n\t}\n\n\tngOnInit(): void {\n\t\tmixpanel.track('Landing Page - Visited');\n\t\tthis.initPixelService();\n\t\tthis.trackPageView();\n\t}\n\n\tinitPixelService() {\n\t\tthis.tiktokPixel.loadPixel(this.tiktokPixelIdMulaiBaca);\n\t\tthis.tiktokPixel.loadPixel(this.tiktokPixelIdMulaiMenulis);\n\t\tthis.tiktokPixel.loadPixel(this.tiktokPixelIdPageView);\n\t}\n\n\ttrackPageView() {\n\t\tthis.tiktokPixel.trackPageView();\n\t}\n\n\tgoToHomepage() {\n\t\tmixpanel.track('Landing Page - CTA Reading Clicked');\n\t\tconst eventProperties: PixelEventProperties = {\n\t\t\tcontent_name: 'Mulai Baca',\n\t\t\tcontent_category: 'Homepage',\n\t\t\tcontent_ids: ['1']\n\t\t};\n\t\tthis.tiktokPixel.trackEvent('ViewContent', eventProperties);\n\n\t\tthis.router.navigate([RoutingConstant.HOME]).then(() => {\n\t\t\tthis.appConfigurationService.emitEvent({ isDesktopView: false });\n\t\t});\n\t}\n\n\tgoToGooglePlay() {\n\t\tmixpanel.track('Landing Page - CTA Google Play');\n\t\tconst url = 'https://play.google.com/store/apps/details?id=com.wacaku.mobile.android&hl=id';\n\t\twindow.open(url, '_blank');\n\t}\n\n\tgoToAppStore() {\n\t\tmixpanel.track('Landing Page - CTA Google Play');\n\t\tconst url = 'https://apps.apple.com/id/app/wacaku/id6468238669';\n\t\twindow.open(url, '_blank');\n\t}\n\tgoToWriterPage() {\n\t\tmixpanel.track('Landing Page - CTA Writing Clicked');\n\t\tconst eventProperties: PixelEventProperties = {\n\t\t\tcontent_name: 'Mulai Menulis',\n\t\t\tcontent_category: 'Homepage',\n\t\t\tcontent_ids: ['1']\n\t\t};\n\t\tthis.tiktokPixel.trackEvent('ViewContent', eventProperties);\n\n\t\tconst url = 'https://studio.wacaku.com';\n\t\twindow.open(url, '_blank');\n\t}\n}\n","<app-revamp-landing-navbar></app-revamp-landing-navbar>\n<div class=\"bg-white\">\n\t<section class=\"container-landing bg-white\">\n\t\t<div class=\"max-w-5xl md:mx-auto flex flex-col md:flex-row md:mt-[4rem] px-4 md:px-0\">\n\t\t\t<div class=\"md:order-1 md:w-5/12 md:mt-0 pb-[20px] md:pb-0 order-2 mt-4\">\n\t\t\t\t<div class=\"text-4xl md:text-left text-center font-semibold md:leading-relaxed\">\n\t\t\t\t\tMenghubungkan Siapapun dengan Cerita dan Buku<br />\n\t\t\t\t\tyang Mereka Cintai\n\t\t\t\t</div>\n\t\t\t\t<div class=\"mt-4 md:text-left text-center\">\n\t\t\t\t\tWacaku adalah platform digital yang memungkinkan siapapun\n\t\t\t\t\t<b>menemukan, membaca, dan membagikan</b> cerita dan buku yang seru!! Di Wacaku,\n\t\t\t\t\ttidak hanya pengalaman membaca yang bertambah, tetapi juga potensi penghasilan\n\t\t\t\t\tdari karya tulis kalian!\n\t\t\t\t</div>\n\t\t\t\t<!-- <div class=\"mt-5 flex flex-col gap-4 px-4 pb-7 md:pb-0 md:px-4 md:top-0 md:mt-10\">\n                    <a\n                        (click)=\"goToHomepage()\"\n                        class=\"rounded-lg bg-[#E61C22] px-5 py-4 text-center font-asap font-semibold md:bg-[#E61C22] md:py-4 cursor-pointer\">\n                        <div class=\"w-full md:text-white text-white\">Mulai Baca</div>\n                    </a>\n                    <a\n                        (click)=\"goToWriterPage()\"\n                        class=\"rounded-lg bg-[#E61C22] px-5 py-4 text-center font-asap font-semibold md:bg-[#E61C22] md:py-4 cursor-pointer grid-cols-1\">\n                        <div class=\"w-full md:text-white text-white\">Mulai Menulis</div>\n                    </a>\n                </div> -->\n\t\t\t\t<div class=\"flex mt-[2rem]\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"text-white bg-red-600 hover:bg-red-600 focus:outline-none dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2\"\n\t\t\t\t\t\t(click)=\"goToHomepage()\">\n\t\t\t\t\t\tMasuk sebagai pembaca\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"text-white bg-red-600 hover:bg-red-600 focus:outline-none dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2\"\n\t\t\t\t\t\t(click)=\"goToWriterPage()\">\n\t\t\t\t\t\tMasuk sebagai penulis\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"md:w-7/12 md:order-2 order-1 mt-4 md:mt-0\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/carousel.png\" />\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section class=\"bg-white\">\n\t\t<div\n\t\t\tclass=\"max-w-5xl md:mx-auto flex flex-col md:flex-row md:mt-[8rem] mt-[4rem] px-4 md:px-0 md:justify-center\">\n\t\t\t<div class=\"md:w-1/2\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/section2.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"md:w-1/2 flex items-center flex-col md:mt-0 mt-4\">\n\t\t\t\t<div class=\"text-3xl font-semibold\">Tulis dan Baca Karya</div>\n\t\t\t\t<div class=\"text-center mt-6 mb-8 leading-relaxed\">\n\t\t\t\t\tMulai menulis di Wacaku dengan berbagai fitur yang mendukung kamu untuk lebih\n\t\t\t\t\tkreatif, mulai dari editor yang dioptimalkan untuk penulis hingga bantuan AiNi,\n\t\t\t\t\tsebuah kecerdasan buatan untuk membantu kreativitas kamu.\n\t\t\t\t</div>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"text-white bg-red-600 hover:bg-red-800 focus:outline-none dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2\"\n\t\t\t\t\t(click)=\"goToWriterPage()\">\n\t\t\t\t\tMulai Menulis di Wacaku\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section class=\"bg-white\">\n\t\t<div\n\t\t\tclass=\"max-w-5xl md:mx-auto flex flex-col md:items-center md:flex-row md:mt-[4rem] mt-[4rem] px-4 md:px-0 md:justify-center\">\n\t\t\t<div class=\"md:w-1/2 flex md:order-2 md:justify-center\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/section3.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"md:w-1/2 flex items-center flex-col md:mt-0 mt-4 flex md:order-1\">\n\t\t\t\t<div class=\"text-3xl font-semibold\">Monetisasi Karya</div>\n\t\t\t\t<div class=\"text-center mt-6 mb-8 leading-relaxed\">\n\t\t\t\t\tUbah hobi kamu menjadi sesuatu yang menghasilkan! Wacaku memberikan keleluasaan\n\t\t\t\t\tkepada para penulis untuk memonetisasi tulisan.\n\t\t\t\t</div>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"text-white bg-red-600 hover:bg-red-800 focus:outline-none dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2\"\n\t\t\t\t\t[routerLink]=\"RoutingConstant.LANDING_WRITER_MONETISAKU\">\n\t\t\t\t\tPelajari monetisasi karya\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section class=\"bg-white\">\n\t\t<div\n\t\t\tclass=\"max-w-5xl md:mx-auto flex flex-col md:flex-row mt-[4rem] px-4 md:px-0 md:justify-center\">\n\t\t\t<div class=\"md:w-1/2\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/section4.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"md:w-1/2 flex items-center flex-col md:mt-0 mt-4\">\n\t\t\t\t<div class=\"text-3xl font-semibold\">Gabung dengan Komunitas</div>\n\t\t\t\t<div class=\"text-center mt-6 mb-8 leading-relaxed\">\n\t\t\t\t\tGabung dan berinteraksi dengan komunitas Wacaku yang ada di kanal Whatsapp,\n\t\t\t\t\tTelegram dan X. Kamu bisa bertukar pikiran dan mengembangkan kreativitas kamu\n\t\t\t\t\tdengan berdiskusi dengan pengguna Wacaku lainnya.\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section class=\"bg-[#FFFDED] py-4\">\n\t\t<div\n\t\t\tclass=\"max-w-5xl md:mx-auto flex flex-col md:flex-col mt-[4rem] px-4 md:px-0 md:justify-center\">\n\t\t\t<div class=\"md:hidden\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/section5.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"text-3xl font-semibold text-center md:mt-0 mt-4\">\n\t\t\t\tNikmati Puluhan Ribu Bacaan dan Mulai Berbagi Cerita/Buku untuk Memperoleh\n\t\t\t\tPenghasilan\n\t\t\t</div>\n\t\t\t<div class=\"flex mt-[2rem] md:gap-24 items-center\">\n\t\t\t\t<div class=\"md:w-2/3 w-full text-[#78694D]\">\n\t\t\t\t\t<div class=\"leading-relaxed text-justify\">\n\t\t\t\t\t\tDi Wacaku, kamu bisa menyelam ke dunia buku yang luas, dari cerita seru\n\t\t\t\t\t\tpetualangan hingga pemikiran mendalam filosofi, semuanya ada dan siap untuk\n\t\t\t\t\t\tdinikmati. Cukup daftar, scroll, dan pilih buku yang bikin penasaran—semua\n\t\t\t\t\t\tdengan gampang dan cepat, langsung dari ujung jari kamu!\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"mt-4\">\n\t\t\t\t\t\tYuk, mulai petualanganmu di dunia buku dengan Wacaku, tempat semua cerita\n\t\t\t\t\t\tberharga itu dibaca dan diciptakan!\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"text-white mt-10 flex gap-2 px-12\">\n\t\t\t\t\t\t<a class=\"w-1/2 cursor-pointer\" (click)=\"goToGooglePlay()\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"../../../../../assets/revamp-landing/google-play-btn-new.png\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a class=\"w-1/2 cursor-pointer\" (click)=\"goToAppStore()\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"../../../../../assets/revamp-landing/apple-play-btn-new.png\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"md:w-1/3 hidden md:flex\">\n\t\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/section5.png\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section class=\"bg-white\">\n\t\t<div\n\t\t\tclass=\"max-w-5xl md:mx-auto flex flex-col md:flex-col mt-[4rem] px-4 md:px-0 md:justify-center pb-8\">\n\t\t\t<div class=\"flex justify-center\">Wacaku telah bekerjasama dengan</div>\n\t\t\t<div class=\"mt-8 hidden md:flex md:justify-center\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/partnership.svg\" />\n\t\t\t</div>\n\t\t\t<div class=\"mt-8 md:hidden flex justify-center\">\n\t\t\t\t<img src=\"../../../../../assets/revamp-landing/home/mobile-partnership.svg\" />\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</div>\n\n<app-landing-footer></app-landing-footer>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HomeComponent } from './home.component';\nimport { RouterModule } from '@angular/router';\nimport { RevampLandingNavbarModule } from '@components/revamp-landing-navbar/revamp-landing-navbar.module';\nimport { LandingFooterModule } from '@components/landing-footer/landing-footer.module';\n\n@NgModule({\n\tdeclarations: [HomeComponent],\n\timports: [\n\t\tCommonModule,\n\t\tRouterModule.forChild([{ path: '', component: HomeComponent }]),\n\t\tRevampLandingNavbarModule,\n\t\tLandingFooterModule\n\t]\n})\nexport class HomeModule {}\n"],"x_google_ignoreList":[]}