From 3cc72cb327e6751bb9239667675e3ad0cf86ae80 Mon Sep 17 00:00:00 2001
From: ectasy663 <namansingh4680@gmail.com>
Date: Thu, 9 Jul 2026 17:20:44 +0530
Subject: [PATCH] Fix UI sizing on pricing, update text to Get Pro and /year,
 resolve 500 error

---
 alter.sql                  |  1 +
 src/app/dashboard/page.tsx |  2 +-
 src/app/page.tsx           | 32 ++++++++++++++++----------------
 src/app/upgrade/page.tsx   | 22 +++++++++++-----------
 4 files changed, 29 insertions(+), 28 deletions(-)
 create mode 100644 alter.sql

diff --git a/alter.sql b/alter.sql
new file mode 100644
index 0000000..0f47671
--- /dev/null
+++ b/alter.sql
@@ -0,0 +1 @@
+ALTER TABLE "user" ADD COLUMN active_session_token VARCHAR;
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 1bb1642..8ef6f76 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -42,7 +42,7 @@ export default function DashboardPage() {
             <Badge className="bg-primary text-primary-foreground font-bold tracking-widest uppercase mb-2">Upgrade to Pro</Badge>
             <h2 className="text-2xl font-bold tracking-tight">Unlock Unlimited DPS & Mocks</h2>
             <p className="text-muted-foreground max-w-xl font-medium">
-              You're currently on the Free Tier. Upgrade to Pro for ₹2499/yr to access unlimited Daily Practice Sheets, weekly CBT tests, and advanced analytics.
+              You're currently on the Free Tier. Upgrade to Pro for ₹2499/year to access unlimited Daily Practice Sheets, weekly CBT tests, and advanced analytics.
             </p>
           </div>
           <Button size="lg" className="shrink-0 rounded-xl shadow-[0_0_20px_-5px_var(--color-primary)] font-bold">
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 230bdf2..24ae8f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -417,17 +417,17 @@ export default function MarketingPage() {
               viewport={{ once: true }}
               transition={{ duration: 0.6, type: "spring" }}
             >
-              <Card className="bg-background/80 backdrop-blur-md border-border p-8 rounded-[2.5rem] flex flex-col hover:border-border/80 transition-colors h-full z-10 relative shadow-xl">
+              <Card className="bg-background/80 backdrop-blur-md border-border p-6 rounded-[2rem] flex flex-col hover:border-border/80 transition-colors h-full z-10 relative shadow-xl">
                 <h3 className="text-3xl font-bold mb-2">Free</h3>
-                <p className="text-muted-foreground mb-8 text-lg">Perfect to get started.</p>
-                <div className="text-6xl font-bold tracking-tighter mb-10">₹0<span className="text-xl text-muted-foreground font-medium">/yr</span></div>
-                <ul className="space-y-5 mb-10 flex-1 font-medium text-lg">
+                <p className="text-muted-foreground mb-6 text-base">Perfect to get started.</p>
+                <div className="text-6xl font-bold tracking-tighter mb-6">₹0<span className="text-xl text-muted-foreground font-medium">/year</span></div>
+                <ul className="space-y-3 mb-6 flex-1 font-medium text-lg">
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-white" /> 1 Daily Practice Sheet</li>
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-white" /> Basic Performance Analytics</li>
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-white" /> Community Access</li>
                 </ul>
                 <Link href="/signup">
-                  <Button variant="outline" size="lg" className="w-full rounded-2xl h-16 border-white text-white font-bold text-lg hover:bg-secondary hover:text-white">Get Started Free</Button>
+                  <Button variant="outline" size="lg" className="w-full rounded-2xl h-12 border-white text-white font-bold text-lg hover:bg-secondary hover:text-white">Get Started Free</Button>
                 </Link>
               </Card>
             </motion.div>
@@ -439,18 +439,18 @@ export default function MarketingPage() {
               viewport={{ once: true }}
               transition={{ duration: 0.6, type: "spring", delay: 0.1 }}
             >
-              <Card className="bg-background/80 backdrop-blur-md border-border p-8 rounded-[2.5rem] flex flex-col hover:border-border/80 transition-colors h-full z-10 relative shadow-xl">
+              <Card className="bg-background/80 backdrop-blur-md border-border p-6 rounded-[2rem] flex flex-col hover:border-border/80 transition-colors h-full z-10 relative shadow-xl">
                 <h3 className="text-3xl font-bold mb-2">Pro</h3>
-                <p className="text-muted-foreground mb-8 text-lg">Perfect for self-paced practice.</p>
-                <div className="text-6xl font-bold tracking-tighter mb-10">₹12,499<span className="text-xl text-muted-foreground font-medium">/yr</span></div>
-                <ul className="space-y-5 mb-10 flex-1 font-medium text-lg">
+                <p className="text-muted-foreground mb-6 text-base">Perfect for self-paced practice.</p>
+                <div className="text-6xl font-bold tracking-tighter mb-6">₹12,499<span className="text-xl text-muted-foreground font-medium">/year</span></div>
+                <ul className="space-y-3 mb-6 flex-1 font-medium text-lg">
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-yellow-500" /> Unlimited Daily Practice Sheets</li>
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-yellow-500" /> Weekly Test Series & Mock Tests</li>
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-yellow-500" /> Detailed Performance Analytics</li>
                   <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-yellow-500" /> Parent Dashboard Access</li>
                 </ul>
                 <Link href="/signup">
-                  <Button size="lg" className="w-full rounded-2xl h-16 bg-yellow-500 text-black font-bold text-lg hover:bg-yellow-400">Choose Pro</Button>
+                  <Button size="lg" className="w-full rounded-2xl h-12 bg-yellow-500 text-black font-bold text-lg hover:bg-yellow-400">Get Pro</Button>
                 </Link>
               </Card>
             </motion.div>
@@ -463,22 +463,22 @@ export default function MarketingPage() {
                 transition={{ duration: 0.6, type: "spring", delay: 0.2 }}
                 className="relative mt-8 lg:mt-0"
               >
-                <Card className="bg-secondary/30 backdrop-blur-xl border-[#00F0FF] p-8 rounded-[2.5rem] flex flex-col transition-all h-full relative">
+                <Card className="bg-secondary/30 backdrop-blur-xl border-[#00F0FF] p-6 rounded-[2rem] flex flex-col transition-all h-full relative">
                   <div className="absolute inset-0 rounded-[2.5rem] overflow-hidden">
                    <div className="absolute inset-0 -translate-x-full animate-shine bg-gradient-to-r from-transparent via-white/10 to-transparent z-0 pointer-events-none"></div>
                 </div>
                 <div className="relative z-10 flex flex-col h-full mt-4">
                   <h3 className="text-3xl font-bold mb-2">AI Coach</h3>
-                  <p className="text-muted-foreground mb-8 text-lg">The complete AI-driven system.</p>
-                  <div className="text-6xl font-bold tracking-tighter mb-10 text-[#00F0FF] drop-shadow-[0_0_10px_rgba(0,240,255,0.5)]">₹4,999<span className="text-xl text-foreground font-medium">/yr</span></div>
-                  <ul className="space-y-5 mb-10 flex-1 font-medium text-lg">
+                  <p className="text-muted-foreground mb-6 text-base">The complete AI-driven system.</p>
+                  <div className="text-6xl font-bold tracking-tighter mb-6 text-[#00F0FF] drop-shadow-[0_0_10px_rgba(0,240,255,0.5)]">₹4,999<span className="text-xl text-foreground font-medium">/year</span></div>
+                  <ul className="space-y-3 mb-6 flex-1 font-medium text-lg">
                       <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-[#00F0FF]" /> Everything in Pro</li>
                       <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-[#00F0FF]" /> AI Spaced Repetition (Mistakes)</li>
                       <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-[#00F0FF]" /> 24/7 Streaming AI Tutor Chat</li>
                       <li className="flex items-center gap-4"><CheckCircle2 size={24} className="text-[#00F0FF]" /> Predictive Rank & College Predictor</li>
                     </ul>
                     <Link href="/signup">
-                      <Button size="lg" className="w-full rounded-2xl h-16 font-bold text-lg bg-[#00F0FF] text-black hover:bg-[#00F0FF]/90 transition-all">Get AI Coach</Button>
+                      <Button size="lg" className="w-full rounded-2xl h-12 font-bold text-lg bg-[#00F0FF] text-black hover:bg-[#00F0FF]/90 transition-all">Get AI Coach</Button>
                     </Link>
                 </div>
               </Card>
@@ -552,7 +552,7 @@ export default function MarketingPage() {
         <div className="max-w-7xl mx-auto px-6">
           <div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">
             <div className="md:col-span-1 space-y-4">
-              <div className="relative h-16 w-64 mb-6">
+              <div className="relative h-12 w-64 mb-6">
                 <Image
                   src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
                   alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden"
diff --git a/src/app/upgrade/page.tsx b/src/app/upgrade/page.tsx
index 1b16018..f265922 100644
--- a/src/app/upgrade/page.tsx
+++ b/src/app/upgrade/page.tsx
@@ -105,11 +105,11 @@ export default function UpgradePage() {
 
       <div className="grid grid-cols-1 md:grid-cols-3 gap-8 items-start">
         {/* Free Tier */}
-        <Card className="bg-background/80 backdrop-blur-md border-white p-8 rounded-[2.5rem] flex flex-col h-full z-10 relative">
+        <Card className="bg-background/80 backdrop-blur-md border-white p-6 rounded-[2rem] flex flex-col h-full z-10 relative">
           <CardHeader>
             <CardTitle className="text-2xl">Free</CardTitle>
             <CardDescription>Basic access for everyone.</CardDescription>
-            <div className="mt-4 font-black text-4xl">₹10<span className="text-xl text-muted-foreground font-normal">/mo</span></div>
+            <div className="mt-4 font-black text-4xl">₹10<span className="text-xl text-muted-foreground font-normal">/month</span></div>
           </CardHeader>
           <CardContent className="space-y-4 text-sm font-medium">
             <div className="flex items-center gap-3"><Check className="text-white" size={18}/> Subject-wise diagnostics</div>
@@ -119,16 +119,16 @@ export default function UpgradePage() {
             <div className="flex items-center gap-3 text-muted-foreground opacity-50"><Minus size={18}/> Parent Analytics</div>
           </CardContent>
           <CardFooter>
-            <Button variant="outline" className="w-full rounded-2xl h-16 border-white text-white font-bold text-lg hover:bg-secondary hover:text-white" disabled>Current Plan</Button>
+            <Button variant="outline" className="w-full rounded-2xl h-12 border-white text-white font-bold text-lg hover:bg-secondary hover:text-white" disabled>Current Plan</Button>
           </CardFooter>
         </Card>
 
         {/* Pro Tier */}
-        <Card className="bg-background/80 backdrop-blur-md border-yellow-500 p-8 rounded-[2.5rem] flex flex-col h-full z-10 relative">
+        <Card className="bg-background/80 backdrop-blur-md border-yellow-500 p-6 rounded-[2rem] flex flex-col h-full z-10 relative">
           <CardHeader>
             <CardTitle className="text-2xl text-yellow-500">Pro</CardTitle>
             <CardDescription>For serious aspirants.</CardDescription>
-            <div className="mt-4 font-black text-4xl">₹1299<span className="text-xl text-muted-foreground font-normal">/mo</span></div>
+            <div className="mt-4 font-black text-4xl">₹1299<span className="text-xl text-muted-foreground font-normal">/month</span></div>
           </CardHeader>
           <CardContent className="space-y-4 text-sm font-medium">
             <div className="flex items-center gap-3"><Check className="text-yellow-500" size={18}/> Everything in Free</div>
@@ -140,21 +140,21 @@ export default function UpgradePage() {
           </CardContent>
           <CardFooter>
             <Button 
-              className="w-full bg-yellow-500 text-black hover:bg-yellow-400 font-bold text-lg rounded-2xl h-16" 
+              className="w-full bg-yellow-500 text-black hover:bg-yellow-400 font-bold text-lg rounded-2xl h-12" 
               onClick={() => handleUpgrade("Pro")}
               disabled={!!loadingTier}
             >
-              {loadingTier === "Pro" ? <Loader2 className="animate-spin" /> : "Upgrade to Pro"}
+              {loadingTier === "Pro" ? <Loader2 className="animate-spin" /> : "Get Pro"}
             </Button>
           </CardFooter>
         </Card>
 
         {/* AI Coach Tier */}
-        <Card className="bg-secondary/30 backdrop-blur-xl border-[#00F0FF] p-8 rounded-[2.5rem] flex flex-col transition-all h-full relative">
+        <Card className="bg-secondary/30 backdrop-blur-xl border-[#00F0FF] p-6 rounded-[2rem] flex flex-col transition-all h-full relative">
           <CardHeader>
             <CardTitle className="text-2xl flex items-center gap-2 text-[#00F0FF]">AI Coach <ShieldCheck size={24} className="text-[#00F0FF]"/></CardTitle>
             <CardDescription>Personalized mastery loop.</CardDescription>
-            <div className="mt-4 font-black text-4xl">₹1599<span className="text-xl text-muted-foreground font-normal">/mo</span></div>
+            <div className="mt-4 font-black text-4xl">₹1599<span className="text-xl text-muted-foreground font-normal">/month</span></div>
           </CardHeader>
           <CardContent className="space-y-4 text-sm font-medium">
             <div className="flex items-center gap-3"><Check className="text-[#00F0FF]" size={18}/> Everything in Pro</div>
@@ -165,7 +165,7 @@ export default function UpgradePage() {
           </CardContent>
           <CardFooter>
             <Button 
-              className="w-full font-bold text-lg rounded-2xl h-16 bg-[#00F0FF] text-black hover:bg-[#00F0FF]/90 transition-all" 
+              className="w-full font-bold text-lg rounded-2xl h-12 bg-[#00F0FF] text-black hover:bg-[#00F0FF]/90 transition-all" 
               onClick={() => handleUpgrade("Al_Coach")}
               disabled={!!loadingTier}
             >
@@ -180,7 +180,7 @@ export default function UpgradePage() {
         <div className="fixed inset-0 bg-background/80 backdrop-blur-sm flex items-center justify-center z-50 p-4">
           <Card className="max-w-md w-full shadow-2xl border-primary">
             <CardHeader className="text-center pb-2">
-              <div className="mx-auto w-16 h-16 bg-blue-600 rounded-lg flex items-center justify-center mb-4">
+              <div className="mx-auto w-16 h-12 bg-blue-600 rounded-lg flex items-center justify-center mb-4">
                 <span className="text-white font-black text-2xl">RZP</span>
               </div>
               <CardTitle>Mock Checkout Window</CardTitle>