Spaces:

Atmint
/

cpns

Runtime error

App Files Files Community

pramudya-yb commited on Jun 10

Commit

7bcfa1f

1 Parent(s): 26ef438

Minimalize landing page and remove rogasper

Browse files

Files changed (12) hide show

README.md +4 -3
apps/server/src/index.ts +3 -2
apps/web/index.html +7 -6
apps/web/public/robots.txt +2 -1
apps/web/public/sitemap.xml +6 -5
apps/web/src/components/DonationModal.tsx +4 -3
apps/web/src/components/routes/LandingPage.tsx +0 -232
apps/web/src/lib/community-links.ts +4 -3
apps/web/src/lib/site-seo.ts +3 -2
apps/web/src/routes/__root.tsx +3 -2
apps/web/vite.config.ts +3 -2
scripts/compress-og-image.ts +3 -2

README.md CHANGED Viewed

@@ -1,4 +1,4 @@
----
 title: Pram API
 emoji: 🚀
 colorFrom: green
@@ -282,8 +282,8 @@ For AI-related changes, see the **AI Generation Context** section in `AGENTS.md`
 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/rogasper)** (Indonesian supporters)
-- **[Ko-fi](https://ko-fi.com/rogasper)** (International)
 ## License
@@ -296,3 +296,4 @@ If you run a modified version as a network service, you must make the correspond
 <p align="center">
   Built with Bun, React, Hono, and tRPC.
 </p>

+---
 title: Pram API
 emoji: 🚀
 colorFrom: green
 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
 <p align="center">
   Built with Bun, React, Hono, and tRPC.
 </p>

apps/server/src/index.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { trpcServer } from "@hono/trpc-server";
 import { createContext } from "@pram/api/context";
 import { appRouter } from "@pram/api/routers/index";
 import { checkRateLimitAllowed } from "@pram/api/lib/rate-limit";
@@ -73,7 +73,7 @@ app.use(
 );
 app.get("/sitemap.xml", (c) => {
-  const baseUrl = "https://pram.rogasper.com";
   const urls = [
     { loc: `${baseUrl}/`, changefreq: "weekly", priority: "1.0" },
   ];
@@ -101,3 +101,4 @@ export default {
   hostname: "0.0.0.0",
   fetch: app.fetch,
 };

+import { trpcServer } from "@hono/trpc-server";
 import { createContext } from "@pram/api/context";
 import { appRouter } from "@pram/api/routers/index";
 import { checkRateLimitAllowed } from "@pram/api/lib/rate-limit";
 );
 app.get("/sitemap.xml", (c) => {
+  const baseUrl = "https://pram-app.vercel.app";
   const urls = [
     { loc: `${baseUrl}/`, changefreq: "weekly", priority: "1.0" },
   ];
   hostname: "0.0.0.0",
   fetch: app.fetch,
 };

apps/web/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!doctype html>
 <html lang="id">
   <head>
     <meta charset="UTF-8" />
@@ -7,12 +7,12 @@
     <meta name="theme-color" content="#0c0c0c" />
     <meta property="og:title" content="Pram — AI-Powered Exam Practice Platform" />
     <meta property="og:description" content="Generate AI-powered practice questions for JLPT, TOPIK, TOAFL, and more. Practice smarter with adaptive test preparation." />
-    <meta property="og:url" content="https://pram.rogasper.com/" />
     <meta property="og:site_name" content="Pram" />
     <meta property="og:locale" content="id_ID" />
     <meta property="og:type" content="website" />
-    <meta property="og:image" content="https://pram.rogasper.com/opengraph-image.png" />
-    <meta property="og:image:secure_url" content="https://pram.rogasper.com/opengraph-image.png" />
     <meta property="og:image:type" content="image/png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
@@ -20,13 +20,13 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Pram — AI-Powered Exam Practice Platform" />
     <meta name="twitter:description" content="Generate AI-powered practice questions for JLPT, TOPIK, TOAFL, and more. Practice smarter with adaptive test preparation." />
-    <meta name="twitter:image" content="https://pram.rogasper.com/twitter-image.jpg" />
     <meta name="twitter:image:alt" content="Pram — platform latihan ujian bahasa dengan AI Generator dan simulasi tes" />
     <meta name="twitter:image:type" content="image/jpeg" />
     <meta name="twitter:image:width" content="1200" />
     <meta name="twitter:image:height" content="630" />
     <meta name="robots" content="index, follow" />
-    <link rel="canonical" href="https://pram.rogasper.com/" />
     <link rel="icon" href="/favicon.ico" sizes="48x48" />
     <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
     <title>Pram — AI-Powered Exam Practice Platform</title>
@@ -37,3 +37,4 @@
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

+<!doctype html>
 <html lang="id">
   <head>
     <meta charset="UTF-8" />
     <meta name="theme-color" content="#0c0c0c" />
     <meta property="og:title" content="Pram — AI-Powered Exam Practice Platform" />
     <meta property="og:description" content="Generate AI-powered practice questions for JLPT, TOPIK, TOAFL, and more. Practice smarter with adaptive test preparation." />
+    <meta property="og:url" content="https://pram-app.vercel.app/" />
     <meta property="og:site_name" content="Pram" />
     <meta property="og:locale" content="id_ID" />
     <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://pram-app.vercel.app/opengraph-image.png" />
+    <meta property="og:image:secure_url" content="https://pram-app.vercel.app/opengraph-image.png" />
     <meta property="og:image:type" content="image/png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Pram — AI-Powered Exam Practice Platform" />
     <meta name="twitter:description" content="Generate AI-powered practice questions for JLPT, TOPIK, TOAFL, and more. Practice smarter with adaptive test preparation." />
+    <meta name="twitter:image" content="https://pram-app.vercel.app/twitter-image.jpg" />
     <meta name="twitter:image:alt" content="Pram — platform latihan ujian bahasa dengan AI Generator dan simulasi tes" />
     <meta name="twitter:image:type" content="image/jpeg" />
     <meta name="twitter:image:width" content="1200" />
     <meta name="twitter:image:height" content="630" />
     <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://pram-app.vercel.app/" />
     <link rel="icon" href="/favicon.ico" sizes="48x48" />
     <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
     <title>Pram — AI-Powered Exam Practice Platform</title>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

apps/web/public/robots.txt CHANGED Viewed

@@ -1,3 +1,4 @@
 User-agent: *
 Allow: /
-Sitemap: https://pram.rogasper.com/sitemap.xml

 User-agent: *
 Allow: /
+Sitemap: https://pram-app.vercel.app/sitemap.xml

apps/web/public/sitemap.xml CHANGED Viewed

@@ -1,28 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
-    <loc>https://pram.rogasper.com/</loc>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
-    <loc>https://pram.rogasper.com/login</loc>
     <changefreq>monthly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
-    <loc>https://pram.rogasper.com/bank</loc>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
-    <loc>https://pram.rogasper.com/packages</loc>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
-    <loc>https://pram.rogasper.com/leaderboard</loc>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
 </urlset>

 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
+    <loc>https://pram-app.vercel.app/</loc>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
+    <loc>https://pram-app.vercel.app/login</loc>
     <changefreq>monthly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
+    <loc>https://pram-app.vercel.app/bank</loc>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
+    <loc>https://pram-app.vercel.app/packages</loc>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
+    <loc>https://pram-app.vercel.app/leaderboard</loc>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
 </urlset>

apps/web/src/components/DonationModal.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@pram/ui/components/dialog";
 import { MaterialIcon } from "@/components/ui/MaterialIcon";
 export function DonationModal({
@@ -28,7 +28,7 @@ export function DonationModal({
         </DialogHeader>
         <div className="flex flex-col gap-3 mt-6">
           <a
-            href="https://saweria.co/rogasper"
             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"
@@ -37,7 +37,7 @@ export function DonationModal({
             Support via Saweria
           </a>
           <a
-            href="https://ko-fi.com/rogasper"
             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"
@@ -56,3 +56,4 @@ export function DonationModal({
     </Dialog>
   );
 }

+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@pram/ui/components/dialog";
 import { MaterialIcon } from "@/components/ui/MaterialIcon";
 export function DonationModal({
         </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"
             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"
     </Dialog>
   );
 }

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

@@ -59,16 +59,6 @@ export function LandingPage() {
             <MaterialIcon name="forum" className="text-xl" />
             <span className="font-semibold text-base">Komunitas</span>
           </button>
-          <a href="https://saweria.co/rogasper" target="_blank" rel="noopener noreferrer" className="text-[var(--warm-charcoal)] hover:text-[var(--pomegranate-400)] transition-colors p-2 hidden md:flex items-center gap-2" aria-label="Support via Saweria">
-            <MaterialIcon name="favorite" className="text-xl" />
-            <span className="font-semibold text-base">Support</span>
-          </a>
-          <a href="https://github.com/rogasper/pram-bahasa" target="_blank" rel="noopener noreferrer" className="text-[var(--warm-charcoal)] hover:text-[var(--clay-black)] transition-colors p-2 hidden sm:flex items-center gap-2" aria-label="GitHub Repository">
-            <svg viewBox="0 0 24 24" className="w-6 h-6 fill-current" aria-hidden="true">
-              <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" />
-            </svg>
-            <span className="font-semibold text-base">Star us</span>
-          </a>
           <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">
@@ -106,14 +96,6 @@ export function LandingPage() {
                   Mulai Latihan Sekarang
                 </Button>
               </Link>
-              <a href="https://github.com/rogasper/pram-bahasa" target="_blank" rel="noopener noreferrer" className="w-full sm:w-auto">
-                <Button variant="ghost" className="w-full sm:w-auto text-[var(--clay-black)] rounded-[24px] h-[64px] px-8 text-xl font-semibold hover:bg-[var(--oat-light)] border-2 border-transparent flex items-center gap-3">
-                  <svg viewBox="0 0 24 24" className="w-6 h-6 fill-current" aria-hidden="true">
-                    <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" />
-                  </svg>
-                  Lihat di GitHub
-                </Button>
-              </a>
             </div>
           </div>
@@ -139,184 +121,7 @@ export function LandingPage() {
           </div>
         </section>
-        {/* VIDEO DEMO SECTION - DYNAMIC ZIGZAG */}
-        <section id="demo" className="w-full bg-[var(--warm-cream)] py-20 pb-32 relative overflow-hidden">
-          {/* Decorative background elements */}
-          <div className="absolute top-40 -left-64 w-[500px] h-[500px] bg-[var(--matcha-300)]/30 rounded-full blur-3xl pointer-events-none"></div>
-          <div className="absolute bottom-40 -right-64 w-[600px] h-[600px] bg-[var(--slushie-500)]/20 rounded-full blur-3xl pointer-events-none"></div>
-          <div className="max-w-7xl mx-auto px-6 md:px-12 lg:px-16 relative z-10">
-            <div className="text-center max-w-3xl mx-auto mb-24 space-y-6">
-              <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--ube-300)]/30 border-2 border-[var(--ube-300)] text-[var(--ube-800)] uppercase-label shadow-sm">
-                <MaterialIcon name="play_circle" className="text-sm" />
-                <span>Lihat Aksinya</span>
-              </div>
-              <h2 className="text-[50px] md:text-[60px] font-headline font-semibold text-[var(--clay-black)] tracking-[-2.4px] leading-tight drop-shadow-sm">
-                Pengalaman Belajar Generasi Baru
-              </h2>
-            </div>
-            <div className="space-y-32">
-              {/* Feature 1: Hero Showcase - Generate AI */}
-              <div className="flex flex-col items-center text-center pb-8 pt-4">
-                <div className="max-w-3xl space-y-5 mb-10">
-                  <div className="inline-block px-4 py-1.5 rounded-full bg-[var(--ube-300)]/20 border-2 border-[var(--ube-300)]/50 text-[var(--ube-800)] text-sm font-bold tracking-wide uppercase-label mb-2">✨ Fitur Unggulan</div>
-                  <h3 className="text-[36px] md:text-[45px] lg:text-[55px] font-headline font-semibold text-[var(--clay-black)] leading-[1.1] tracking-[-1.5px]">
-                    Generate Soal <br className="hidden sm:block md:hidden" /> <span className="text-[var(--ube-800)]">Agentic AI</span>
-                  </h3>
-                  <p className="text-lg md:text-xl text-[var(--warm-charcoal)] leading-relaxed max-w-2xl mx-auto">
-                    Masukkan teks bacaan bahasa asing, dan biarkan sistem <i>Multi-step Agentic Pipeline</i> kami (Validasi → Generasi → Self-check) menyusun paket soal bermutu secara otomatis.
-                  </p>
-                </div>
-                <div className="w-full relative group max-w-5xl mx-auto">
-                  <div className="absolute inset-0 bg-gradient-to-tr from-[var(--ube-400)] via-[var(--matcha-300)] to-[var(--lemon-400)] rounded-[48px] transform rotate-1 group-hover:rotate-2 transition-transform duration-700 opacity-60 blur-xl"></div>
-                  <div className="absolute inset-0 bg-gradient-to-tr from-[var(--ube-400)] via-[var(--matcha-300)] to-[var(--lemon-400)] rounded-[48px] transform rotate-1 group-hover:rotate-2 transition-transform duration-700"></div>
-                  <div className="relative rounded-[48px] overflow-hidden border-[6px] border-[var(--pure-white)] shadow-[0_30px_80px_rgba(0,0,0,0.2)] bg-[var(--oat-light)] transform transition-transform duration-700 group-hover:-translate-y-2">
-                    <video
-                      className="w-full aspect-video object-cover"
-                      autoPlay
-                      muted
-                      loop
-                      playsInline
-                    >
-                      <source src="/generate%20soal.mp4" type="video/mp4" />
-                      Browser Anda tidak mendukung tag video.
-                    </video>
-                  </div>
-                  {/* Floating badge 1 */}
-                  <div className="absolute -bottom-8 right-4 md:-right-8 bg-[var(--pure-white)] border-2 border-[var(--oat-border)] p-4 md:p-5 rounded-[24px] md:rounded-[28px] shadow-2xl clay-hover transform -rotate-3 z-20 flex items-center gap-3 md:gap-4">
-                    <div className="w-12 h-12 md:w-14 md:h-14 rounded-full bg-[var(--ube-300)] flex items-center justify-center">
-                      <MaterialIcon name="smart_toy" className="text-2xl md:text-3xl text-[var(--ube-800)]" />
-                    </div>
-                    <div className="text-left">
-                      <p className="text-base md:text-lg font-bold text-[var(--clay-black)] leading-tight">Agentic Pipeline</p>
-                      <p className="text-xs md:text-sm text-[var(--warm-charcoal)]">Generasi & Self-Check</p>
-                    </div>
-                  </div>
-                  {/* Floating badge 2 */}
-                  <div className="absolute -top-8 left-4 md:-left-8 bg-[var(--pure-white)] border-2 border-[var(--oat-border)] p-4 rounded-[24px] shadow-2xl clay-hover transform rotate-3 z-20 flex items-center gap-3 hidden md:flex">
-                    <div className="w-12 h-12 rounded-full bg-[var(--lemon-400)] flex items-center justify-center">
-                      <MaterialIcon name="verified" className="text-2xl text-[var(--lemon-800)]" />
-                    </div>
-                    <div className="text-left">
-                      <p className="font-bold text-[var(--clay-black)] leading-tight">Kualitas Tinggi</p>
-                      <p className="text-xs text-[var(--warm-charcoal)]">Evaluasi Otomatis</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              {/* Feature 2: Zigzag Right - Manajemen Paket */}
-              <div className="flex flex-col lg:flex-row-reverse items-center gap-12 lg:gap-20">
-                <div className="flex-1 w-full lg:w-1/2 relative group">
-                  <div className="absolute inset-0 bg-gradient-to-tr from-[var(--matcha-400)] to-[var(--lemon-400)] rounded-[40px] transform -rotate-3 group-hover:-rotate-6 transition-transform duration-700"></div>
-                  <div className="relative rounded-[40px] overflow-hidden border-4 border-[var(--pure-white)] shadow-[0_20px_60px_rgba(0,0,0,0.15)] transform transition-transform duration-700 group-hover:-translate-y-2 bg-[var(--oat-light)]">
-                    <video
-                      className="w-full aspect-video object-cover"
-                      autoPlay
-                      muted
-                      loop
-                      playsInline
-                    >
-                      <source src="/paket%20soal.mp4" type="video/mp4" />
-                      Browser Anda tidak mendukung tag video.
-                    </video>
-                  </div>
-                  {/* Floating badge */}
-                  <div className="absolute -top-6 -left-6 md:-left-10 bg-[var(--pure-white)] border-2 border-[var(--oat-border)] p-4 rounded-[24px] shadow-xl clay-hover transform rotate-6 z-20 flex items-center gap-3">
-                    <div className="w-12 h-12 rounded-full bg-[var(--matcha-300)] flex items-center justify-center">
-                      <MaterialIcon name="source" className="text-2xl text-[var(--matcha-800)]" />
-                    </div>
-                    <div>
-                      <p className="font-bold text-[var(--clay-black)] leading-tight">Bank Soal</p>
-                      <p className="text-xs text-[var(--warm-charcoal)]">Koleksi Lengkap</p>
-                    </div>
-                  </div>
-                </div>
-                <div className="flex-1 w-full lg:w-1/2 space-y-6">
-                  <h3 className="text-[40px] lg:text-[50px] font-headline font-semibold text-[var(--clay-black)] leading-[1.1] tracking-[-1.5px]">
-                    Kustomisasi <br/> <span className="text-[var(--matcha-600)]">Paket Belajar</span>
-                  </h3>
-                  <p className="text-xl text-[var(--warm-charcoal)] leading-relaxed">
-                    Eksplorasi Bank Soal untuk merakit paket latihan Anda sendiri. Publikasikan paket soal buatan Anda, atau gunakan paket pilihan dari daftar Editor's Pick.
-                  </p>
-                  <ul className="space-y-4 pt-4">
-                    <li className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-[var(--matcha-300)]/50 flex items-center justify-center">
-                        <MaterialIcon name="check" className="text-[var(--matcha-800)]" />
-                      </div>
-                      <span className="text-lg font-medium text-[var(--clay-black)]">Bank Soal Terintegrasi</span>
-                    </li>
-                    <li className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-[var(--matcha-300)]/50 flex items-center justify-center">
-                        <MaterialIcon name="check" className="text-[var(--matcha-800)]" />
-                      </div>
-                      <span className="text-lg font-medium text-[var(--clay-black)]">Sistem Publikasi Paket</span>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-              {/* Feature 3: Zigzag Left - Simulasi */}
-              <div className="flex flex-col lg:flex-row items-center gap-12 lg:gap-20">
-                <div className="flex-1 w-full lg:w-1/2 relative group">
-                  <div className="absolute inset-0 bg-gradient-to-tr from-[var(--slushie-500)] to-[var(--ube-400)] rounded-[40px] transform rotate-3 group-hover:rotate-6 transition-transform duration-700"></div>
-                  <div className="relative rounded-[40px] overflow-hidden border-4 border-[var(--pure-white)] shadow-[0_20px_60px_rgba(0,0,0,0.15)] transform transition-transform duration-700 group-hover:-translate-y-2 bg-[var(--oat-light)]">
-                    <video
-                      className="w-full aspect-video object-cover"
-                      autoPlay
-                      muted
-                      loop
-                      playsInline
-                    >
-                      <source src="/attempt%20exam.mp4" type="video/mp4" />
-                      Browser Anda tidak mendukung tag video.
-                    </video>
-                  </div>
-                  {/* Floating badge */}
-                  <div className="absolute -bottom-6 -right-6 md:-right-10 bg-[var(--pure-white)] border-2 border-[var(--oat-border)] p-4 rounded-[24px] shadow-xl clay-hover transform -rotate-6 z-20 flex items-center gap-3">
-                    <div className="w-12 h-12 rounded-full bg-[var(--slushie-500)] flex items-center justify-center">
-                      <MaterialIcon name="timer" className="text-2xl text-[var(--clay-black)]" />
-                    </div>
-                    <div>
-                      <p className="font-bold text-[var(--clay-black)] leading-tight">Anti-Curang</p>
-                      <p className="text-xs text-[var(--warm-charcoal)]">Validasi Waktu</p>
-                    </div>
-                  </div>
-                </div>
-                <div className="flex-1 w-full lg:w-1/2 space-y-6">
-                  <h3 className="text-[40px] lg:text-[50px] font-headline font-semibold text-[var(--clay-black)] leading-[1.1] tracking-[-1.5px]">
-                    Simulasi Ujian <br/> <span className="text-[var(--slushie-600)]">Fokus Penuh</span>
-                  </h3>
-                  <p className="text-xl text-[var(--warm-charcoal)] leading-relaxed">
-                    Kerjakan latihan dengan antarmuka ujian sesungguhnya. Selesaikan tes dengan sistem timer yang tervalidasi secara akurat, dan dapatkan kalkulasi skor serta akurasi secara instan.
-                  </p>
-                  <ul className="space-y-4 pt-4">
-                    <li className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-[var(--slushie-500)]/30 flex items-center justify-center">
-                        <MaterialIcon name="check" className="text-[var(--clay-black)]" />
-                      </div>
-                      <span className="text-lg font-medium text-[var(--clay-black)]">Sistem Timer Tervalidasi</span>
-                    </li>
-                    <li className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-[var(--slushie-500)]/30 flex items-center justify-center">
-                        <MaterialIcon name="check" className="text-[var(--clay-black)]" />
-                      </div>
-                      <span className="text-lg font-medium text-[var(--clay-black)]">Kalkulasi Skor Otomatis</span>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
         {/* Feature Cards Section */}
         <section id="features" className="w-full bg-[var(--pure-white)] py-32 border-y-2 border-dashed border-[var(--oat-border)]">
@@ -485,43 +290,6 @@ export function LandingPage() {
       {/* Footer */}
       <footer className="w-full bg-[var(--pure-white)] py-12 border-t-2 border-[var(--oat-border)] text-center relative z-30">
-        <div className="flex flex-col items-center gap-4 mb-8">
-          <p className="text-[var(--warm-charcoal)] font-semibold text-lg">Hubungi Kami</p>
-          <div className="flex flex-wrap justify-center items-center gap-6 text-[var(--clay-black)]">
-            <a href="mailto:admin@rogasper.com" className="flex items-center gap-2 hover:text-[var(--matcha-700)] transition-colors">
-              <MaterialIcon name="mail" />
-              <span className="font-semibold">admin@rogasper.com</span>
-            </a>
-            <a href="https://instagram.com/rogasper" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 hover:text-[var(--matcha-700)] transition-colors">
-              <MaterialIcon name="photo_camera" />
-              <span className="font-semibold">@rogasper</span>
-            </a>
-            <a href="https://github.com/rogasper/pram-bahasa" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 hover:text-[var(--matcha-700)] transition-colors">
-              <MaterialIcon name="code" />
-              <span className="font-semibold">GitHub</span>
-            </a>
-            <a href="https://saweria.co/rogasper" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 hover:text-[var(--pomegranate-400)] transition-colors">
-              <MaterialIcon name="favorite" />
-              <span className="font-semibold">Saweria</span>
-            </a>
-            <a href="https://ko-fi.com/rogasper" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 hover:text-[var(--pomegranate-400)] transition-colors">
-              <MaterialIcon name="local_cafe" />
-              <span className="font-semibold">Ko-fi</span>
-            </a>
-            <button
-              type="button"
-              onClick={() => setCommunityModalOpen(true)}
-              className="flex items-center gap-2 hover:text-[#128C7E] transition-colors"
-            >
-              <MaterialIcon name="forum" />
-              <span className="font-semibold">Komunitas WhatsApp</span>
-            </button>
-            <a href="https://rogasper.com" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 hover:text-[var(--matcha-700)] transition-colors">
-              <MaterialIcon name="language" />
-              <span className="font-semibold">rogasper.com</span>
-            </a>
-          </div>
-        </div>
         <p className="text-[var(--warm-charcoal)] font-semibold text-lg">
           &copy; {new Date().getFullYear()} Pram. Didesain dengan penuh kehangatan.
         </p>

             <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">
                   Mulai Latihan Sekarang
                 </Button>
               </Link>
             </div>
           </div>
           </div>
         </section>
         {/* Feature Cards Section */}
         <section id="features" className="w-full bg-[var(--pure-white)] py-32 border-y-2 border-dashed border-[var(--oat-border)]">
       {/* 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>

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

@@ -1,4 +1,4 @@
-export type CommunityPlatform = "whatsapp" | "discord";
 export type CommunityChannel = {
   id: string;
@@ -43,8 +43,8 @@ export const COMMUNITY_CHANNELS: CommunityChannel[] = [
   {
     id: "learning-whatsapp",
     platform: "whatsapp",
-    name: "Rogasper Learning",
-    description: "Berbagi tips, trik, dan berita terbaru dari Rogasper Learning.",
     href: "https://chat.whatsapp.com/IrQOUGB3jhR7WnOoilCill",
     icon: "school",
   },
@@ -70,3 +70,4 @@ export function getCommunitySections() {
     channels: COMMUNITY_CHANNELS.filter((c) => c.platform === platform),
   })).filter((section) => section.channels.length > 0);
 }

+export type CommunityPlatform = "whatsapp" | "discord";
 export type CommunityChannel = {
   id: string;
   {
     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",
   },
     channels: COMMUNITY_CHANNELS.filter((c) => c.platform === platform),
   })).filter((section) => section.channels.length > 0);
 }

apps/web/src/lib/site-seo.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-export const SITE_URL = "https://pram.rogasper.com";
 export const SITE_NAME = "Pram";
-/** Match rogasper.com: separate OG (PNG) + Twitter (JPEG) assets for crawler compatibility. */
 export const OG_IMAGE_PATH = "/opengraph-image.png";
 export const TWITTER_IMAGE_PATH = "/twitter-image.jpg";
 /** @deprecated Use OG_IMAGE_PATH — kept for old links */
@@ -54,3 +54,4 @@ export function buildSocialMeta(input: SiteHeadInput = {}) {
     { name: "twitter:image:height", content: String(OG_IMAGE_HEIGHT) },
   ];
 }

+export const SITE_URL = "https://pram-app.vercel.app";
 export const SITE_NAME = "Pram";
+/** Match pram-app.vercel.app: separate OG (PNG) + Twitter (JPEG) assets for crawler compatibility. */
 export const OG_IMAGE_PATH = "/opengraph-image.png";
 export const TWITTER_IMAGE_PATH = "/twitter-image.jpg";
 /** @deprecated Use OG_IMAGE_PATH — kept for old links */
     { name: "twitter:image:height", content: String(OG_IMAGE_HEIGHT) },
   ];
 }

apps/web/src/routes/__root.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-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";
@@ -64,7 +64,7 @@ export const Route = createRootRouteWithContext<RouterAppContext>()({
       ],
       scripts: [
         ...(import.meta.env.PROD
-          ? [{ src: "https://umami-analytic.rogasper.com/script.js", defer: true, "data-website-id": "67a18412-12c8-44ef-9cd3-e04238d37e9a" }]
           : []),
         {
           type: "application/ld+json",
@@ -132,3 +132,4 @@ function RootComponent() {
     </>
   );
 }

+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";
       ],
       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",
     </>
   );
 }

apps/web/vite.config.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import tailwindcss from "@tailwindcss/vite";
 import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
@@ -29,7 +29,7 @@ export default defineConfig({
       transformIndexHtml(html) {
         return html.replace(
           "</head>",
-          '<script defer src="https://umami-analytic.rogasper.com/script.js" data-website-id="67a18412-12c8-44ef-9cd3-e04238d37e9a"></script></head>',
         );
       },
       apply: "build",
@@ -53,3 +53,4 @@ export default defineConfig({
     }),
   ],
 });

+import tailwindcss from "@tailwindcss/vite";
 import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
       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",
     }),
   ],
 });

scripts/compress-og-image.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/**
  * Build social preview images for Pram (Open Graph + Twitter).
  * Requires Bun >= 1.3.14 (Bun.Image API).
  *
@@ -53,7 +53,7 @@ async function main() {
   // Truecolor PNG — compatible with Meta/Twitter crawlers (no 8-bit palette).
   await base.png({ compressionLevel: 9, palette: false }).write(OPENGRAPH);
-  // JPEG for twitter:image — matches rogasper.com pattern, very reliable on X/Threads.
   await requireBunImage(OPENGRAPH)
     .jpeg({ quality: 88, mozjpeg: true })
     .write(TWITTER);
@@ -71,3 +71,4 @@ main().catch((err) => {
   console.error(err);
   process.exit(1);
 });

+/**
  * Build social preview images for Pram (Open Graph + Twitter).
  * Requires Bun >= 1.3.14 (Bun.Image API).
  *
   // Truecolor PNG — compatible with Meta/Twitter crawlers (no 8-bit palette).
   await base.png({ compressionLevel: 9, palette: false }).write(OPENGRAPH);
+  // JPEG for twitter:image — matches pram-app.vercel.app pattern, very reliable on X/Threads.
   await requireBunImage(OPENGRAPH)
     .jpeg({ quality: 88, mozjpeg: true })
     .write(TWITTER);
   console.error(err);
   process.exit(1);
 });