fix the cost calculator(regarding yearly calculation) and fix the cost of dorms in campus-life section

Author: TimothyHTan

.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(bun run lint)"
+    ]
+  }
+}

app/campus-life/page.tsx

@@ -31,29 +31,29 @@ export default function CampusLifePage() {
   const newDorms = [
     {
       title: "4-Person Suite",
-      price: "~1,200 RMB/yr",
-      features: ["2 Bedrooms (2 per room)", "Private Bathroom", "AC & Heating", "Modern Furnishings"],
+      price: "~800 RMB/mo",
+      features: ["2 Bedrooms (2 per room)", "Private Bathroom", "AC & Heating", "Does not provide free water", "Modern Furnishings"],
       image: dormImg1
     }
   ];
 
   const oldDorms = [
     {
       title: "2-Person Room",
-      price: "~4,500 RMB/yr",
-      features: ["Private Bathroom", "Balcony", "AC & Heating", "Desks & Storage"],
+      price: "~900 RMB/mo",
+      features: ["Private Bathroom", "Balcony", "AC & Heating", "Water is free", "Desks & Storage"],
       image: dormImg2
     },
     {
       title: "3-Person Room",
-      price: "~3,500 RMB/yr",
-      features: ["Private Bathroom", "Balcony", "AC & Heating", "Spacious Layout"],
+      price: "~700 RMB/mo",
+      features: ["Private Bathroom", "Balcony", "AC & Heating", "Water is free", "Spacious Layout"],
       image: dormImg2
     },
     {
       title: "4-Person Room",
-      price: "900 RMB/yr",
-      features: ["Private Bathroom", "Balcony", "Most Affordable", "Community Feel"],
+      price: "900 RMB/mo",
+      features: ["Private Bathroom", "Balcony", "Most Affordable", "Water is free", "Community Feel"],
       image: dormImg3
     }
   ];

bun.lock

@@ -35,13 +35,15 @@ export function CostCalculator() {
   const tuitionOutOfPocket = tuition - tuitionCovered;
 
   // Scholarship accommodation only covers International Dorm 4-Person Room
-  const coveredDormCost = siteContent.housingOptions.find((h) => h.id === "intl-4p")?.cost ?? 0;
+  // Housing costs are monthly — multiply by 12 for annual totals
+  const coveredDormMonthly = siteContent.housingOptions.find((h) => h.id === "intl-4p")?.cost ?? 0;
+  const coveredDormCost = coveredDormMonthly * 12;
   const accommodationCovered = cov?.accommodation ?? false;
   const effectiveHousing = accommodationCovered
     ? siteContent.housingOptions.find((h) => h.id === "intl-4p")
     : selectedHousing;
   const isOnCampus = effectiveHousing?.type === "on-campus";
-  const housingCost = effectiveHousing?.cost ?? 0;
+  const housingCost = (effectiveHousing?.cost ?? 0) * 12;
   const housingCovered = accommodationCovered ? coveredDormCost : 0;
   const housingOutOfPocket = housingCost - housingCovered;
 
@@ -152,7 +154,7 @@ export function CostCalculator() {
             {accommodationCovered ? (
               <>
                 <div className="w-full px-4 py-3 rounded-xl border border-primary/30 bg-primary/5 text-sm font-medium">
-                  International Dorm 4-Person Room (¥{coveredDormCost.toLocaleString()}/yr)
+                  International Dorm 4-Person Room (¥{coveredDormMonthly.toLocaleString()}/mo — ¥{coveredDormCost.toLocaleString()}/yr)
                 </div>
                 <p className="text-xs text-primary mt-2">Scholarship accommodation covers the International Dorm 4-Person Room only.</p>
               </>
@@ -165,7 +167,7 @@ export function CostCalculator() {
               >
                 {siteContent.housingOptions.map((h) => (
                   <option key={h.id} value={h.id}>
-                    {h.name} (¥{h.cost.toLocaleString()}/yr)
+                    {h.name} (¥{h.cost.toLocaleString()}/mo — ¥{(h.cost * 12).toLocaleString()}/yr)
                   </option>
                 ))}
               </select>

components/features/CostCalculator.tsx

@@ -190,11 +190,11 @@ export const siteContent = {
     },
   ],
   housingOptions: [
-    { id: "intl-4p", name: "International Dorm 4-Person Room", cost: 900, type: "on-campus" as const },
-    { id: "intl-3p", name: "International Dorm 3-Person Room", cost: 3500, type: "on-campus" as const },
-    { id: "intl-2p", name: "International Dorm 2-Person Room", cost: 4500, type: "on-campus" as const },
-    { id: "bohou-4p", name: "Bohou 4-Person Suite", cost: 1200, type: "on-campus" as const },
-    { id: "off-campus", name: "Off-Campus Apartment", cost: 36000, type: "off-campus" as const },
+    { id: "intl-4p", name: "International Dorm 4-Person Room", cost: 500, type: "on-campus" as const },
+    { id: "intl-3p", name: "International Dorm 3-Person Room", cost: 700, type: "on-campus" as const },
+    { id: "intl-2p", name: "International Dorm 2-Person Room", cost: 900, type: "on-campus" as const },
+    { id: "bohou-4p", name: "Bohou 4-Person Suite", cost: 800, type: "on-campus" as const },
+    { id: "off-campus", name: "Off-Campus Apartment", cost: 1600, type: "off-campus" as const },
   ],
   costs: {
     tuitionEnglish: 30000, // RMB per year (English-taught)

lib/content.ts

@@ -17,7 +17,7 @@
     "framer-motion": "^12.29.0",
     "gsap": "^3.14.2",
     "lucide-react": "^0.563.0",
-    "motion": "^12.29.2",
+    "motion": "^12.30.0",
     "next": "16.1.4",
     "react": "19.2.3",
     "react-dom": "19.2.3",