update: funding on home page and remove from menu (#9)

Author: CharlieLeee

app/page.tsx

@@ -1,7 +1,8 @@
-import { ArrowRight, Brain, Code2, Telescope, FileText, Globe, Code } from "lucide-react"
+import { ArrowRight, Brain, Code, Code2, FileText, Globe, Telescope } from "lucide-react"
 import Link from "next/link"
 
 import { AnimatedLogo } from "@/components/animations/AnimatedLogo"
+import { FunderSection } from "@/components/funding/FunderSection"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
@@ -280,6 +281,9 @@ export default function Home() {
           </div>
         </div>
       </section>
+
+      {/* Funders Section */}
+      <FunderSection />
     </div>
   )
 }

components/funding/FunderSection.tsx

@@ -0,0 +1,72 @@
+"use client"
+
+import Link from "next/link"
+
+import fundingData from "@/data/funding.json"
+
+export function FunderSection() {
+  // Extract unique funders
+  const uniqueFunders = Array.from(
+    new Map(
+      fundingData.map((grant) => [grant.funder.name, grant.funder])
+    ).values()
+  )
+
+  return (
+    <section className="border-y border-border bg-muted/20 py-8 lg:py-10">
+      <div className="section-container">
+        <div className="mx-auto max-w-4xl text-center">
+          <h2 className="mb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground">
+            Supported By
+          </h2>
+          <p className="mb-6 text-xs text-muted-foreground">
+            We gratefully thank our funders who keep the magic alive
+          </p>
+
+          {/* Grid layout for logos */}
+          <div className="grid grid-cols-3 items-center justify-items-center gap-6 sm:grid-cols-4 lg:grid-cols-6">
+            {uniqueFunders.map((funder) => (
+              <a
+                key={funder.name}
+                href={funder.website}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="group flex h-12 w-full items-center justify-center transition-opacity hover:opacity-100 lg:h-14"
+                aria-label={`Visit ${funder.name} website`}
+              >
+                <img
+                  src={funder.logo}
+                  alt={funder.name}
+                  className="max-h-full max-w-full object-contain opacity-60 grayscale transition-all duration-300 group-hover:opacity-100 group-hover:grayscale-0"
+                />
+              </a>
+            ))}
+          </div>
+
+          {/* Link to full funding page */}
+          <div className="mt-6">
+            <Link
+              href="/funding"
+              className="inline-flex items-center gap-1.5 text-xs font-medium text-primary transition-colors hover:text-primary/80"
+            >
+              View All Funding & Grants
+              <svg
+                className="size-3"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M9 5l7 7-7 7"
+                />
+              </svg>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}

components/header.tsx

@@ -16,7 +16,6 @@ const navigation = [
   { name: "Research", href: "/research" },
   { name: "People", href: "/people" },
   { name: "Publications", href: "/publications" },
-  { name: "Funding", href: "/funding" },
   { name: "Awards", href: "/awards" },
   { name: "Open Positions", href: "/positions" },
   { name: "Contact", href: "/contact" },

data/funding.json

@@ -1,4 +1,16 @@
 [
+  {
+    "id": "scene-2025",
+    "period": "2025 - 2035",
+    "title": "Simons Collaboration on Ecological Neuroscience",
+    "description": "Prof. Mathis was awarded as part of Simons Collaboration on Ecological Neuroscience!",
+    "type": "Foundation",
+    "funder": {
+      "name": "Simons Collaboration on Ecological Neuroscience",
+      "logo": "/images/funders/simons.png",
+      "website": "https://www.simonsfoundation.org/"
+    }
+  },
   {
     "id": "snsf-2024",
     "period": "2024 - 2028",