Tighten spacing between landing page sections

The section padding and the trailing section-divider margins stacked into large
(~190px) empty bands between the homepage sections. Reduce and balance them so
each divider sits in a single, consistent gap.

- news-section: pb-24 -> pb-12, divider mt-24 -> mt-12
- info-section: divider mt-24 -> mt-12
- projects-section: py-24 -> pt-12 pb-24

Author: rudra-iitm

components/info-section.tsx

@@ -103,7 +103,7 @@ export default function InfoSection() {
         </div>
       </div>
 
-      <div className="section-divider mt-24 mx-auto max-w-6xl" />
+      <div className="section-divider mt-12 mx-auto max-w-6xl" />
     </section>
   )
 }

components/news-section.tsx

@@ -10,7 +10,7 @@ export default function NewsSection({ posts }: { posts: NewsCardPost[] }) {
   const isInView = useInView(ref, { once: true, amount: 0.2 })
 
   return (
-    <section ref={ref} className="relative pt-10 pb-24 bg-background" id="news">
+    <section ref={ref} className="relative pt-10 pb-12 bg-background" id="news">
       <div className="hero-glow-blue opacity-30" />
       <div className="max-w-6xl mx-auto px-6 relative z-10">
         <motion.div
@@ -39,7 +39,7 @@ export default function NewsSection({ posts }: { posts: NewsCardPost[] }) {
         </div>
       </div>
 
-      <div className="section-divider mt-24 mx-auto max-w-6xl" />
+      <div className="section-divider mt-12 mx-auto max-w-6xl" />
     </section>
   )
 }

components/projects-section.tsx

@@ -88,7 +88,7 @@ export default function ProjectsSection() {
   ]
 
   return (
-    <section ref={ref} className="relative py-24 bg-background" id="projects">
+    <section ref={ref} className="relative pt-12 pb-24 bg-background" id="projects">
       <div className="max-w-6xl mx-auto px-6">
         {/* Find Your Printer */}
         <motion.div