feat(landing-page): adjust some contents

src/app/(landing-page)/fitur.tsx

@@ -21,50 +21,30 @@ export function Fitur() {
         'Fitur ini memungkinkan siswa untuk mengajukan pertanyaan menggunakan teks atau gambar. Kemudian, siswa lain dapat memberikan jawaban atas pertanyaan tersebut. Selain itu, siswa lain juga dapat memberikan penilaian untuk setiap jawaban.',
       image: {
         alt: 'Forum Tanya Jawab',
-        url: '/img/fitur/forum_tanya_jawab.png',
+        url: '/img/fitur/qna.png',
       },
       title: ['Forum', 'tanya jawab'],
       isComingSoon: false,
     },
     {
       description:
-        'Suatu fitur pelengkap yang memberikan kemudahan dalam melakukan diskusi untuk merubah suara dalam bentuk tulisan.',
+        'Fitur ini memungkinkan pengguna untuk mendapatkan jawaban instan dari kecerdasan buatan terkait tugas sekolah mereka dengan mengajukan pertanyaan secara langsung.',
       image: {
-        alt: 'Speech to text',
-        url: '/img/fitur/tts.png',
+        alt: 'Tanyakan pada AI',
+        url: '/img/fitur/ai.svg',
       },
-      title: ['Speech', 'to text'],
-      isComingSoon: true,
-    },
-    {
-      description:
-        'Fitur ini memudahkan siswa dalam berdiskusi sesuai dengan mata pelajaran yang sedang mereka tempuh dalam jenjang pendidikan sekolah dasar.',
-      image: {
-        alt: 'Chat room',
-        url: '/img/fitur/chatroom.png',
-      },
-      title: ["Course's", 'chat room'],
-      isComingSoon: true,
-    },
-    {
-      description:
-        'Fitur ini dapat di akses siswa ketika hendak berdiskusi lebih dalam dengan siswa lainnya yang membantu memberi jawaban di fitur tanya jawab maupun fitur course’s room chat secara private.',
-      image: {
-        alt: 'Private chat',
-        url: '/img/fitur/private_chat.png',
-      },
-      title: ['Private chat', 'antar siswa'],
-      isComingSoon: true,
+      title: ['Tanyakan pada', 'AI'],
+      isComingSoon: false,
     },
     {
       description:
-        'Fitur ini bertujuan untuk merefleksikan atau memberikan suasana yang pas terhadap mood siswa layaknya seperti video game, biasanya ketika adegan semangat maka akan memberikan sound yang semangat juga. Sehingga siswa terbawa suasananya menjadi semangat, tenang dan fokus dalam belajar. Fitur ini juga bisa di nonaktifkan jika siswa tidak mau mengaktifkannya.',
+        'Fitur ini memungkinkan pengguna untuk mendapatkan poin dari jawaban mereka dan bersaing dalam peringkat bulanan untuk meraih penghargaan dan pengakuan.',
       image: {
-        alt: 'Background music instrumental',
-        url: '/img/fitur/music.png',
+        alt: 'Mendaki puncak Leaderboard',
+        url: '/img/fitur/leaderboard.svg',
       },
-      title: ['Background music', 'instrumental'],
-      isComingSoon: true,
+      title: ['Mendaki Puncak', 'Leaderboard'],
+      isComingSoon: false,
     },
   ];
 

src/app/(landing-page)/keunggulan.tsx

@@ -1,11 +1,12 @@
 'use client';
 
-import Image from 'next/image';
+import { cn } from '@/lib/utils';
+import { BadgeXIcon, GithubIcon, LucideIcon, PanelTopIcon } from 'lucide-react';
 
 type TKeunggulan = {
   image: {
     alt: string;
-    url: string;
+    Icon: LucideIcon;
   };
   text: string;
 };
@@ -14,24 +15,24 @@ export function Keunggulan() {
   const keunggulan: TKeunggulan[] = [
     {
       image: {
-        alt: 'Fitur unik',
-        url: '/img/fitur/unik.png',
+        alt: 'Tanpa iklan',
+        Icon: BadgeXIcon,
       },
-      text: 'Memiliki fitur yang berbeda dari web lainnya karena dapat memfasilitasi para siswa SD untuk saling berdiskusi mengenai mata pelajaran SD.',
+      text: 'Platform ini menghadirkan pengalaman belajar tanpa gangguan iklan, memungkinkan siswa fokus sepenuhnya pada tugas dan diskusi.',
     },
     {
       image: {
-        alt: 'Tampilan menarik',
-        url: '/img/fitur/menarik.png',
+        alt: 'User Interface yang clean dan friendly',
+        Icon: PanelTopIcon,
       },
-      text: 'Tampilan platform menarik dan sederhana. Sehingga memudahkan pengguna untuk mencari fitur yang ada pada platform.',
+      text: 'Dengan antarmuka yang simpel dan intuitif, aplikasi ini memudahkan setiap pengguna menjelajahi fitur-fitur tanpa kesulitan.',
     },
     {
       image: {
-        alt: 'Verifikasi Jawaban',
-        url: '/img/fitur/verifikasi.png',
+        alt: 'Free and Open Source',
+        Icon: GithubIcon,
       },
-      text: 'Memiliki fitur verifikasi jawaban untuk menilai keakuratan dari jawaban tersebut sehingga memperkuat tingkat kebenarannya.',
+      text: 'Platform ini tidak hanya gratis, tetapi juga open source, memberi kebebasan bagi siapa saja untuk mengakses, mengkustomisasi, dan berkontribusi.',
     },
   ];
 
@@ -50,18 +51,19 @@ export function Keunggulan() {
           sekolah.
         </p>
         <div className='grid grid-cols-1 gap-48 pb-96 pt-40 md:grid-cols-3 md:gap-16'>
-          {keunggulan.map((each) => (
+          {keunggulan.map((each, idx) => (
             <div
-              className='relative flex rounded-2xl bg-white px-6 py-20 shadow-lg lg:px-12 lg:py-24'
+              className='relative flex rounded-2xl bg-white px-6 py-20 shadow-lg lg:px-12 lg:py-16'
               key={each.text}
             >
-              <Image
-                alt={each.image.alt}
-                className='absolute inset-x-0 -top-32 mx-auto'
-                height={179}
-                src={each.image.url}
-                width={146}
-              />
+              <div
+                className={cn(
+                  idx % 2 === 0 ? 'bg-stone-600' : 'bg-amber-500',
+                  'absolute inset-x-0 -top-12 mx-auto p-6 w-fit rounded-full shadow-md',
+                )}
+              >
+                <each.image.Icon className='text-white' size={48} />
+              </div>
               <p className='text-center text-sm font-medium leading-loose text-[#77425A] lg:text-base'>
                 {each.text}
               </p>

src/app/(landing-page)/page.tsx

@@ -3,14 +3,12 @@ import { redirect } from 'next/navigation';
 import { Footer } from '@/components/footer';
 import { getServerAuthSession } from '@/server/auth';
 
-import { Berita } from './berita';
 import { Fitur } from './fitur';
 import { Header } from './header';
 import { Hero } from './hero';
 import { Keunggulan } from './keunggulan';
 import { MataPelajaran } from './mata-pelajaran';
 import { TentangKami } from './tentang-kami';
-import { Testimoni } from './testimoni';
 
 export default async function Landing() {
   const session = await getServerAuthSession();
@@ -26,8 +24,6 @@ export default async function Landing() {
       <TentangKami />
       <Keunggulan />
       <Fitur />
-      <Testimoni />
-      <Berita />
       <Footer scroll />
     </main>
   );

src/app/_components/footer.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { Facebook, Instagram, Twitter } from 'lucide-react';
+import { Facebook, GithubIcon, Instagram, Twitter } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import ScrollIntoView from 'react-scroll-into-view';
 
 export function Footer({ scroll = false }: { scroll?: boolean }) {
   const fitur = [
     { id: 'forum-tanya-jawab', name: 'Forum tanya jawab' },
-    { id: 'speech-to-text', name: 'Speech to text' },
-    { id: 'chat-room', name: "Course's chat room" },
-    { id: 'private-chat', name: 'Private chat' },
+    { id: 'tanyakan-pada-ai', name: 'Tanyakan pada AI' },
+    { id: 'mendaki-puncak-leaderboard', name: 'Mendaki Puncak Leaderboard' },
   ];
 
   return (
@@ -55,6 +54,14 @@ export function Footer({ scroll = false }: { scroll?: boolean }) {
             >
               <Twitter />
             </button>
+            <a href='https://github.com/tfkhdyt/yukitanya' target='_blank'>
+              <button
+                aria-label='Source Code'
+                className='rounded-lg bg-white p-2'
+              >
+                <GithubIcon />
+              </button>
+            </a>
           </div>
         </div>
         <div className='grid grid-cols-2 gap-8 py-8 md:grid-cols-3'>