Merge pull request #2 from TimothyHTan/main

Remove why bit page and update campus life content

Author: TimothyHTan

app/campus-life/page.tsx

@@ -2,7 +2,7 @@
 
 import { motion } from "framer-motion";
 import { BlurImage } from "@/components/ui/blur-image";
-import { MapPin, Coffee, Utensils, Wifi, Bus, Bike } from "lucide-react";
+import { MapPin, Coffee, Utensils, Wifi, Bus, Bike, Shield } from "lucide-react";
 import { GradientBlob } from "@/components/ui/GradientBlob";
 
 import dormImg1 from "@/public/images/uni/IMG_20251103_130246 (1).webp";
@@ -15,6 +15,7 @@ import galleryImg3 from "@/public/images/uni/IMG_20251213_102035090.CCD.webp";
 import galleryImg4 from "@/public/images/uni/IMG_20251207_121823829.CCD.webp";
 import galleryImg5 from "@/public/images/uni/IMG_20250915_121520361.CCD.webp";
 import galleryImg6 from "@/public/images/uni/IMG_20250911_163633452.CCD.webp";
+import beijingMap from "@/public/images/beijing-map.webp";
 
 export default function CampusLifePage() {
   const facilities = [
@@ -97,7 +98,29 @@ export default function CampusLifePage() {
             <h2 className="text-3xl font-display font-bold mb-4">Where You&apos;ll Live</h2>
             <p className="text-muted-foreground">Affordable, comfortable, and safe.</p>
           </div>
+          
+          {/* Location Section */}
+          <div className="bg-slate-900 text-white rounded-3xl p-8 md:p-16 relative overflow-hidden mb-12">
+            <div className="absolute top-0 right-0 w-full h-full opacity-20">
+              <GradientBlob variant="cool" className="translate-x-1/2" />
+            </div>
 
+            <div className="relative z-10 grid md:grid-cols-2 gap-12 items-center">
+              <div>
+                <h2 className="text-3xl md:text-4xl font-display font-bold mb-6">The Geography of Focus</h2>
+                <p className="text-slate-300 leading-relaxed mb-6">
+                  Liangxiang is 30-40km from central Beijing. This isolation is a feature. In the city, distractions are infinite. In Liangxiang, the environment is engineered for deep work.
+                </p>
+                <div className="flex items-center gap-4 text-slate-300">
+                  <Shield className="w-5 h-5 text-emerald-400" />
+                  <span>Library seats 2,500 students</span>
+                </div>
+              </div>
+              <div className="h-64 rounded-2xl bg-white/10 backdrop-blur-md border border-white/10 overflow-hidden relative group">
+                <BlurImage src={beijingMap} alt="Map of Liangxiang vs Beijing" fill className="object-cover opacity-80 group-hover:opacity-100 transition-opacity" placeholder="blur" />
+              </div>
+            </div>
+          </div>
           <div className="space-y-16">
             {/* New Building */}
             <div>

app/globals.css

@@ -242,4 +242,14 @@
     position: relative;
     z-index: 4;
   }
+
+  .no-visible-scrollbar {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .no-visible-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
 }

app/page.tsx

@@ -10,10 +10,8 @@ import { cn } from "@/lib/utils";
 
 const navItems = [
   { name: "Home", href: "/" },
-  { name: "Why BIT?", href: "/why-bit" },
   { name: "Campus Life", href: "/campus-life" },
   { name: "Community", href: "/community" },
-  { name: "Admissions", href: "/admissions" },
   { name: "FAQ", href: "/faq" },
 ];
 
@@ -61,14 +59,12 @@ export function Navbar() {
           {/* CTA & Mobile Toggle */}
           <div className="flex items-center gap-2">
             <Link
-              href="https://wa.me/6281388577873"
-              target="_blank"
-              rel="noopener noreferrer"
+              href="/admissions"
               className="cta-button !px-5 !py-2 !text-sm whitespace-nowrap hidden sm:inline-flex items-center gap-2"
             >
               <span className="cta-glow"></span>
-              Chat
-              <MessageCircle className="w-4 h-4" />
+              Admissions
+              <GraduationCap className="w-4 h-4" />
             </Link>
 
             <button

app/why-bit/page.tsx

@@ -5,10 +5,10 @@ export const siteContent = {
     cta: "Start Your Journey",
   },
   stats: [
-    { label: "Global Engineering Rank", value: "14", suffix: "th", source: "NTU Ranking" },
-    { label: "Graduate Employability", value: "9", suffix: "th", source: "QS China" },
+    { label: "Mechanical Engineering", value: "64", suffix: "th", source: "QS Ranking" },
+    { label: "Computer Science", value: "89", suffix: "th", source: "QS Ranking" },
+    { label: "Economics", value: "108", suffix: "th", source: "QS Ranking" },
     { label: "Indonesian Students", value: "400", suffix: "+", source: "Active Community" },
-    { label: "Global Rank", value: "102", suffix: "", source: "ARWU 2025" },
   ],
   features: [
     {