feat: enable smooth scroll for "Learn More" button

Add smooth scroll to "Learn More" button linking to MycoFi section.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>

app/globals.css

@@ -126,4 +126,8 @@
   body {
     @apply bg-background text-foreground;
   }
+  /* Added smooth scroll behavior for anchor links */
+  html {
+    scroll-behavior: smooth;
+  }
 }

components/hero-section.tsx

@@ -37,12 +37,7 @@ export function HeroSection() {
                 </Link>
               </Button>
               <Button asChild size="lg" variant="outline" className="text-base bg-transparent">
-                <Link
+                <a href="#what-is-mycofi">Learn More</a>
-                  href="https://allthingsdecent.substack.com/p/mycoeconomics-and-permaculture-currencies"
-                  target="_blank"
-                >
-                  Learn More
-                </Link>
               </Button>
             </div>
           </div>

components/image-gallery.tsx

@@ -18,9 +18,12 @@ export function ImageGallery() {
             </CardHeader>
             <CardContent className="space-y-4">
               <p className="leading-relaxed">
-                Just as mycelium breaks down dead matter to create fertile soil, we can transform dying economic structures into nourishment for new regenerative systems. Composting capitalism invokes the cycles of decay and renewal inherent in natural ecosystems, recognizing that institutional senescence and the end of extractive systems creates the conditions for regenerative abundance.
+                Just as mycelium breaks down dead matter to create fertile soil, we can transform dying economic
+                structures into nourishment for new regenerative systems. Composting capitalism invokes the cycles of
+                decay and renewal inherent in natural ecosystems, recognizing that institutional senescence and the end
+                of extractive systems creates the conditions for regenerative abundance.
               </p>
-              
+
               <div className="pt-4">
                 <Button asChild variant="secondary" className="w-full">
                   <a
@@ -43,13 +46,16 @@ export function ImageGallery() {
             </CardHeader>
             <CardContent className="space-y-4">
               <p className="leading-relaxed">
-                Psilocybernetics explores how mycelial wisdom and cybernetic systems thinking converge to create new models of collective coordination. Like mycelial networks that process distributed information, we can design systems that enhance collective intelligence and distributed decision-making with new forms of economy, democracy, and technology.          
+                Psilocybernetics explores how mycelial wisdom and cybernetic systems thinking converge to create new
+                models of collective coordination. Like mycelial networks that process distributed information, we can
+                design systems that enhance collective intelligence and distributed decision-making with new forms of
+                economy, democracy, and technology.
               </p>
-              
+
               <div className="pt-4">
                 <Button asChild variant="secondary" className="w-full">
                   <a
-                    href="https://jeffemmett.com/presentations#psilocybernetics"
+                    href="https://psilo-cyber.net/ics"
                     target="_blank"
                     rel="noopener noreferrer"
                     className="flex items-center justify-center gap-2"

components/mycofi-intro.tsx

@@ -3,7 +3,7 @@ import { Sparkles } from "lucide-react"
 
 export function MycoFiIntro() {
   return (
-    <section className="py-16 bg-background relative overflow-hidden">
+    <section id="what-is-mycofi" className="py-16 bg-background relative overflow-hidden">
       {/* Hyphal thread pattern background */}
       <div className="absolute inset-0 opacity-5 pointer-events-none">
         <svg className="w-full h-full" xmlns="http://www.w3.org/2000/svg">
@@ -50,7 +50,6 @@ export function MycoFiIntro() {
                 economic structures that prioritize collective wellbeing over extractive growth—moving from currency
                 monocultures to diverse, resilient permaculture currencies.
               </p>
-              {/* </CHANGE> */}
             </CardContent>
           </Card>
         </div>

package.json

@@ -47,11 +47,11 @@
     "geist": "latest",
     "input-otp": "1.4.1",
     "lucide-react": "^0.454.0",
-    "next": "15.2.4",
+    "next": "15.5.4",
     "next-themes": "^0.4.6",
-    "react": "^19",
+    "react": "19.1.0",
     "react-day-picker": "9.8.0",
-    "react-dom": "^19",
+    "react-dom": "19.1.0",
     "react-hook-form": "^7.60.0",
     "react-resizable-panels": "^2.1.7",
     "recharts": "2.15.4",
@@ -64,8 +64,8 @@
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.9",
     "@types/node": "^22",
-    "@types/react": "^19",
+    "@types/react": "^18",
-    "@types/react-dom": "^19",
+    "@types/react-dom": "^18",
     "postcss": "^8.5",
     "tailwindcss": "^4.1.9",
     "tw-animate-css": "1.3.3",

styles/globals.css

@@ -75,8 +75,8 @@
 }
 
 @theme inline {
-  --font-sans: var(--font-geist-sans);
+  --font-sans: 'Geist', 'Geist Fallback';
-  --font-mono: var(--font-geist-mono);
+  --font-mono: 'Geist Mono', 'Geist Mono Fallback';
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);