From 7e1f6df655a6e1a304b875571569ccba2adbed28 Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Tue, 7 Oct 2025 00:25:25 +0800
Subject: [PATCH] update

---
 .gitlab-ci.yml                         |  29 ++
 Dockerfile                             |  36 ++
 app/detail/[id]/page.tsx               |  11 -
 app/favicon.ico                        | Bin 25931 -> 70262 bytes
 app/layout.tsx                         |   4 +-
 components/details/details-content.tsx | 504 ++++++++---------------
 components/landing-page/header.tsx     |  42 +-
 components/landing-page/news.tsx       | 532 +++++++++++++------------
 public/profile.jpg                     | Bin 0 -> 19984 bytes
 9 files changed, 548 insertions(+), 610 deletions(-)
 create mode 100644 .gitlab-ci.yml
 create mode 100644 Dockerfile
 create mode 100644 public/profile.jpg

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
new file mode 100644
index 0000000..4170945
--- /dev/null
+++ b/.gitlab-ci.yml
@@ -0,0 +1,29 @@
+stages:
+  - build
+  - deploy
+
+build-dev:
+  stage: build
+  when: on_success
+  only:
+    - main
+  image: docker:stable
+  services:
+    - name: docker:dind
+      command: ["--insecure-registry=103.82.242.92:8900"]
+  script:
+    - docker logout
+    - docker login -u $DEPLOY_USERNAME -p $DEPLOY_TOKEN 103.82.242.92:8900
+    - docker build -t 103.82.242.92:8900/medols/web-fokus-aja:dev .
+    - docker push 103.82.242.92:8900/medols/web-fokus-aja:dev
+
+auto-deploy:
+  stage: deploy
+  when: on_success
+  only:
+    - main
+  image: curlimages/curl:latest
+  services:
+    - docker:dind
+  script:
+    - curl --user admin:$JENKINS_PWD http://38.47.180.165:8080/job/auto-deploy-fokus-aja/build?token=autodeploymedols
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..2b874db
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,36 @@
+# Menggunakan image Node.js yang lebih ringan
+FROM node:23.5.0-alpine
+
+# Mengatur port
+ENV PORT 3000
+
+# Install pnpm secara global
+RUN npm install -g pnpm
+
+# Membuat direktori aplikasi dan mengatur sebagai working directory
+WORKDIR /usr/src/app
+
+# Menyalin file penting terlebih dahulu untuk caching
+COPY package.json ./
+
+# Menyalin direktori ckeditor5 jika diperlukan
+COPY vendor/ckeditor5 ./vendor/ckeditor5
+
+# Menyalin env
+COPY .env .env
+
+# Install dependencies
+RUN pnpm install
+# RUN pnpm install --frozen-lockfile
+
+# Menyalin source code aplikasi
+COPY . .
+
+# Build aplikasi
+RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm next build
+
+# Expose port untuk server
+EXPOSE 3000
+
+# Perintah untuk menjalankan aplikasi
+CMD ["pnpm", "run", "start"]
\ No newline at end of file
diff --git a/app/detail/[id]/page.tsx b/app/detail/[id]/page.tsx
index 6adfd1f..6aba50d 100644
--- a/app/detail/[id]/page.tsx
+++ b/app/detail/[id]/page.tsx
@@ -6,17 +6,6 @@ import Image from "next/image";
 export default function Home() {
   return (
     <div className="relative min-h-screen font-[family-name:var(--font-geist-sans)]">
-      <div className="fixed top-0 left-0 w-full h-auto z-0">
-        <Image
-          src="/rumput.jpg"
-          alt="Background"
-          width={1450}
-          height={600}
-          className="w-full h-auto object-cover"
-          priority
-        />
-      </div>
-
       <div className="relative z-10 bg-[#F2F4F3] max-w-7xl mx-auto">
         <Navbar />
         <div className="flex-1">
diff --git a/app/favicon.ico b/app/favicon.ico
index 718d6fea4835ec2d246af9800eddb7ffb276240c..86bc01c3990fed98d225508e1ca4d98a4f1bb0a7 100644
GIT binary patch
literal 70262
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
T#rjCwtY_YOn#bVd(u4m8(kR{A

literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO<?sK2}EE5RAKnxHU7lft+
zNRAPL3?T?25I&drAjl1ssi=G|D?(7bFsgtO(2o>{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UX<xm7|19n6Hxvd5m6xx<*9a4%RmR{en}E&p$X-wy5A}T
zU0^dwXVA>IbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%<G)
zWdETe=&R39RaKR)udn|#TOgZ!e!yM=<=+`Uz{l^5UtkZ2fHDQ;UwMB}v%l$A-`~F-
z{Qr^x^CSUf63Sry{6y#+`<sMA?dPFvg)$lC_RkFRKnCi7&P<a6>hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M<!8cv(gkb9@A>>36U4Us
zfgYWSiHZL3;lpWT=<n~R&zm>zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6<!ZvGbtU{7FdY&`9DeD(=q|M30$GCs(E?S0J1$e@G0#Z=wz
zl)*a>Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B<UyBc9U%rn&@xFZ-e{%i>@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<<x-(q{Yn-pG
zKTz?fwGmh&&2-F3f57**)?Xk#p#S9h^DhK{VVKE&0KR^-_MMD9nf@pDACnmVll!kp
z3?Tha?LWW70P;AL{}cP~sW|?W|MbA09{7Kt2f!i(y>fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?<jWWPHxu*D53Uq)j1!ZtH3Vi&#Nd^rV
zj`B>MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7<Kk?_r;;``Uc^3+u}-v3@Q8<@$Nr`<F?K
z-%F>?r!zQTPPSv}{so2e>Fjs1{<qUF=hGRSFDG$<z3x<+@%{Vd%a`e+qodRP&D<om
zAEn>gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*<R_VaVlPH<<CgYr!E->>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w<boVrLOyLG9R$m+7N>6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P<HJ;%@cvfCkvm6xcMjdY
zed_u6xK)F%|1Hy`)`e~K(f*MqTJ?92I+4lga{A5`-U@Cab35G6unNk<*dpB|Rtkp;
z?32o^yBlJsuA-^abQ~7;%<oa^k<DbKc{lOW2!yM#nEALvv)IhY7b|Wfg(UhtiurTM
zY-B6L26$JQo&Kt3nh3JTJ)garEgw^{uEM3__%b$U5{~+aMO*k)6R#grkER2`U6KS-
z=j1=QhCkuy%iiHWrqH8CeGNw*C?epTpl2Bo@ugUPKRFeiVHOpL7PHu-SAgX@qmTGH
z_%ePz1`io8XDfwLmip;Rn;1yo+3>3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@<gIi}tCXee1<sGV$i
z4r_`X#mEQbiDh!Efji0GjM9z-0bF}p0(*s(OzMJ|;K&OJBar<ARLp}T>a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1<ZO0#U-k07ifx!>
zrO6RSXHH}D<I*>Mc$&|?D004<Y&c6)m74d`LOLU@ruR+Um4>DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*A<g|TlOeriuPP`vK2IntATvs?Iv|J14j&;NFSFo
zyJ+sca?G+8C%!b{Sq=6cJJqS>y{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDT<?u;)RfLQwg>N}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4Ul<x{xc_m~`mWBP0<g-{#wm}Vv~Ef3pKWC&N_<~88zSbEk;;+{DnJ9-u&Zc74s
zJ6TCQyl_^|5cY;wmDdrU@LTL-3v0H#Ui?8ICQV{imof1MHuM$`e*ux>IWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyT<MDk{HKbd#ckg5-pS_?QUVhZv?&Q-ioBS}$nvBd)nE7YO0deN~G(#zCJAbY$E
z!)g3Ytl=_NDUV%pykcE+Q<{EoZ_4FR@&#d<hqs%N>DrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5E<MCr+anDo)-{XRlCJ;D#M(
zT=3WgR02;Nm!54biUb^FtzPh8iGrf412epnki-k+G4mdkzC|lJqaRMbb0~Jjp-{}I
z5Do5afZi>ajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7gi<U
zTpbX&UCeYeNu>LVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z<cK@1=jX>?J<BS8bpdt^R+}%A_DEhF^%o}8e!!lc`Y!qU>;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1e<Q<iIG*|o$r?OTFp`s)@_nHs4LeWbGvg7^}NK)>dAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91<J5P5=Ly{?(NNY{6`O~L5r@sJe3rNZn06%SLk);
z9?hvE^Hr{!*G$<_doyzGn#*z*#}?)8dH=eYTgvc)T~}Jw!kCv68<+KL5{5?EXtDAZ
zWeNqp8%KIuBi&icn5s815Vho<+99VW1~m@L8l0=$c`t-L{q))~<!p*~vCdUcBcPz`
zyUi}!-k_`G{>P8|av8hQoCmQXkd?7wIJw<dY^{|7OQJUHKB~nksN_|Xy;DL?xjxU^
zbMa`WdfTBnr<wTd$mY&SgJ4U|X``k`#`gN@M+0x2W{YgC3kbLk<uYFJWglkx_)2#b
ztRiuA!EK9o)f`I2k)l;Of%E`ff91WlZh8yfRi6#N-mC`Ma(yr~U82SyAhc9B+ur!f
zP-3igg*KeYs9mGOAw@OaXYy9DnGjn0<m`JH&Q^h}^!h+uS9Ct*o-oEy(?iT6Yco>b
z_^v8bbg`<ZOL)a;i=IdfK0Zvw4nXsoC?eTOMpY)_ptiORm%J(1CD3dE0Z%Vy<2iHp
zcp>SAn{I*4bH$u(RZ6*x<DqKJ+5;a6Jq~=Y8V&c?Vsyq88!2nD?H?Eww58Mqt$7R8
z5BMjmKx>UhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq3<?y%xNvu0N78_R?~<RDFQx0ynlRG(E|j
zvEGN3bF<E_9p-I!UwQXFqcSGV#e^98tgFqLp+z9eP}y!jNA{)r*a+%M-_20xg?94<
zzmM{}syi0cd&P)zywMdS&Y_9k5JDtOM!L)b^2WP!+fHYGv>6!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=p<K1~3>C^<jVp}L(pzgMB_Vs-O?{Z?y$8M;)
zi@7zwpzV9#m72%En~(9@E)GWV^(~J*@^*K*TE0mynAnGJ5YSLCEnC42H-`tr4L=oW
zI}N{xQ$HT8Q6CVHf%RY&xw7!Zj(0xmg(K#UQ4u!ej95z7V4phlcTJ2&AR}$)zV-s!
zO7bqY6(=?1t+JCOW_z%HRE>S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk(<gsVPionpJ-imI56$j4P0!br@ny3=!{x2TY^
zCD=)8_PgmN)E!^nczcDGc9Wm7oo5O3@fh=k=kh8J?_3KqEp7JHdv8z_iZ5#KmbiPt
z2Bt8Ro^p$7pS!xL3mtj<iN3f}#r6_&$Es0PnJTE?c;0#$%cGdu`T%~`gW;c^VD-S=
zrAatMf^%Lzr*wQ4kHSOb?WOUuEsJQ3xr{Imf1t{~iNmRwb_SP9!?FFN=b-E){!8P2
ztWCT~262O8`%?3<W4Wg+ovWY<re)?^kZ|Yi>$?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU<o
zeu8G~Z>^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvh<G@KZw
z+<GL!lpeahq2+nO{>CL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c<SELWpDAg~83oY-J_WoDiI6d7>70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*<wp?Ryt$UFh41$qd}LyNJ7Oao(Aw2g|wy
zH_nZ+R#~EUME^#j4$@^5&>_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111a<qXXnUI&{l`dM&{4Gw)jZn;
zlj{VxW@#OcVE1Y%J*u^Z@H+XSqL6SwA|^jv2RU_+d;O!mk)dw7-m9B4{6*G1zRdR6
zQ}6v&Xt7R2h3Xp}EQk4nF2TULG{Ri=D|JC<a+K7dldN1}CY_f!vK#u}K3`g#TpO&W
z;!;64`0$d9raD!VbYP`kuFUasaMh!;&81y}LHS(SuGRxwEn4LZb4DS1j9iAq$MXd@
z(Ebka7_Gc(ljGaJqtI-OzmA@c@sYB$)Vg!RP4~``vaVyRq$rJXRjIPwtepN;(B%wy
zmU>H}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L<c0d<h!DNBIa<xax8W3(Ru8L0cVXQ18|Y^|*S%)R96z
zBT$(=zQ}2vmt6LzN~Oyf_Y92%P@QOx{7~}5!UIqCdfu?VwC0Nb!2@iiit8-5zUWFG
z*G&+GLIU#J;}hvowNJWnglvb^<2q~lS#?ixVtYT@(O3{TC|4kFJYLB*jni-4YZi0>
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*I<Cd*bZlOJ9YmRUK2<qXkpRR3nr6r~%Jz
z*(8tA&DYO)etdgVmoonqD{*<5Fog4ClIs-~_uhjuZOI}#Wy+ce${%#oyHloXelqfz
z8)?D3Y_>cmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU<MM~gB&J0gc}IH}?|B4WRK
zWPL0FhctFGdMucOFdhrVunIe5)4K^H9IjB#eA)p5w?c#v7kp8jx^~bxxJB{;hPFL9
zkR9Dbpj+T5ZMgHQg|oj*DS;x&jK}1rn&}Shp9sgOI*7puQD-w?3H*cg72;5H(_zW*
zApJBIM-p2~F;qWDj!n|Kd=5|T8OPkQ_G;ujgvKybr5@~eci2{8WAz+%NUSp-&eoG!
zOGLNLJewWl&1*NT467W3god~fYgX?!f0?NCFnjD$qE-fyQ)|Q_DLc*{olmXSVl$g_
z$vj}o?RatMy(o*j8?q1Mgw{OUOgVR6_qvS<Co*&!cR`ROi|*I`ajyG5s@L8agnX2J
zF=DLkMG`z{RP&996y0yAtvJcb<cba?TV#j4VYFPC>&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=<xUfo0v~z=RA=cFWKXgcMECd}xHp7iqkBanH}TZ0h0rA=
zqxUZ>A=<k-RjTtwbJkkep{8z*173wY^e%-U0{Ue!n@wbg^2q)Vx5c(_RfvuR4}XXn
z+JE>yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v<oS3Xw7
zu51m`3~hoyxErcHymdFTZd#AO59{EkuFTcpAR33(3xc{zRnn1~1Ei(i*^HdCvM~;;
za&}Uip|u>#ix45EVrcEhr>!NMhprl<CqZuKa#zuI&@zymVzIicetS0bq#u?m(r_@S
zJ79bl%4EyHCQ3fK@en+A1@)e}HWLP|gr_zuoA{}Z<(-*53Zu@k+=^%~5F(z$EFLI;
z-TQTS8$W|GRbZq93Ha1?lu+`O;rn>$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~<Ao%ZuW})CJ)6^(aRV(gGxR
z89#(FDW;GZEAf;rI$+PU)rEV|rASrwP0_mr^Ldv)IuUf1M>&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<<q5KGu)u(OEfEJJw2aEi(;x-i=Y=j3ram9H2n-Fuqv0dVlXJ
z&WgG5X({!vJFDrEbm+CWDca^zIe2@s1@a;;Y3!U9Q)&P0UXFmCP51_!wvTfAIyR^M
z7^R*O@yz1b-s4VC>4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C<kr{U&JG{9FhoZ<aTve_lLz39>
zI@}sc<h3gsW}hp-`WUywKA>Zlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+<Td{{5RWR}u2f(q<b(D$9JsF0OOzJ*+z0P5kc1t}CXlYgua%x*2lSgp|*WS3H-#
zdYr7?GQOL18zUS<2|;+vi4|4sQBM2Gs&WVS!D`q5Lz;XR@5rEfa{uG-!q?R8Ncz%(
z5K6~LQ@d2wp#)5q4u<ENlFbS)U4o1t9{-d>9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2<VfJZemI(PFAD{6Sm|uE%BTbkl
zROsg*MOh20YgGs3H7?@pmQ>`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M<xTd?60J5qsr1Cg7F~~U2N!(@lC<>=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(<ov
z$YXcI9;^grAyiJ4dWTv3b}K~Ww09(;mLY4+kj|$A?IMr}`7q?mIS1>O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m

diff --git a/app/layout.tsx b/app/layout.tsx
index f7fa87e..fbcb119 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Fokus Aja",
+  description: "Fokus Aja",
 };
 
 export default function RootLayout({
diff --git a/components/details/details-content.tsx b/components/details/details-content.tsx
index 89a2b08..a70e778 100644
--- a/components/details/details-content.tsx
+++ b/components/details/details-content.tsx
@@ -5,6 +5,7 @@ import Link from "next/link";
 import { getArticleById, getListArticle } from "@/service/article";
 import { close, loading } from "@/config/swal";
 import { useParams } from "next/navigation";
+import { CommentIcon } from "../icons/sidebar-icon";
 import { Link2, MailIcon } from "lucide-react";
 
 type TabKey = "trending" | "comments" | "latest";
@@ -13,7 +14,6 @@ type Article = {
   id: number;
   title: string;
   description: string;
-  htmlDescription: string;
   categoryName: string;
   createdAt: string;
   createdByName: string;
@@ -41,9 +41,9 @@ export default function DetailContent() {
   const [articles, setArticles] = useState<Article[]>([]);
   const [articleDetail, setArticleDetail] = useState<any>(null);
   const [showData, setShowData] = useState("5");
-  const [search, setSearch] = useState("-");
+  const [search, setSearch] = useState("");
   const [listCategory, setListCategory] = useState<CategoryType[]>([]);
-  const [selectedCategories, setSelectedCategories] = useState<any>("-");
+  const [selectedCategories, setSelectedCategories] = useState<any>("");
   const [startDateValue, setStartDateValue] = useState({
     startDate: null,
     endDate: null,
@@ -69,46 +69,29 @@ export default function DetailContent() {
   ];
 
   useEffect(() => {
-    fetchTabArticles();
-  }, [activeTab]);
+    initState();
+  }, [page, showData, startDateValue, selectedCategories]);
 
-  async function fetchTabArticles() {
-    const req: any = {
+  async function initState() {
+    // loading();
+    const req = {
       limit: showData,
       page,
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 
-    // Sesuaikan sortBy berdasarkan tab
-    if (activeTab === "trending") {
-      req.sortBy = "view_count";
-    } else if (activeTab === "comments") {
-      req.sortBy = "comment_count";
-    } else {
-      req.sortBy = "created_at";
-    }
-
-    // Hanya kirimkan search jika valid
-    if (search && search !== "-" && search !== "") {
-      req.search = search;
-    }
-
-    if (selectedCategories && selectedCategories !== "-") {
-      req.categorySlug = selectedCategories;
-    }
-
     try {
       const res = await getListArticle(req);
-      setTabArticles(res?.data?.data || []);
-    } catch (error) {
-      console.error("Failed fetching tab articles:", error);
-      setTabArticles([]); // Optional fallback
+      setArticles(res?.data?.data || []);
+      setTotalPage(res?.data?.meta?.totalPage || 1);
+    } finally {
+      // close();
     }
   }
-
   const content: Record<
     TabKey,
     { image: string; title: string; date: string }[]
@@ -154,30 +137,6 @@ export default function DetailContent() {
     ],
   };
 
-  useEffect(() => {
-    initState();
-  }, [page, showData, startDateValue, selectedCategories]);
-
-  async function initState() {
-    // loading();
-    const req = {
-      limit: showData,
-      page,
-      search,
-      categorySlug: Array.from(selectedCategories).join(","),
-      sort: "desc",
-      sortBy: "created_at",
-    };
-
-    try {
-      const res = await getListArticle(req);
-      setArticles(res?.data?.data || []);
-      setTotalPage(res?.data?.meta?.totalPage || 1);
-    } finally {
-      // close();
-    }
-  }
-
   useEffect(() => {
     initStateData();
   }, [listCategory]);
@@ -194,79 +153,65 @@ export default function DetailContent() {
     close();
   }
 
-  if (!articleDetail?.files || articleDetail.files.length === 0) {
-    return (
-      <div className="w-full h-[400px] bg-gray-100 flex items-center justify-center rounded-lg">
-        <p className="text-gray-400 text-sm">Gambar tidak tersedia</p>
-      </div>
-    );
-  }
-
   return (
     <>
-      <div className="flex items-center bg-[#F2F4F3] w-full overflow-hidden mb-4 py-6 px-8">
-        <Image
-          src={"/mikul.png"}
-          alt="Background"
-          width={272}
-          height={90}
-          className="w-full md:w-[272px] h-[90px] object-cover border"
-          priority
-        />
-      </div>
       <div className="bg-white grid grid-cols-1 md:grid-cols-3 gap-6 px-8 py-8">
         <div className="md:col-span-2">
           <p className="text-sm text-gray-500 mb-2">Home {">"}Detail</p>
           <h1 className="text-3xl md:text-4xl font-bold text-[#1a1a1a] leading-tight mb-4">
             {articleDetail?.title}
           </h1>
-          <div className="flex items-center space-x-2 text-sm text-gray-500 mb-4">
-            <div className="text-[#31942E]">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-              >
-                <g
-                  fill="none"
-                  // fill-rule="evenodd"
+          <div className="flex flex-row justify-between  items-center space-x-2 text-sm text-black mb-4">
+            <div className="flex flex-row gap-3">
+              <div className="text-[#31942E]">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
                 >
-                  <path d="m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z" />
-                  <path
-                    fill="currentColor"
-                    d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2M8.5 9.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0m9.758 7.484A7.99 7.99 0 0 1 12 20a7.99 7.99 0 0 1-6.258-3.016C7.363 15.821 9.575 15 12 15s4.637.821 6.258 1.984"
-                  />
-                </g>
-              </svg>
-            </div>
+                  <g
+                    fill="none"
+                    // fill-rule="evenodd"
+                  >
+                    <path d="m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z" />
+                    <path
+                      fill="currentColor"
+                      d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2M8.5 9.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0m9.758 7.484A7.99 7.99 0 0 1 12 20a7.99 7.99 0 0 1-6.258-3.016C7.363 15.821 9.575 15 12 15s4.637.821 6.258 1.984"
+                    />
+                  </g>
+                </svg>
+              </div>
 
-            <span className="text-[#31942E] font-medium">
-              {articleDetail?.createdByName}
-            </span>
-            <span>•</span>
-            <span>
-              <span>
-                {new Date(articleDetail?.createdAt).toLocaleDateString(
-                  "id-ID",
-                  {
-                    day: "numeric",
-                    month: "long",
-                    year: "numeric",
-                  }
-                )}
+              <span className="text-[#31942E] font-medium">
+                {articleDetail?.createdByName}
               </span>
-            </span>
-            <span>•</span>
-            <span>{articleDetail?.categories?.[0]?.title}</span>
+              <span>-</span>
+              <span>
+                <span>
+                  {new Date(articleDetail?.createdAt).toLocaleDateString(
+                    "id-ID",
+                    {
+                      day: "numeric",
+                      month: "long",
+                      year: "numeric",
+                    }
+                  )}
+                </span>
+              </span>
+              <span className="text-gray-500">in</span>
+              <span>{articleDetail?.categories?.[0]?.title}</span>
+            </div>
+            <div className="flex items-center">
+              <CommentIcon />0
+            </div>
           </div>
 
           <div className="w-full h-auto mb-6">
-            {/* Gambar utama */}
             <div className="w-full">
               <Image
-                src={articleDetail.files[selectedIndex].fileUrl}
-                alt={articleDetail.files[selectedIndex].fileAlt || "Berita"}
+                src={articleDetail?.files[selectedIndex].fileUrl}
+                alt={articleDetail?.files[selectedIndex].fileAlt || "Berita"}
                 width={800}
                 height={400}
                 className="rounded-lg w-full object-cover"
@@ -275,7 +220,7 @@ export default function DetailContent() {
 
             {/* Thumbnail */}
             <div className="flex gap-2 mt-3 overflow-x-auto">
-              {articleDetail.files.map((file: any, index: number) => (
+              {articleDetail?.files.map((file: any, index: number) => (
                 <button
                   key={file.id || index}
                   onClick={() => setSelectedIndex(index)}
@@ -296,13 +241,15 @@ export default function DetailContent() {
               ))}
             </div>
 
-            {/* Slug */}
-            <p className="text-sm text-gray-500 mt-2 text-end">
-              {articleDetail?.slug}
-            </p>
-          </div>
-          <div className="flex relative">
-            <div className=" flex flex-col w-fit rounded overflow-hidden  mr-5">
+            <div className=" flex flex-row w-fit rounded overflow-hidden  mr-5 gap-3 mt-3">
+              <div className="flex flex-col items-center gap-2">
+                <p className="text-red-500 font-semibold">0</p>
+                <p className="text-red-500 font-semibold">SHARES</p>
+              </div>
+              <div className="flex flex-col items-center gap-2">
+                <p className="text-black font-semibold">3</p>
+                <p className="text-black font-semibold">VIEWS</p>
+              </div>
               <Link
                 href="#"
                 aria-label="Facebook"
@@ -337,46 +284,88 @@ export default function DetailContent() {
 
               <Link
                 href="#"
-                aria-label="Google"
-                className="bg-[#fce9e7] p-4 flex justify-center items-center text-white"
+                aria-label="WhatsApp"
+                className="bg-green-700 p-4 flex justify-center items-center text-white"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="20"
                   height="20"
-                  fill="currentColor"
                   viewBox="0 0 24 24"
                 >
-                  <path d="M7.796 14.333v-2.618h7.211c.066.382.12.763.12 1.265c0 4.364-2.923 7.462-7.33 7.462A7.63 7.63 0 0 1 .16 12.806a7.63 7.63 0 0 1 7.636-7.637c2.062 0 3.786.753 5.117 1.997L10.84 9.162c-.567-.546-1.56-1.178-3.044-1.178c-2.607 0-4.734 2.16-4.734 4.822s2.127 4.821 4.734 4.821c3.022 0 4.157-2.17 4.331-3.294zm13.27-2.6H23.2v2.134h-2.133V16h-2.134v-2.133H16.8v-2.134h2.133V9.6h2.134z" />
+                  <g fill="none">
+                    <g
+                    // clip-path="url(#SVGXv8lpc2Y)"
+                    >
+                      <path
+                        fill="currentColor"
+                        // fill-rule="evenodd"
+                        d="M17.415 14.382c-.298-.149-1.759-.867-2.031-.967s-.47-.148-.669.15c-.198.297-.767.966-.94 1.164c-.174.199-.347.223-.644.075c-.297-.15-1.255-.463-2.39-1.475c-.883-.788-1.48-1.761-1.653-2.059c-.173-.297-.019-.458.13-.606c.134-.133.297-.347.446-.52s.198-.298.297-.497c.1-.198.05-.371-.025-.52c-.074-.149-.668-1.612-.916-2.207c-.241-.579-.486-.5-.668-.51c-.174-.008-.372-.01-.57-.01s-.52.074-.792.372c-.273.297-1.04 1.016-1.04 2.479c0 1.462 1.064 2.875 1.213 3.074s2.095 3.2 5.076 4.487c.71.306 1.263.489 1.694.625c.712.227 1.36.195 1.872.118c.57-.085 1.758-.719 2.006-1.413s.247-1.289.173-1.413s-.272-.198-.57-.347m-5.422 7.403h-.004a9.87 9.87 0 0 1-5.032-1.378l-.36-.214l-3.742.982l.999-3.648l-.235-.374a9.86 9.86 0 0 1-1.511-5.26c.002-5.45 4.436-9.884 9.889-9.884a9.8 9.8 0 0 1 6.988 2.899a9.82 9.82 0 0 1 2.892 6.992c-.002 5.45-4.436 9.885-9.884 9.885m8.412-18.297A11.82 11.82 0 0 0 11.992 0C5.438 0 .102 5.335.1 11.892a11.86 11.86 0 0 0 1.587 5.945L0 24l6.304-1.654a11.9 11.9 0 0 0 5.684 1.448h.005c6.554 0 11.89-5.335 11.892-11.893a11.82 11.82 0 0 0-3.48-8.413"
+                        // clip-rule="evenodd"
+                      />
+                    </g>
+                    <defs>
+                      <clipPath id="SVGXv8lpc2Y">
+                        <path fill="#fff" d="M0 0h24v24H0z" />
+                      </clipPath>
+                    </defs>
+                  </g>
                 </svg>
               </Link>
 
               <Link
                 href="#"
-                aria-label="Share"
-                className="bg-[#cccccc] p-4 flex justify-center items-center text-white"
+                aria-label="Telegram"
+                className="bg-blue-400 p-4 flex justify-center items-center text-white"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="20"
                   height="20"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
+                  viewBox="0 0 256 256"
                 >
-                  <path d="m21 12l-7-7v4C7 10 4 15 3 20c2.5-3.5 6-5.1 11-5.1V19z" />
+                  <defs>
+                    <linearGradient
+                      id="SVGuySfwdaH"
+                      x1="50%"
+                      x2="50%"
+                      y1="0%"
+                      y2="100%"
+                    >
+                      <stop
+                        offset="0%"
+                        // stop-color="#2aabee"
+                      />
+                      <stop
+                        offset="100%"
+                        // stop-color="#229ed9"
+                      />
+                    </linearGradient>
+                  </defs>
+                  <path
+                    fill="url(#SVGuySfwdaH)"
+                    d="M128 0C94.06 0 61.48 13.494 37.5 37.49A128.04 128.04 0 0 0 0 128c0 33.934 13.5 66.514 37.5 90.51C61.48 242.506 94.06 256 128 256s66.52-13.494 90.5-37.49c24-23.996 37.5-56.576 37.5-90.51s-13.5-66.514-37.5-90.51C194.52 13.494 161.94 0 128 0"
+                  />
+                  <path
+                    fill="#fff"
+                    d="M57.94 126.648q55.98-24.384 74.64-32.152c35.56-14.786 42.94-17.354 47.76-17.441c1.06-.017 3.42.245 4.96 1.49c1.28 1.05 1.64 2.47 1.82 3.467c.16.996.38 3.266.2 5.038c-1.92 20.24-10.26 69.356-14.5 92.026c-1.78 9.592-5.32 12.808-8.74 13.122c-7.44.684-13.08-4.912-20.28-9.63c-11.26-7.386-17.62-11.982-28.56-19.188c-12.64-8.328-4.44-12.906 2.76-20.386c1.88-1.958 34.64-31.748 35.26-34.45c.08-.338.16-1.598-.6-2.262c-.74-.666-1.84-.438-2.64-.258c-1.14.256-19.12 12.152-54 35.686c-5.1 3.508-9.72 5.218-13.88 5.128c-4.56-.098-13.36-2.584-19.9-4.708c-8-2.606-14.38-3.984-13.82-8.41c.28-2.304 3.46-4.662 9.52-7.072"
+                  />
                 </svg>
               </Link>
             </div>
+            <p className="text-sm text-gray-500 mt-2 text-start">
+              {articleDetail?.slug}
+            </p>
+          </div>
+          <div className="flex relative">
             <div className="flex-1 overflow-y-auto">
-              <div className="prose max-w-none text-justify">
+              <div className="text-gray-700 leading-relaxed text-justify">
                 <div
                   dangerouslySetInnerHTML={{
                     __html: articleDetail?.htmlDescription || "",
                   }}
                 />
               </div>
-
-              {/* <Author /> */}
               <div className="w-full bg-white   py-6">
                 <p className="mx-10 text-2xl mb-4 ">AUTHOR</p>
                 <div className=" border border-black p-6 flex items-center gap-6 max-w-[1200px] mx-auto">
@@ -443,25 +432,10 @@ export default function DetailContent() {
             />
           </div>
           <div className="mt-10">
-            {/* <div className="flex items-center space-x-4 p-4 border rounded-lg mb-6">
-              <Image
-                src={"/author.png"}
-                alt="Author"
-                width={60}
-                height={60}
-                className="rounded-full"
-              />
-              <div>
-                <p className="text-green-600 font-bold text-lg">
-                  christine natalia
-                </p>
-              </div>
-            </div> */}
-
             <h2 className="text-2xl font-bold mb-2">Tinggalkan Balasan</h2>
             <p className="text-gray-600 mb-4 text-sm">
               Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib
-              ditandai <span className="text-green-600">*</span>
+              ditandai <span className="text-red-500">*</span>
             </p>
 
             <form className="space-y-6 mt-6">
@@ -470,11 +444,11 @@ export default function DetailContent() {
                   htmlFor="komentar"
                   className="block text-sm font-medium mb-1"
                 >
-                  Komentar <span className="text-green-600">*</span>
+                  Komentar <span className="text-red-500">*</span>
                 </label>
                 <textarea
                   id="komentar"
-                  className="w-full border border-gray-300 rounded-md p-3 h-40 focus:outline-none focus:ring-2 focus:ring-green-600"
+                  className="w-full border border-gray-300 rounded-md p-3 h-40 focus:outline-none focus:ring-2 focus:ring-red-600"
                   required
                 />
               </div>
@@ -484,7 +458,7 @@ export default function DetailContent() {
                   htmlFor="nama"
                   className="block text-sm font-medium mb-1"
                 >
-                  Nama <span className="text-green-600">*</span>
+                  Nama <span className="text-red-500">*</span>
                 </label>
                 <input
                   type="text"
@@ -500,7 +474,7 @@ export default function DetailContent() {
                     htmlFor="email"
                     className="block text-sm font-medium mb-1"
                   >
-                    Email <span className="text-green-600">*</span>
+                    Email <span className="text-red-500">*</span>
                   </label>
                   <input
                     type="email"
@@ -539,7 +513,7 @@ export default function DetailContent() {
 
               <button
                 type="submit"
-                className="bg-green-600 hover:bg-green-700 text-white font-semibold px-6 py-2 rounded-md transition mt-2"
+                className="bg-red-500 hover:bg-red-700 text-white font-semibold px-6 py-2 rounded-md transition mt-2"
               >
                 KIRIM KOMENTAR
               </button>
@@ -549,193 +523,49 @@ export default function DetailContent() {
 
         <div className="md:col-span-1 space-y-6">
           <div className="sticky top-0 space-y-6">
-            <div className="bg-white shadow p-4 rounded-lg">
-              <Image
-                src={"/kolom.png"}
-                alt="Iklan"
-                width={345}
-                height={345}
-                className="rounded"
-              />
-              <button className="mt-4 w-full bg-black text-white py-2 rounded hover:opacity-90">
-                Learn More
-              </button>
-            </div>
+            <div className="space-y-6">
+              {articles?.map((article) => (
+                <div key={article.id}>
+                  <div>
+                    <Link
+                      className="flex space-x-3 mb-2"
+                      href={`/detail/${article.id}`}
+                    >
+                      <Image
+                        src={article.thumbnailUrl || "/default-thumb.png"}
+                        alt={article.title}
+                        width={120}
+                        height={80}
+                        className="rounded object-cover w-[120px] h-[80px]"
+                      />
+                      <div className="flex-1">
+                        <p className="text-sm font-bold leading-snug hover:text-red-700">
+                          {article.title}
+                        </p>
 
-            <div className="bg-white shadow p-4 rounded-lg">
-              <h2 className="text-lg font-semibold mb-2">Connect with us</h2>
-              <div className="flex space-x-2">
-                <div className="bg-[#0057ff] text-white px-3 py-2 rounded">
-                  <p className="text-sm font-bold">Bē</p>
-                  <p className="text-xs">139 Followers</p>
+                        <div className="flex items-center text-xs text-gray-500 mt-1 space-x-2">
+                          <span>
+                            📅{" "}
+                            {new Date(article.createdAt).toLocaleDateString(
+                              "id-ID",
+                              {
+                                day: "2-digit",
+                                month: "long",
+                                year: "numeric",
+                              }
+                            )}
+                          </span>
+                          <span>💬 0</span>
+                        </div>
+                      </div>
+                    </Link>
+                  </div>
+
+                  <p className="text-sm text-gray-700 line-clamp-2">
+                    {article.description.slice(0, 120)}...
+                  </p>
                 </div>
-                <div className="bg-[#ff0000] text-white px-3 py-2 rounded">
-                  <p className="text-sm font-bold">YouTube</p>
-                  <p className="text-xs">205k Subscribers</p>
-                </div>
-                <div className="bg-[#f9a825] text-white px-3 py-2 rounded">
-                  <p className="text-sm font-bold">RSS</p>
-                  <p className="text-xs">23.9k Followers</p>
-                </div>
-              </div>
-            </div>
-            <div className="bg-white shadow p-4 rounded-lg">
-              <div className="flex space-x-4 border-b mb-4">
-                {tabs.map((tab) => (
-                  <button
-                    key={tab.id}
-                    onClick={() => setActiveTab(tab.id)}
-                    className={`pb-2 text-sm font-medium ${
-                      activeTab === tab.id
-                        ? "border-b-2 border-green-600 text-green-600"
-                        : "text-gray-600"
-                    }`}
-                  >
-                    {tab.label}
-                  </button>
-                ))}
-              </div>
-
-              <div className="space-y-4">
-                {tabArticles.map((item, idx) => (
-                  <div key={idx} className="flex space-x-3">
-                    <Image
-                      src={item.thumbnailUrl || "/default-thumb.png"}
-                      alt={item.title}
-                      width={70}
-                      height={70}
-                      className="rounded w-[70px] h-[70px] object-cover"
-                    />
-                    <div>
-                      <p className="text-sm font-semibold leading-snug">
-                        {item.title}
-                      </p>
-                      <p className="text-xs text-gray-500 mt-1">
-                        {new Date(item.createdAt).toLocaleDateString("id-ID", {
-                          day: "2-digit",
-                          month: "long",
-                          year: "numeric",
-                        })}
-                      </p>
-                    </div>
-                  </div>
-                ))}
-              </div>
-              {tabArticles.length === 0 ? (
-                <p className="text-sm text-gray-500">
-                  Artikel tidak ditemukan.
-                </p>
-              ) : (
-                tabArticles.map((item, idx) => (
-                  <div key={idx} className="flex space-x-3">
-                    <Image
-                      src={item.thumbnailUrl || "/default-thumb.png"}
-                      alt={item.title}
-                      width={70}
-                      height={70}
-                      className="rounded w-[70px] h-[70px] object-cover"
-                    />
-                    <div>
-                      <p className="text-sm font-semibold leading-snug">
-                        {item.title}
-                      </p>
-                      <p className="text-xs text-gray-500 mt-1">
-                        {new Date(item.createdAt).toLocaleDateString("id-ID", {
-                          day: "2-digit",
-                          month: "long",
-                          year: "numeric",
-                        })}
-                      </p>
-                    </div>
-                  </div>
-                ))
-              )}
-            </div>
-
-            <div className="mt-6">
-              <h3 className="text-base font-semibold mb-2 text-gray-800 border-b pb-1 border-green-600 inline-block">
-                Recommended
-              </h3>
-
-              <div className="space-y-4">
-                <div className="relative">
-                  <Image
-                    src={"/gaza.png"}
-                    alt="Recommended Article"
-                    width={400}
-                    height={200}
-                    className="rounded-lg w-full h-auto object-cover"
-                  />
-                  <div className="absolute bottom-0 left-0 right-0 bg-black bg-opacity-60 text-white p-3 rounded-b-lg">
-                    <p className="text-sm font-semibold leading-tight">
-                      Bom Bunuh Diri Guncang Gereja di Damaskus, 20 Orang Tewas
-                      dan Puluhan Terluka
-                    </p>
-                    <p className="text-xs text-gray-300 mt-1">
-                      📅 23 JUNI 2025
-                    </p>
-                  </div>
-                </div>
-
-                <div className="space-y-3">
-                  <div className="flex space-x-3">
-                    <Image
-                      src={"/perang.png"}
-                      alt="OPM Serang Gereja"
-                      width={80}
-                      height={60}
-                      className="rounded object-cover w-[80px] h-[60px]"
-                    />
-                    <div>
-                      <p className="text-sm font-semibold leading-snug">
-                        OPM Mulai Kehilangan Simpati dari Masyarakat Papua Usai
-                        Serang Gereja
-                      </p>
-                      <p className="text-xs text-gray-500 mt-1">
-                        📅 15 JUNI 2025
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="flex space-x-3">
-                    <Image
-                      src={"/jateng.png"}
-                      alt="Denda Merokok"
-                      width={80}
-                      height={60}
-                      className="rounded object-cover w-[80px] h-[60px]"
-                    />
-                    <div>
-                      <p className="text-sm font-semibold leading-snug">
-                        Jakarta Terapkan Denda Rp 250.000 bagi Warga yang
-                        Merokok Sembarangan
-                      </p>
-                      <p className="text-xs text-gray-500 mt-1">
-                        📅 13 JUNI 2025
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="flex space-x-3">
-                    <Image
-                      src={"/investasi.jpg"}
-                      alt="Pengguna Internet"
-                      width={80}
-                      height={60}
-                      className="rounded object-cover w-[80px] h-[60px]"
-                    />
-                    <div>
-                      <p className="text-sm font-semibold leading-snug">
-                        Warga Indonesia Jadi Pengguna Internet via Ponsel
-                        Terbanyak di Dunia
-                      </p>
-                      <p className="text-xs text-gray-500 mt-1">
-                        📅 26 MEI 2025
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
+              ))}
             </div>
           </div>
         </div>
diff --git a/components/landing-page/header.tsx b/components/landing-page/header.tsx
index 78674b7..d25af93 100644
--- a/components/landing-page/header.tsx
+++ b/components/landing-page/header.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { getListArticle } from "@/service/article";
 import Image from "next/image";
+import Link from "next/link";
 import { useEffect, useState } from "react";
 
 type Article = {
@@ -64,22 +65,31 @@ export default function Header() {
             key={index}
             className="border border-gray-200 overflow-hidden shadow-sm bg-white h-[440px]"
           >
-            <Image
-              src={article.thumbnailUrl}
-              alt={article.title}
-              width={267}
-              height={191}
-              className="w-full h-48 object-cover"
-            />
-            <div className="p-4 text-center">
-              <p className="text-xs text-gray-400 font-medium tracking-wider uppercase py-2">
-                {article?.categories?.[0]?.title || "TANPA KATEGORI"}
-              </p>
-              <h3 className="text-lg font-semibold text-gray-900 mb-4 leading-snug px-8">
-                {article.title}
-              </h3>
-              <p className="text-xs text-gray-400">{article.createdAt}</p>
-            </div>
+            <Link href={`/detail/${article?.id}`}>
+              <Image
+                src={article.thumbnailUrl}
+                alt={article.title}
+                width={267}
+                height={191}
+                className="w-full h-48 object-cover"
+              />
+              <div className="p-4 text-center">
+                <p className="text-xs text-gray-400 font-medium tracking-wider uppercase py-2">
+                  {article?.categories?.[0]?.title || "TANPA KATEGORI"}
+                </p>
+                <h3 className="text-lg font-semibold text-gray-900 mb-4 leading-snug px-8">
+                  {article.title}
+                </h3>
+                <p className="text-xs text-gray-400">
+                  {" "}
+                  {new Date(article.createdAt).toLocaleDateString("id-ID", {
+                    day: "2-digit",
+                    month: "long",
+                    year: "numeric",
+                  })}
+                </p>
+              </div>
+            </Link>
           </div>
         ))}
       </div>
diff --git a/components/landing-page/news.tsx b/components/landing-page/news.tsx
index 73e8582..b06a655 100644
--- a/components/landing-page/news.tsx
+++ b/components/landing-page/news.tsx
@@ -4,6 +4,7 @@ import { Card } from "../ui/card";
 import Image from "next/image";
 import { useEffect, useRef, useState } from "react";
 import { getListArticle } from "@/service/article";
+import Link from "next/link";
 
 type Article = {
   id: number;
@@ -80,18 +81,23 @@ export default function Beranda() {
           </h2>
           <ul className="space-y-4">
             {articles.map((news, i) => (
-              <li key={i} className="flex gap-3 items-start">
-                <Image
-                  src={news?.thumbnailUrl as string}
-                  width={100}
-                  height={71}
-                  alt={news.title}
-                  className="w-[100px] h-[71px] object-cover"
-                />
+              <li key={i}>
+                <Link
+                  className="flex gap-3 items-start"
+                  href={`/detail/${news?.id}`}
+                >
+                  <Image
+                    src={news?.thumbnailUrl as string}
+                    width={100}
+                    height={71}
+                    alt={news.title}
+                    className="w-[100px] h-[71px] object-cover"
+                  />
 
-                <p className="text-sm leading-snug font-semibold px-2">
-                  {news.title}
-                </p>
+                  <p className="text-sm leading-snug font-semibold px-2">
+                    {news.title}
+                  </p>
+                </Link>
               </li>
             ))}
           </ul>
@@ -100,28 +106,30 @@ export default function Beranda() {
           <h2 className="text-lg font-semibold border-b ">Berita Opini</h2>
           <ul className="space-y-3 ">
             {articles.map((news, i) => (
-              <li
-                key={i}
-                className="flex items-start gap-2 text-sm font-medium border-b"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
+              <li key={i}>
+                <Link
+                  className="flex items-start gap-2 text-sm font-medium border-b"
+                  href={`/detail/${news?.id}`}
                 >
-                  <g
-                    fill="none"
-                    // fill-rule="evenodd"
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    viewBox="0 0 24 24"
                   >
-                    <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                    <path
-                      fill="currentColor"
-                      d="M5.669 4.76a1.47 1.47 0 0 1 2.04-1.177c1.062.454 3.442 1.533 6.462 3.276c3.021 1.744 5.146 3.267 6.069 3.958c.788.591.79 1.763.001 2.356c-.914.687-3.013 2.19-6.07 3.956c-3.06 1.766-5.412 2.832-6.464 3.28c-.906.387-1.92-.2-2.038-1.177c-.138-1.142-.396-3.735-.396-7.237c0-3.5.257-6.092.396-7.235"
-                    />
-                  </g>
-                </svg>
-                {news.title}
+                    <g
+                      fill="none"
+                      // fill-rule="evenodd"
+                    >
+                      <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
+                      <path
+                        fill="currentColor"
+                        d="M5.669 4.76a1.47 1.47 0 0 1 2.04-1.177c1.062.454 3.442 1.533 6.462 3.276c3.021 1.744 5.146 3.267 6.069 3.958c.788.591.79 1.763.001 2.356c-.914.687-3.013 2.19-6.07 3.956c-3.06 1.766-5.412 2.832-6.464 3.28c-.906.387-1.92-.2-2.038-1.177c-.138-1.142-.396-3.735-.396-7.237c0-3.5.257-6.092.396-7.235"
+                      />
+                    </g>
+                  </svg>
+                  {news.title}
+                </Link>
               </li>
             ))}
           </ul>
@@ -133,66 +141,82 @@ export default function Beranda() {
           </h2>
           <div className="space-y-4 ">
             <div>
-              <div className="relative">
-                <img
-                  src={articles[0]?.thumbnailUrl}
-                  alt={articles[0]?.title}
-                  className="w-full h-auto object-cover"
-                />
-                <span className="absolute bottom-1 left-1 bg-black text-white text-xs px-2 py-1">
-                  {articles[0]?.categories?.[0]?.title || "TANPA KATEGORI"}
-                </span>
-              </div>
-              <h3 className="text-base font-bold mt-2">{articles[0]?.title}</h3>
-              <p className="text-xs text-[#A0A0A0] mt-1 flex items-center gap-1">
-                {" "}
-                <span className="text-black">
-                  {articles[0]?.createdByName}{" "}
-                </span>
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                >
-                  <g fill="none">
-                    <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                    <path
-                      fill="currentColor"
-                      d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"
-                    />
-                  </g>
-                </svg>{" "}
-                {articles[0]?.createdAt}
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="h-4 w-4"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+              <Link href={`/detail/${articles[0]?.id}`}>
+                <div className="relative">
+                  <img
+                    src={articles[0]?.thumbnailUrl}
+                    alt={articles[0]?.title}
+                    className="w-full h-auto object-cover"
                   />
-                </svg>
-                0
-              </p>
-              <p className="text-sm font-serif text-[#A0A0A0] mt-3 line-clamp-3">
-                {articles[0]?.description}
-              </p>
+                  <span className="absolute bottom-1 left-1 bg-black text-white text-xs px-2 py-1">
+                    {articles[0]?.categories?.[0]?.title || "TANPA KATEGORI"}
+                  </span>
+                </div>
+                <h3 className="text-base font-bold mt-2">
+                  {articles[0]?.title}
+                </h3>
+                <p className="text-xs text-[#A0A0A0] mt-1 flex items-center gap-1">
+                  {" "}
+                  <span className="text-black">
+                    {articles[0]?.createdByName}{" "}
+                  </span>
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    viewBox="0 0 24 24"
+                  >
+                    <g fill="none">
+                      <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
+                      <path
+                        fill="currentColor"
+                        d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"
+                      />
+                    </g>
+                  </svg>{" "}
+                  {new Date(articles[0]?.createdAt).toLocaleDateString(
+                    "id-ID",
+                    {
+                      day: "2-digit",
+                      month: "long",
+                      year: "numeric",
+                    }
+                  )}
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    className="h-4 w-4"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                  >
+                    <path
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth={2}
+                      d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                    />
+                  </svg>
+                  0
+                </p>
+                <p className="text-sm font-serif text-[#A0A0A0] mt-3 line-clamp-3">
+                  {articles[0]?.description}
+                </p>
+              </Link>
             </div>
 
             {articles.slice(1).map((item, i) => (
-              <div key={i} className="flex items-start gap-3">
-                <img
-                  src={item.thumbnailUrl}
-                  alt={item.title}
-                  className="w-24 h-16 object-cover"
-                />
-                <p className="text-sm font-semibold">{item.title}</p>
+              <div key={i}>
+                <Link
+                  className="flex items-start gap-3"
+                  href={`/detail/${item?.id}`}
+                >
+                  <img
+                    src={item.thumbnailUrl}
+                    alt={item.title}
+                    className="w-24 h-16 object-cover"
+                  />
+                  <p className="text-sm font-semibold">{item.title}</p>
+                </Link>
               </div>
             ))}
           </div>
@@ -222,18 +246,20 @@ export default function Beranda() {
           >
             {articles.length > 0 ? (
               articles.map((article) => (
-                <div
-                  key={article.id}
-                  className="flex-shrink-0 flex items-start gap-3 w-[188px]"
-                >
-                  <img
-                    src={article.thumbnailUrl || "/placeholder.jpg"}
-                    alt={article.title}
-                    className="w-14 h-14 object-cover rounded"
-                  />
-                  <p className="text-xs font-medium w-[150px] line-clamp-3">
-                    {article.title}
-                  </p>
+                <div key={article.id}>
+                  <Link
+                    className="flex-shrink-0 flex items-start gap-3 w-[188px]"
+                    href={`/detail/${article?.id}`}
+                  >
+                    <img
+                      src={article.thumbnailUrl || "/placeholder.jpg"}
+                      alt={article.title}
+                      className="w-14 h-14 object-cover rounded"
+                    />
+                    <p className="text-xs font-medium w-[150px] line-clamp-3">
+                      {article.title}
+                    </p>
+                  </Link>
                 </div>
               ))
             ) : (
@@ -252,57 +278,59 @@ export default function Beranda() {
           {articles.length > 0 ? (
             articles.map((article) => (
               <div key={article.id}>
-                <img
-                  src={article.thumbnailUrl || "/komjen-pol.jpg"}
-                  alt={article.title}
-                  className="w-full h-64 object-cover mb-4"
-                />
-                <div className="p-8">
-                  <p className="text-xs text-gray-500 uppercase mb-1">
-                    {article.categories?.map((cat) => cat.title).join(", ") ||
-                      "Beranda"}
-                  </p>
-                  <h1 className="text-xl font-bold mt-1">{article.title}</h1>
-                  <p className="text-[10px] md:text-sm text-gray-500 mt-1 flex items-center gap-3">
-                    BY{" "}
-                    <span className="text-black font-semibold text-[10px] md:text-sm">
-                      {article.createdByName}
-                    </span>{" "}
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="16"
-                      height="16"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        fill="currentColor"
-                        d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"
-                      />
-                    </svg>{" "}
-                    {new Date(article.createdAt).toLocaleDateString("id-ID")}
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="h-4 w-4"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      stroke="currentColor"
-                    >
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth={2}
-                        d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-                      />
-                    </svg>
-                    0
-                  </p>
-                  <p className="text-sm text-[#666666] mt-2 line-clamp-3">
-                    {article.description}
-                  </p>
-                  <button className="mt-4 text-xs w-6/12 md:w-3/12 border px-3 hover:bg-gray-100 transition py-2">
-                    READ MORE
-                  </button>
-                </div>
+                <Link href={`/detail/${article?.id}`}>
+                  <img
+                    src={article.thumbnailUrl || "/komjen-pol.jpg"}
+                    alt={article.title}
+                    className="w-full h-64 object-cover mb-4"
+                  />
+                  <div className="p-8">
+                    <p className="text-xs text-gray-500 uppercase mb-1">
+                      {article.categories?.map((cat) => cat.title).join(", ") ||
+                        "Beranda"}
+                    </p>
+                    <h1 className="text-xl font-bold mt-1">{article.title}</h1>
+                    <p className="text-[10px] md:text-sm text-gray-500 mt-1 flex items-center gap-3">
+                      BY{" "}
+                      <span className="text-black font-semibold text-[10px] md:text-sm">
+                        {article.createdByName}
+                      </span>{" "}
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          fill="currentColor"
+                          d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"
+                        />
+                      </svg>{" "}
+                      {new Date(article.createdAt).toLocaleDateString("id-ID")}
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        className="h-4 w-4"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        stroke="currentColor"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth={2}
+                          d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                        />
+                      </svg>
+                      0
+                    </p>
+                    <p className="text-sm text-[#666666] mt-2 line-clamp-3">
+                      {article.description}
+                    </p>
+                    <button className="mt-4 text-xs w-6/12 md:w-3/12 border px-3 hover:bg-gray-100 transition py-2">
+                      READ MORE
+                    </button>
+                  </div>
+                </Link>
               </div>
             ))
           ) : (
@@ -325,38 +353,43 @@ export default function Beranda() {
               key={i}
               className="bg-white shadow-md rounded-none overflow-hidden border"
             >
-              <div className="relative">
-                <img
-                  src={news?.thumbnailUrl || "/komjen-pol.jpg"}
-                  alt={news.title}
-                  className="w-full h-[223px] object-cover"
-                />
-                <span className="absolute bottom-0 left-1/2 -translate-x-1/2 bg-black text-white text-[10px] px-2 py-[2px] rounded-none uppercase">
-                  {news?.categories?.[0]?.title || "TANPA KATEGORI"}
-                </span>
-              </div>
-              <div className="p-4 text-center">
-                <h3 className="text-lg font-semibold text-gray-900 mb-3 leading-snug px-9">
-                  {news.title}
-                </h3>
-                <div className="flex flex-row items-center justify-center text-gray-500 gap-1">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    viewBox="0 0 24 24"
-                  >
-                    <g fill="none">
-                      <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                      <path
-                        fill="currentColor"
-                        d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"
-                      />
-                    </g>
-                  </svg>{" "}
-                  <p className="text-xs text-gray-400">{news.createdAt}</p>
+              <Link
+                className="bg-white shadow-md rounded-none overflow-hidden border"
+                href={`/detail/${news?.id}`}
+              >
+                <div className="relative">
+                  <img
+                    src={news?.thumbnailUrl || "/komjen-pol.jpg"}
+                    alt={news.title}
+                    className="w-full h-[223px] object-cover"
+                  />
+                  <span className="absolute bottom-0 left-1/2 -translate-x-1/2 bg-black text-white text-[10px] px-2 py-[2px] rounded-none uppercase">
+                    {news?.categories?.[0]?.title || "TANPA KATEGORI"}
+                  </span>
                 </div>
-              </div>
+                <div className="p-4 text-center">
+                  <h3 className="text-lg font-semibold text-gray-900 mb-3 leading-snug px-9">
+                    {news.title}
+                  </h3>
+                  <div className="flex flex-row items-center justify-center text-gray-500 gap-1">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                    >
+                      <g fill="none">
+                        <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
+                        <path
+                          fill="currentColor"
+                          d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"
+                        />
+                      </g>
+                    </svg>{" "}
+                    <p className="text-xs text-gray-400">{news.createdAt}</p>
+                  </div>
+                </div>
+              </Link>
             </div>
           ))}
         </div>
@@ -366,15 +399,17 @@ export default function Beranda() {
           </h2>
           <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
             {articles.map((news, i) => (
-              <div key={i} className="flex gap-4">
-                <img
-                  src={news.thumbnailUrl}
-                  alt={news.title}
-                  className="w-[100px] h-[70px] object-cover flex-shrink-0"
-                />
-                <p className="text-sm font-semibold text-gray-900 hover:underline leading-snug">
-                  {news.title}
-                </p>
+              <div key={i}>
+                <Link className="flex gap-4" href={`/detail/${news?.id}`}>
+                  <img
+                    src={news.thumbnailUrl}
+                    alt={news.title}
+                    className="w-[100px] h-[70px] object-cover flex-shrink-0"
+                  />
+                  <p className="text-sm font-semibold text-gray-900 hover:underline leading-snug">
+                    {news.title}
+                  </p>
+                </Link>
               </div>
             ))}
           </div>
@@ -396,27 +431,32 @@ export default function Beranda() {
             </h2>
 
             {articles.map((recentNews, i) => (
-              <div key={i} className="flex flex-col sm:flex-row gap-4 mt-4">
-                <img
-                  src={recentNews.thumbnailUrl || "/komjen-pol.jpg"}
-                  alt={recentNews.title}
-                  className="w-full sm:w-[220px] h-[157px] object-cover"
-                />
-                <div className="flex-1">
-                  <h3 className="text-base font-bold">{recentNews.title}</h3>
-                  <p className="text-xs text-gray-500 mt-1 flex flex-wrap items-center gap-2 mb-3">
-                    BY{" "}
-                    <span className="font-semibold text-black">
-                      {recentNews.createdByName}
-                    </span>
-                    <Clock className="w-3 h-3" />
-                    {recentNews.createdAt}
-                    <MessageCircle className="w-3 h-3" />0
-                  </p>
-                  <p className="text-sm text-gray-600 line-clamp-3">
-                    {recentNews.description}
-                  </p>
-                </div>
+              <div key={i}>
+                <Link
+                  className="flex flex-col sm:flex-row gap-4 mt-4"
+                  href={`/detail/${recentNews?.id}`}
+                >
+                  <img
+                    src={recentNews.thumbnailUrl || "/komjen-pol.jpg"}
+                    alt={recentNews.title}
+                    className="w-full sm:w-[220px] h-[157px] object-cover"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-base font-bold">{recentNews.title}</h3>
+                    <p className="text-xs text-gray-500 mt-1 flex flex-wrap items-center gap-2 mb-3">
+                      BY{" "}
+                      <span className="font-semibold text-black">
+                        {recentNews.createdByName}
+                      </span>
+                      <Clock className="w-3 h-3" />
+                      {recentNews.createdAt}
+                      <MessageCircle className="w-3 h-3" />0
+                    </p>
+                    <p className="text-sm text-gray-600 line-clamp-3">
+                      {recentNews.description}
+                    </p>
+                  </div>
+                </Link>
               </div>
             ))}
 
@@ -438,39 +478,43 @@ export default function Beranda() {
 
       <aside className="w-full md:w-full lg:w-full xl:w-[312px] space-y-6 shrink-0">
         {articles.map((news, i) => (
-          <Card
-            key={i}
-            className="rounded-none overflow-hidden bg-white shadow-sm p-0 gap-1"
-          >
-            <div className="relative">
-              {news?.thumbnailUrl && (
-                <img
-                  src={news?.thumbnailUrl}
-                  alt={news.title}
-                  className="w-full h-[224px] object-cover"
-                />
-              )}
-              {news?.categories?.[0]?.title && (
-                <span className="absolute top-2 left-2 bg-black text-white text-[10px] px-2 py-1 rounded-none uppercase tracking-wide">
-                  {news?.categories?.[0]?.title}
-                </span>
-              )}
-            </div>
-            <div className="p-4">
-              <h3 className="text-base font-bold leading-snug">{news.title}</h3>
-              {news.createdByName && news.createdAt && (
-                <p className="text-xs text-gray-500 mt-2 font-medium mb-4">
-                  BY <span className="text-black">{news.createdByName}</span> ·{" "}
-                  {news.createdAt}
-                </p>
-              )}
-              {news.description && (
-                <p className="text-sm text-gray-600 mt-2 line-clamp-5">
-                  {news.description}
-                </p>
-              )}
-            </div>
-          </Card>
+          <div className="border" key={i}>
+            <Link
+              className="rounded-none overflow-hidden bg-white shadow-sm p-0 gap-1"
+              href={`/detail/${news?.id}`}
+            >
+              <div className="relative">
+                {news?.thumbnailUrl && (
+                  <img
+                    src={news?.thumbnailUrl}
+                    alt={news.title}
+                    className="w-full h-[224px] object-cover"
+                  />
+                )}
+                {news?.categories?.[0]?.title && (
+                  <span className="absolute top-2 left-2 bg-black text-white text-[10px] px-2 py-1 rounded-none uppercase tracking-wide">
+                    {news?.categories?.[0]?.title}
+                  </span>
+                )}
+              </div>
+              <div className="p-4">
+                <h3 className="text-base font-bold leading-snug">
+                  {news.title}
+                </h3>
+                {news.createdByName && news.createdAt && (
+                  <p className="text-xs text-gray-500 mt-2 font-medium mb-4">
+                    BY <span className="text-black">{news.createdByName}</span>{" "}
+                    · {news.createdAt}
+                  </p>
+                )}
+                {news.description && (
+                  <p className="text-sm text-gray-600 mt-2 line-clamp-5">
+                    {news.description}
+                  </p>
+                )}
+              </div>
+            </Link>
+          </div>
         ))}
         <div className="relative w-auto max-w-full h-[300px] overflow-hidden flex items-center mx-auto border my-6 rounded">
           <Image
diff --git a/public/profile.jpg b/public/profile.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..354bbe11bba0e536ec4f0c8f71f86c7e8a054d11
GIT binary patch
literal 19984
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
Zx*#YmIn|x1>IvY?&kKDm*!*Jh{{Y^~H>Usq

literal 0
HcmV?d00001