fix some margins for all pages

Author: nich0las404

app/admissions/page.tsx

@@ -49,11 +49,10 @@ export default function AdmissionsPage() {
         </div>
 
         {/* CRITICAL ALERT - CSCA */}
-        <motion.div
+        <motion.div className="mb-24 rounded-3xl overflow-hidden border-l-8 border-amber-500 bg-amber-50/80 backdrop-blur-sm shadow-lg"
           initial={{ opacity: 0, scale: 0.95 }}
           animate={{ opacity: 1, scale: 1 }}
           transition={{ delay: 0.2 }}
-          className="mb-24 rounded-3xl overflow-hidden border-l-8 border-amber-500 bg-amber-50/80 backdrop-blur-sm shadow-lg"
         >
           <div className="p-8 md:p-12">
             <div className="flex items-start gap-4 mb-6">
@@ -170,7 +169,7 @@ export default function AdmissionsPage() {
                 className={`relative md:grid md:grid-cols-2 md:gap-8 ${index === timeline.length - 1 ? "" : "mb-12"}`}
               >
                 {/* Mobile: left dot */}
-                <div className="md:hidden absolute left-[3px] top-2 w-2.5 h-2.5 rounded-full bg-primary border-2 border-white shadow-sm z-10" />
+                <div className="md:hidden absolute left-0.75 top-2 w-2.5 h-2.5 rounded-full bg-primary border-2 border-white shadow-sm z-10" />
 
                 {/* Desktop: center dot */}
                 <div className="hidden md:block absolute left-1/2 top-2 w-3 h-3 rounded-full bg-primary border-4 border-white shadow-sm -translate-x-1/2 z-10" />

app/community/page.tsx

@@ -407,7 +407,7 @@ export default function CommunityPage() {
         </div>
 
         {/* Photo Gallery */}
-        <div className="mb-24">
+        <div className="mb-32">
           <h2 className="text-3xl font-display font-bold mb-12 text-center">Life at BIT</h2>
           <div className="columns-2 md:columns-3 gap-4 md:gap-6">
             {galleryImages.map((item, idx) => (

app/faq/page.tsx

@@ -214,7 +214,7 @@ export default function FAQPage() {
         </div>
 
         {/* CTA */}
-        <div className="mt-20 text-center bg-white/50 backdrop-blur-sm border border-white/60 rounded-3xl p-12 shadow-sm">
+        <div className="mt-32 text-center bg-white/50 backdrop-blur-sm border border-white/60 rounded-3xl p-12 shadow-sm">
           <h2 className="text-2xl font-display font-bold mb-4">Still have questions?</h2>
           <p className="text-muted-foreground mb-8">
             Our student team is ready to chat. No chatbots, just real seniors.

app/page.tsx

@@ -58,7 +58,7 @@ export default function Home() {
       insightDescription: "Being on the cusp of the Top 100 globally signals immense research productivity."
     }
   ];
-
+  
   return (
     <div className="relative overflow-hidden">
       {/* Animated Breathing Background Blobs */}
@@ -67,7 +67,7 @@ export default function Home() {
       <GradientBlob variant="accent" className="bottom-0 left-1/4 w-[400px] h-[400px] opacity-20" delay={4} />
 
       {/* Hero Section */}
-      <section className="relative pt-28 pb-20 md:pt-22 md:pb-20 px-6">
+      <section className="relative pt-28 pb-32 px-6">
         <div className="container mx-auto max-w-7xl">
           <div className="grid lg:grid-cols-2 gap-12 items-center">
 
@@ -157,7 +157,7 @@ export default function Home() {
 
 
 
-      <section className="py-12 px-6 relative">
+      <section className="pb-32 px-6 relative">
         <div className="container mx-auto max-w-6xl">
           {/* Rankings Table */}
           <div className="mb-12">
@@ -286,7 +286,7 @@ export default function Home() {
               </motion.div>
             </div>
             <div className="order-1 md:order-2">
-              <h2 className="text-3xl font-display font-bold mb-6">China{" "}
+              <h2 className="text-3xl font-display font-bold mb-6">China is{" "}
                 <span className="text-primary">
                 <ShinyText
                 text="the Future"
@@ -300,7 +300,7 @@ export default function Home() {
                 </span>
               </h2>
               <p className="text-muted-foreground text-lg leading-relaxed mb-6">
-                China is not just the world&apos;s factory; it is becoming the world&apos;s laboratory. Speaking Chinese is no longer just a &quot;nice-to-have&quot;—it is a critical career asset for the next 50 years.
+                China has shown that it is not just the world&apos;s factory; It is becoming the world&apos;s laboratory. Speaking Chinese is no longer just a &quot;language&quot; but a critical career asset for the next 50 years.
               </p>
               <ul className="space-y-4">
                 <li className="flex items-start gap-3">

app/scholarship-cost/page.tsx

@@ -16,7 +16,7 @@ export default function ScholarshipCostPage() {
       <div className="container mx-auto px-6 max-w-6xl relative z-10">
 
         {/* Hero */}
-        <div className="text-center max-w-3xl mx-auto mb-20">
+        <div className="text-center max-w-3xl mt-28 mx-auto mb-20">
           <motion.h1
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}