Minimalize landing page and remove rogasper components

README.md

@@ -1,4 +1,4 @@
----
+---
 title: Pram API
 emoji: 🚀
 colorFrom: green
@@ -278,12 +278,6 @@ Contributions are welcome! Before opening a PR:
 
 For AI-related changes, see the **AI Generation Context** section in `AGENTS.md` — adding a new question format touches schemas, prompts, attempt normalization, and frontend constants.
 
-## Support
-
-If you find Pram helpful and want to support its ongoing development, consider buying the creator a coffee! Your support helps cover API and hosting costs. ☕
-
-- **[Saweria](https://saweria.co/pram)** (Indonesian supporters)
-- **[Ko-fi](https://ko-fi.com/pram)** (International)
 
 ## License
 

apps/web/src/components/CommunityChannelList.tsx

@@ -1,90 +0,0 @@
-import { MaterialIcon } from "@/components/ui/MaterialIcon";
-import {
-  COMMUNITY_PLATFORM_META,
-  getCommunitySections,
-  type CommunityChannel,
-  type CommunityPlatform,
-} from "@/lib/community-links";
-
-function ChannelRow({
-  channel,
-  platform,
-  variant,
-}: {
-  channel: CommunityChannel;
-  platform: CommunityPlatform;
-  variant: "modal" | "card";
-}) {
-  const meta = COMMUNITY_PLATFORM_META[platform];
-  const baseClass =
-    variant === "modal"
-      ? `w-full flex items-start gap-3 py-3.5 px-4 rounded-[var(--radius-lg)] font-semibold transition-all text-[var(--clay-black)] border-2 clay-hover ${meta?.linkClass ?? ""}`
-      : `flex items-start gap-3 rounded-[var(--radius-lg)] border px-4 py-3 transition-colors ${meta?.linkClass ?? "border-[var(--oat-border)] bg-[var(--warm-cream)]/60"}`;
-
-  const iconClass = meta?.iconClass ?? "text-[var(--matcha-700)]";
-
-  if (!channel.href) {
-    return (
-      <div
-        className={`${baseClass} opacity-70 cursor-not-allowed border-dashed`}
-        aria-disabled="true"
-      >
-        <MaterialIcon name={channel.icon} className={`text-2xl shrink-0 mt-0.5 ${iconClass}`} />
-        <span className="text-left flex-1">
-          <span className="flex items-center gap-2 flex-wrap">
-            <span className="block font-bold">{channel.name}</span>
-            <span className="text-[10px] font-bold uppercase tracking-wide px-2 py-0.5 rounded-full bg-[var(--oat-light)] text-[var(--warm-charcoal)]">
-              Segera hadir
-            </span>
-          </span>
-          <span className="block text-sm font-normal text-[var(--warm-charcoal)] mt-0.5">
-            {channel.description}
-          </span>
-        </span>
-      </div>
-    );
-  }
-
-  return (
-    <a
-      href={channel.href}
-      target="_blank"
-      rel="noopener noreferrer"
-      className={baseClass}
-    >
-      <MaterialIcon name={channel.icon} className={`text-2xl shrink-0 mt-0.5 ${iconClass}`} />
-      <span className="text-left">
-        <span className={`block font-bold ${variant === "card" ? "text-sm" : ""}`}>
-          {channel.name}
-        </span>
-        <span
-          className={`block font-normal text-[var(--warm-charcoal)] mt-0.5 ${variant === "card" ? "text-xs" : "text-sm"}`}
-        >
-          {channel.description}
-        </span>
-      </span>
-    </a>
-  );
-}
-
-export function CommunityChannelList({ variant }: { variant: "modal" | "card" }) {
-  const sections = getCommunitySections();
-
-  return (
-    <div className={variant === "modal" ? "flex flex-col gap-5" : "space-y-5"}>
-      {sections.map(({ platform, meta, channels }) => (
-        <section key={platform} className="space-y-2">
-          <h3 className="flex items-center gap-2 text-xs font-bold uppercase tracking-wider text-[var(--warm-charcoal)]">
-            <MaterialIcon name={meta.icon} className={`text-base ${meta.iconClass}`} />
-            {meta.label}
-          </h3>
-          <div className={variant === "modal" ? "flex flex-col gap-2" : "space-y-2"}>
-            {channels.map((channel) => (
-              <ChannelRow key={channel.id} channel={channel} platform={platform} variant={variant} />
-            ))}
-          </div>
-        </section>
-      ))}
-    </div>
-  );
-}

apps/web/src/components/CommunityModal.tsx

@@ -1,39 +0,0 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@pram/ui/components/dialog";
-import { MaterialIcon } from "@/components/ui/MaterialIcon";
-import { CommunityChannelList } from "@/components/CommunityChannelList";
-
-export function CommunityModal({
-  isOpen,
-  onOpenChange,
-}: {
-  isOpen: boolean;
-  onOpenChange: (open: boolean) => void;
-}) {
-  return (
-    <Dialog open={isOpen} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[440px] p-6 rounded-[var(--radius-xl)] bg-[var(--pure-white)] border-2 border-[var(--oat-border)]">
-        <DialogHeader>
-          <div className="mx-auto w-16 h-16 bg-[var(--matcha-300)]/30 rounded-full flex items-center justify-center mb-2">
-            <MaterialIcon name="forum" className="text-4xl text-[var(--matcha-800)]" />
-          </div>
-          <DialogTitle className="text-center text-2xl font-headline font-extrabold text-[var(--clay-black)]">
-            Gabung Komunitas Pram
-          </DialogTitle>
-          <DialogDescription className="text-center text-base text-[var(--warm-charcoal)] pt-2 leading-relaxed">
-            Belajar bahasa, lapor bug, atau ikut ngembangin Pram — pilih channel yang paling pas.
-          </DialogDescription>
-        </DialogHeader>
-        <div className="mt-6">
-          <CommunityChannelList variant="modal" />
-          <button
-            type="button"
-            onClick={() => onOpenChange(false)}
-            className="mt-5 w-full text-sm text-[var(--warm-silver)] hover:text-[var(--clay-black)] font-semibold transition-colors"
-          >
-            Nanti Saja
-          </button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}

apps/web/src/components/DonationModal.tsx

@@ -1,59 +0,0 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@pram/ui/components/dialog";
-import { MaterialIcon } from "@/components/ui/MaterialIcon";
-
-export function DonationModal({
-  isOpen,
-  onOpenChange,
-  triggerAction
-}: {
-  isOpen: boolean;
-  onOpenChange: (open: boolean) => void;
-  triggerAction: "exam" | "generate" | null;
-}) {
-  return (
-    <Dialog open={isOpen} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[425px] p-6 rounded-[var(--radius-xl)] bg-[var(--pure-white)] border-2 border-[var(--oat-border)]">
-        <DialogHeader>
-          <div className="mx-auto w-16 h-16 bg-[var(--pomegranate-400)]/10 rounded-full flex items-center justify-center mb-2">
-            <MaterialIcon name="favorite" className="text-4xl text-[var(--pomegranate-400)]" />
-          </div>
-          <DialogTitle className="text-center text-2xl font-headline font-extrabold text-[var(--clay-black)]">
-            Dukung Pram!
-          </DialogTitle>
-          <DialogDescription className="text-center text-base text-[var(--warm-charcoal)] pt-2 leading-relaxed">
-            Selamat, kamu baru saja menyelesaikan {triggerAction === "exam" ? "latihan soal" : "generate soal AI"}! 🎉
-            <br/><br/>
-            Jika Pram membantumu, dukung kami untuk menutupi biaya server & mengembangkan fitur baru dengan mentraktir kopi. ☕
-          </DialogDescription>
-        </DialogHeader>
-        <div className="flex flex-col gap-3 mt-6">
-          <a
-            href="https://saweria.co/pram"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="w-full flex items-center justify-center gap-2 py-3.5 px-4 rounded-[var(--radius-lg)] font-bold transition-all bg-[#F3B63A] text-black hover:brightness-95 clay-shadow clay-hover"
-          >
-            <MaterialIcon name="favorite" className="text-xl" />
-            Support via Saweria
-          </a>
-          <a
-            href="https://ko-fi.com/pram"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="w-full flex items-center justify-center gap-2 py-3.5 px-4 rounded-[var(--radius-lg)] font-bold transition-all bg-[#13C3FF] text-white hover:brightness-95 clay-shadow clay-hover"
-          >
-            <MaterialIcon name="local_cafe" className="text-xl" />
-            Support via Ko-fi
-          </a>
-          <button
-            onClick={() => onOpenChange(false)}
-            className="mt-3 text-sm text-[var(--warm-silver)] hover:text-[var(--clay-black)] font-semibold transition-colors"
-          >
-            Mungkin Nanti Saja
-          </button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
-

apps/web/src/components/routes/LandingPage.tsx

@@ -2,47 +2,13 @@ import { Link } from "@tanstack/react-router";
 import { Button } from "@pram/ui/components/button";
 import { Card, CardContent } from "@pram/ui/components/card";
 import { MaterialIcon } from "@/components/ui/MaterialIcon";
-import { useState } from "react";
-import { CommunityModal } from "@/components/CommunityModal";
 
-function FaqItem({ question, answer, isDark }: { question: string; answer: string; isDark?: boolean }) {
-  const [isOpen, setIsOpen] = useState(false);
 
-  return (
-    <div className={`border-b-2 py-6 ${isDark ? 'border-[var(--ube-300)]/30' : 'border-[var(--oat-border)]'} last:border-b-0`}>
-      <button
-        type="button"
-        className="flex w-full items-center justify-between text-left focus:outline-none group"
-        onClick={() => setIsOpen(!isOpen)}
-        aria-expanded={isOpen}
-      >
-        <span className={`font-headline font-semibold text-2xl tracking-[-0.64px] transition-colors ${isDark ? 'text-[var(--pure-white)] group-hover:text-[var(--ube-300)]' : 'text-[var(--clay-black)] group-hover:text-[var(--matcha-700)]'}`}>
-          {question}
-        </span>
-        <div className={`w-10 h-10 rounded-full border-2 flex items-center justify-center transition-transform duration-300 ${isOpen ? "rotate-180" : ""} ${isDark ? 'border-[var(--ube-300)]/50 text-[var(--pure-white)] group-hover:bg-[var(--ube-300)]/20' : 'border-[var(--oat-border)] text-[var(--clay-black)] group-hover:bg-[var(--oat-light)]'}`}>
-          <MaterialIcon
-            name="expand_more"
-            className="text-2xl"
-          />
-        </div>
-      </button>
-      <div
-        className={`overflow-hidden transition-all duration-300 ease-in-out ${isOpen ? "max-h-96 mt-4 opacity-100" : "max-h-0 opacity-0"}`}
-      >
-        <p className={`text-lg leading-relaxed pr-12 ${isDark ? 'text-[var(--ube-300)]' : 'text-[var(--warm-charcoal)]'}`}>
-          {answer}
-        </p>
-      </div>
-    </div>
-  );
-}
 
-export function LandingPage() {
-  const [communityModalOpen, setCommunityModalOpen] = useState(false);
 
+export function LandingPage() {
   return (
     <div className="min-h-screen bg-[var(--warm-cream)] flex flex-col font-sans selection:bg-[var(--matcha-300)] selection:text-[var(--clay-black)]">
-      <CommunityModal isOpen={communityModalOpen} onOpenChange={setCommunityModalOpen} />
       {/* Navbar */}
       <nav className="w-full px-6 py-4 md:px-12 lg:px-16 flex items-center justify-between max-w-7xl mx-auto z-50 sticky top-0 bg-[var(--warm-cream)] border-b-2 border-[var(--oat-border)]">
         <div className="flex items-center gap-3">
@@ -50,16 +16,7 @@ export function LandingPage() {
           <span className="font-headline font-semibold text-2xl tracking-[-0.64px] text-[var(--clay-black)] hidden sm:block">Pram</span>
         </div>
         <div className="flex items-center gap-2 sm:gap-4">
-          <button
-            type="button"
-            onClick={() => setCommunityModalOpen(true)}
-            className="text-[var(--warm-charcoal)] hover:text-[var(--matcha-700)] transition-colors p-2 hidden md:flex items-center gap-2"
-            aria-label="Komunitas WhatsApp"
-          >
-            <MaterialIcon name="forum" className="text-xl" />
-            <span className="font-semibold text-base">Komunitas</span>
-          </button>
-          <div className="w-px h-6 bg-[var(--oat-border)] hidden sm:block mx-2"></div>
+
           <Link to="/login">
             <Button variant="ghost" className="text-[var(--clay-black)] font-semibold hover:bg-[var(--oat-light)] rounded-[12px] text-lg px-4 sm:px-6 h-12">
               Masuk
@@ -73,9 +30,9 @@ export function LandingPage() {
         </div>
       </nav>
 
-      <main className="flex-1 flex flex-col items-center overflow-x-hidden">
+      <main className="flex-1 flex flex-col items-center justify-center w-full relative">
         {/* HUGE HERO SECTION */}
-        <section className="w-full px-6 md:px-12 lg:px-16 pt-16 pb-20 md:pt-24 md:pb-32 flex flex-col xl:flex-row items-center justify-between gap-12 lg:gap-16 relative max-w-[1440px] mx-auto">
+        <section className="w-full px-6 md:px-12 lg:px-16 flex flex-col xl:flex-row items-center justify-between gap-12 lg:gap-16 relative max-w-[1440px] mx-auto">
           <div className="flex-1 text-center xl:text-left space-y-8 z-10 w-full max-w-[800px] xl:max-w-none">
             <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--matcha-300)] border-2 border-[var(--matcha-800)] text-[var(--clay-black)] uppercase-label shadow-sm mx-auto xl:mx-0 transform -rotate-2">
               <MaterialIcon name="auto_awesome" className="text-sm" />
@@ -123,177 +80,7 @@ export function LandingPage() {
 
 
 
-        {/* Feature Cards Section */}
-        <section id="features" className="w-full bg-[var(--pure-white)] py-32 border-y-2 border-dashed border-[var(--oat-border)]">
-          <div className="max-w-7xl mx-auto px-6 md:px-12 lg:px-16">
-            <div className="text-center max-w-4xl mx-auto mb-24 space-y-6">
-              <h2 className="text-[50px] md:text-[60px] font-headline font-semibold text-[var(--clay-black)] tracking-[-2.4px] leading-tight">
-                Fitur Unggulan Pram
-              </h2>
-              <p className="text-2xl text-[var(--warm-charcoal)]">
-                Desain yang elegan, namun kokoh untuk mempercepat kesiapan Anda menghadapi ujian.
-              </p>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-              {/* Feature 1 */}
-              <Card className="clay-shadow clay-hover bg-[var(--pure-white)] border-2 border-[var(--oat-border)] rounded-[24px] overflow-hidden group p-4">
-                <div className="h-56 w-full flex items-center justify-center p-2">
-                  <img src="/generateai.png" alt="AI Generator" className="h-full w-auto object-contain transform group-hover:scale-110 group-hover:rotate-3 transition-transform duration-500 drop-shadow-lg" />
-                </div>
-                <CardContent className="p-6">
-                  <h3 className="font-headline text-[32px] font-semibold text-[var(--clay-black)] tracking-[-0.64px] mb-3 leading-tight">
-                    AI Generator
-                  </h3>
-                  <p className="text-[var(--warm-charcoal)] text-lg leading-relaxed">
-                    Hasilkan soal latihan baru menggunakan AI. Tentukan topik, level kesulitan, dan format dalam hitungan detik.
-                  </p>
-                </CardContent>
-              </Card>
-
-              {/* Feature 2 */}
-              <Card className="clay-shadow clay-hover bg-[var(--pure-white)] border-2 border-[var(--oat-border)] rounded-[24px] overflow-hidden group p-4">
-                <div className="h-56 w-full flex items-center justify-center p-2">
-                  <img src="/latihansoal.png" alt="Latihan Soal" className="h-full w-auto object-contain transform group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-500 drop-shadow-lg" />
-                </div>
-                <CardContent className="p-6">
-                  <h3 className="font-headline text-[32px] font-semibold text-[var(--clay-black)] tracking-[-0.64px] mb-3 leading-tight">
-                    Latihan Terfokus
-                  </h3>
-                  <p className="text-[var(--warm-charcoal)] text-lg leading-relaxed">
-                    Akses ribuan soal latihan dari bank soal. Buat paket latihan Anda sendiri dan fokus pada area kelemahan.
-                  </p>
-                </CardContent>
-              </Card>
-
-              {/* Feature 3 */}
-              <Card className="clay-shadow clay-hover bg-[var(--pure-white)] border-2 border-[var(--oat-border)] rounded-[24px] overflow-hidden group p-4">
-                <div className="h-56 w-full flex items-center justify-center p-2">
-                  <img src="/mocktest.png" alt="Mock Test" className="h-full w-auto object-contain transform group-hover:scale-110 group-hover:rotate-3 transition-transform duration-500 drop-shadow-lg" />
-                </div>
-                <CardContent className="p-6">
-                  <h3 className="font-headline text-[32px] font-semibold text-[var(--clay-black)] tracking-[-0.64px] mb-3 leading-tight">
-                    Simulasi Ujian
-                  </h3>
-                  <p className="text-[var(--warm-charcoal)] text-lg leading-relaxed">
-                    Simulasikan suasana ujian sesungguhnya dengan batas waktu, antarmuka imersif, dan penilaian instan.
-                  </p>
-                </CardContent>
-              </Card>
-
-              {/* Feature 4 */}
-              <Card className="clay-shadow clay-hover bg-[var(--pure-white)] border-2 border-[var(--oat-border)] rounded-[24px] overflow-hidden group p-4">
-                <div className="h-56 w-full flex items-center justify-center p-2">
-                  <img src="/progress.png" alt="Progress Tracking" className="h-full w-auto object-contain transform group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-500 drop-shadow-lg" />
-                </div>
-                <CardContent className="p-6">
-                  <h3 className="font-headline text-[32px] font-semibold text-[var(--clay-black)] tracking-[-0.64px] mb-3 leading-tight">
-                    Analitik Progres
-                  </h3>
-                  <p className="text-[var(--warm-charcoal)] text-lg leading-relaxed">
-                    Lacak perkembangan nilai Anda dari waktu ke waktu. Analisis mendalam untuk setiap bagian tes bahasa.
-                  </p>
-                </CardContent>
-              </Card>
-
-              {/* Feature 5 */}
-              <Card className="clay-shadow clay-hover bg-[var(--pure-white)] border-2 border-[var(--oat-border)] rounded-[24px] overflow-hidden group p-4">
-                <div className="h-56 w-full flex items-center justify-center p-2">
-                  <img src="/vocabulary.png" alt="Vocabulary" className="h-full w-auto object-contain transform group-hover:scale-110 group-hover:rotate-3 transition-transform duration-500 drop-shadow-lg" />
-                </div>
-                <CardContent className="p-6">
-                  <h3 className="font-headline text-[32px] font-semibold text-[var(--clay-black)] tracking-[-0.64px] mb-3 leading-tight">
-                    Kosakata
-                  </h3>
-                  <p className="text-[var(--warm-charcoal)] text-lg leading-relaxed">
-                    Perkaya kosakata Anda dengan metode cerdas dan pengulangan berkala yang dioptimalkan.
-                  </p>
-                </CardContent>
-              </Card>
-
-              {/* Feature 6 */}
-              <Card className="clay-shadow clay-hover bg-[var(--pure-white)] border-2 border-[var(--oat-border)] rounded-[24px] overflow-hidden group p-4">
-                <div className="h-56 w-full flex items-center justify-center p-2">
-                  <img src="/diskusi.png" alt="Diskusi" className="h-full w-auto object-contain transform group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-500 drop-shadow-lg" />
-                </div>
-                <CardContent className="p-6">
-                  <h3 className="font-headline text-[32px] font-semibold text-[var(--clay-black)] tracking-[-0.64px] mb-3 leading-tight">
-                    Forum Diskusi
-                  </h3>
-                  <p className="text-[var(--warm-charcoal)] text-lg leading-relaxed">
-                    Diskusikan soal-soal sulit dengan komunitas pembelajar lainnya dan dapatkan penjelasan ahli.
-                  </p>
-                </CardContent>
-              </Card>
-            </div>
-          </div>
-        </section>
-
-
-
-        {/* SWATCH ROOM 1: Ube FAQ Section */}
-        <section className="w-full bg-[var(--ube-800)] py-32 rounded-t-[40px] mt-[-40px] z-10 relative shadow-[0_-10px_40px_rgba(0,0,0,0.1)] border-t-2 border-[var(--oat-border)]/20">
-          <div className="max-w-4xl mx-auto px-6 md:px-12 lg:px-16">
-            <div className="text-center mb-16">
-              <h2 className="text-[50px] md:text-[60px] font-headline font-semibold text-[var(--pure-white)] tracking-[-2.4px] mb-6 leading-tight drop-shadow-sm">
-                Pertanyaan Umum
-              </h2>
-              <p className="text-[var(--ube-300)] text-2xl max-w-2xl mx-auto">
-                Temukan jawaban cepat untuk pertanyaan seputar Pram.
-              </p>
-            </div>
-
-            <div className="bg-[var(--ube-900)]/40 backdrop-blur-sm border-2 border-[var(--ube-300)]/30 rounded-[32px] p-8 md:p-12 shadow-2xl">
-              <FaqItem 
-                isDark
-                question="Apa itu Pram?" 
-                answer="Pram adalah platform latihan ujian bahasa berbasis AI yang dirancang untuk membantu Anda berlatih dan menguasai bahasa asing melalui simulasi, bank soal interaktif, dan analitik performa." 
-              />
-              <FaqItem 
-                isDark
-                question="Bagaimana cara kerja AI Generator?" 
-                answer="Fitur AI Generator memungkinkan Anda membuat paket soal baru berdasarkan konteks atau topik tertentu. Anda cukup memasukkan teks acuan, dan AI Agent kami akan memproduksi soal secara otomatis." 
-              />
-              <FaqItem 
-                isDark
-                question="Apakah Pram sepenuhnya gratis?" 
-                answer="Platform Pram dapat digunakan secara gratis untuk fitur dasar. Untuk fitur generasi soal berbasis AI, kami menggunakan model Bring-Your-Own-Key (BYOK). Anda cukup memasukkan API Key OpenAI Anda." 
-              />
-              <FaqItem 
-                isDark
-                question="Bahasa apa saja yang didukung oleh Pram?" 
-                answer="Saat ini Pram mendukung latihan untuk berbagai ujian profisiensi bahasa populer seperti Bahasa Inggris (TOEFL, IELTS, TOEIC), Jepang (JLPT), Korea (TOPIK), dan banyak lagi." 
-              />
-            </div>
-          </div>
-        </section>
-
-        {/* SWATCH ROOM 2: Matcha CTA Section */}
-        <section className="w-full bg-[var(--matcha-800)] py-40 px-6 rounded-t-[40px] mt-[-40px] z-20 relative shadow-[0_-10px_40px_rgba(0,0,0,0.2)] border-t-2 border-[var(--matcha-600)]">
-          <div className="max-w-4xl mx-auto text-center space-y-12">
-            <h2 className="text-[60px] md:text-[80px] font-headline font-semibold text-[var(--pure-white)] tracking-[-3.2px] leading-[0.95] drop-shadow-md">
-              Siap Meningkatkan Skor Anda?
-            </h2>
-            <p className="text-2xl text-[var(--matcha-300)] max-w-2xl mx-auto">
-              Bergabung sekarang dan rasakan perbedaan belajar dengan teknologi yang berpusat pada perkembangan Anda.
-            </p>
-            <div className="pt-8">
-              <Link to="/login" className="inline-block">
-                <Button className="bg-[var(--pure-white)] text-[var(--clay-black)] hover:bg-[var(--oat-light)] rounded-[24px] h-[80px] px-14 text-2xl font-bold clay-shadow clay-hover">
-                  Daftar Sekarang - Gratis
-                </Button>
-              </Link>
-            </div>
-          </div>
-        </section>
-      </main>
 
-      {/* Footer */}
-      <footer className="w-full bg-[var(--pure-white)] py-12 border-t-2 border-[var(--oat-border)] text-center relative z-30">
-        <p className="text-[var(--warm-charcoal)] font-semibold text-lg">
-          &copy; {new Date().getFullYear()} Pram. Didesain dengan penuh kehangatan.
-        </p>
-      </footer>
     </div>
   );
 }

apps/web/src/lib/community-links.ts

@@ -1,73 +0,0 @@
-export type CommunityPlatform = "whatsapp" | "discord";
-
-export type CommunityChannel = {
-  id: string;
-  platform: CommunityPlatform;
-  name: string;
-  description: string;
-  /** null = belum live (tampil sebagai "Segera hadir") */
-  href: string | null;
-  icon: string;
-};
-
-export const COMMUNITY_PLATFORM_META: Record<
-  CommunityPlatform,
-  { label: string; icon: string; linkClass: string; iconClass: string }
-> = {
-  whatsapp: {
-    label: "WhatsApp",
-    icon: "chat",
-    linkClass:
-      "bg-[#25D366]/10 border-[#25D366]/30 hover:bg-[#25D366]/20",
-    iconClass: "text-[#128C7E]",
-  },
-  discord: {
-    label: "Discord",
-    icon: "forum",
-    linkClass:
-      "bg-[#5865F2]/10 border-[#5865F2]/30 hover:bg-[#5865F2]/20",
-    iconClass: "text-[#5865F2]",
-  },
-};
-
-/** Satu sumber data — tambah Discord cukup isi `href` di entri bawah. */
-export const COMMUNITY_CHANNELS: CommunityChannel[] = [
-  {
-    id: "pram-whatsapp",
-    platform: "whatsapp",
-    name: "Pram — Open Source",
-    description: "Laporkan bug, usulkan fitur, atau diskusi pengembangan Pram.",
-    href: "https://chat.whatsapp.com/JT6bDIXMQ5x6SUQCA1aDWB",
-    icon: "groups",
-  },
-  {
-    id: "learning-whatsapp",
-    platform: "whatsapp",
-    name: "pram Learning",
-    description: "Berbagi tips, trik, dan berita terbaru dari pram Learning.",
-    href: "https://chat.whatsapp.com/IrQOUGB3jhR7WnOoilCill",
-    icon: "school",
-  },
-  // Aktifkan saat server Discord siap — cukup isi href:
-  {
-    id: "pram-discord",
-    platform: "discord",
-    name: "Pram Discord",
-    description: "Diskusi async, bug report terstruktur, dan pengumuman fitur baru.",
-    href: null,
-    icon: "chat",
-  },
-];
-
-export const COMMUNITY_PROMPT_STORAGE_KEY = "pram_community_prompt_seen";
-
-const PLATFORM_ORDER: CommunityPlatform[] = ["whatsapp", "discord"];
-
-export function getCommunitySections() {
-  return PLATFORM_ORDER.map((platform) => ({
-    platform,
-    meta: COMMUNITY_PLATFORM_META[platform],
-    channels: COMMUNITY_CHANNELS.filter((c) => c.platform === platform),
-  })).filter((section) => section.channels.length > 0);
-}
-

apps/web/src/routes/__root.tsx

@@ -1,4 +1,4 @@
-import { Toaster } from "@pram/ui/components/sonner";
+import { Toaster } from "@pram/ui/components/sonner";
 import type { QueryClient } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { HeadContent, Outlet, createRootRouteWithContext, useRouterState } from "@tanstack/react-router";
@@ -62,10 +62,7 @@ export const Route = createRootRouteWithContext<RouterAppContext>()({
         { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" as const },
         { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap" },
       ],
-      scripts: [
-        ...(import.meta.env.PROD
-          ? [{ src: "https://umami-analytic.pram-app.vercel.app/script.js", defer: true, "data-website-id": "67a18412-12c8-44ef-9cd3-e04238d37e9a" }]
-          : []),
+
         {
           type: "application/ld+json",
           children: JSON.stringify({

apps/web/src/routes/dashboard.tsx

@@ -8,9 +8,8 @@ import { Button } from "@pram/ui/components/button";
 import { Card, CardContent } from "@pram/ui/components/card";
 import { MaterialIcon } from "@/components/ui/MaterialIcon";
 import { TourGuide } from "@/components/TourGuide";
-import { DonationModal } from "@/components/DonationModal";
-import { CommunityModal } from "@/components/CommunityModal";
-import { COMMUNITY_PROMPT_STORAGE_KEY } from "@/lib/community-links";
+
+
 
 export const Route = createFileRoute("/dashboard")({
   staticData: routeShell.app,
@@ -38,39 +37,8 @@ function formatDateShort(dateStr: string | Date | null) {
 
 function HomeComponent() {
   const { session } = Route.useRouteContext();
-  const [donationModalOpen, setDonationModalOpen] = useState(false);
-  const [donationTrigger, setDonationTrigger] = useState<"exam" | "generate" | null>(null);
-  const [communityModalOpen, setCommunityModalOpen] = useState(false);
 
-  const handleCommunityModalChange = (open: boolean) => {
-    setCommunityModalOpen(open);
-    if (!open) {
-      localStorage.setItem(COMMUNITY_PROMPT_STORAGE_KEY, "1");
-    }
-  };
 
-  useEffect(() => {
-    const prompt = localStorage.getItem("pendingDonationPrompt") as "exam" | "generate" | null;
-    const lastPromptStr = localStorage.getItem("lastDonationPromptTime");
-    const lastPromptTime = lastPromptStr ? parseInt(lastPromptStr, 10) : 0;
-    const COOLDOWN = 24 * 60 * 60 * 1000;
-    const now = Date.now();
-
-    let showedDonation = false;
-    if (prompt) {
-      localStorage.removeItem("pendingDonationPrompt");
-      if (now - lastPromptTime > COOLDOWN) {
-        setDonationTrigger(prompt);
-        setDonationModalOpen(true);
-        localStorage.setItem("lastDonationPromptTime", now.toString());
-        showedDonation = true;
-      }
-    }
-
-    if (!showedDonation && !localStorage.getItem(COMMUNITY_PROMPT_STORAGE_KEY)) {
-      setCommunityModalOpen(true);
-    }
-  }, []);
 
   const overview = useQuery(trpc.stats.overview.queryOptions());
   const recentAttempts = useQuery(
@@ -90,12 +58,8 @@ function HomeComponent() {
 
   return (
     <div className="min-h-screen pt-8 pb-32 px-6 md:px-12 lg:px-16 max-w-6xl mx-auto bg-[var(--warm-cream)]">
-      <DonationModal
-        isOpen={donationModalOpen}
-        onOpenChange={setDonationModalOpen}
-        triggerAction={donationTrigger}
-      />
-      <CommunityModal isOpen={communityModalOpen} onOpenChange={handleCommunityModalChange} />
+
+
       {/* Header */}
       <section className="mb-8">
         <h1 className="text-4xl font-headline font-extrabold text-[var(--clay-black)] tracking-tight">

apps/web/vite.config.ts

@@ -1,4 +1,4 @@
-import tailwindcss from "@tailwindcss/vite";
+import tailwindcss from "@tailwindcss/vite";
 import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
@@ -24,16 +24,7 @@ export default defineConfig({
     },
   },
   plugins: [
-    {
-      name: "inject-umami",
-      transformIndexHtml(html) {
-        return html.replace(
-          "</head>",
-          '<script defer src="https://umami-analytic.pram-app.vercel.app/script.js" data-website-id="67a18412-12c8-44ef-9cd3-e04238d37e9a"></script></head>',
-        );
-      },
-      apply: "build",
-    },
+
     tailwindcss(),
     tanstackRouter({
       target: "react",