From 22b7c914f4c2f9d1408354071560f505da3038ce Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 13:03:40 +0000
Subject: [PATCH] Bob AI: Update navbar to centered layout and change fonts to
 Nunito

---
 src/components/Layout.tsx                    |   4 +-
 src/index.css                                |   6 +-
 src/pages/HomePage.tsx                       | 247 ++-----------------
 src/pages/HomePage/sections/About.tsx        |  26 ++
 src/pages/HomePage/sections/Faq.tsx          |  39 +++
 src/pages/HomePage/sections/Hero.tsx         |  44 ++++
 src/pages/HomePage/sections/Metrics.tsx      |  40 +++
 src/pages/HomePage/sections/Sponsorship.tsx  |  64 +++++
 src/pages/HomePage/sections/Testimonials.tsx |  52 ++++
 src/pages/HomePage/sections/Volunteer.tsx    |  27 ++
 10 files changed, 319 insertions(+), 230 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Metrics.tsx
 create mode 100644 src/pages/HomePage/sections/Sponsorship.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx
 create mode 100644 src/pages/HomePage/sections/Volunteer.tsx

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 172a11d..4968f25 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,5 +1,5 @@
 import FooterBasic from '@/components/sections/footer/FooterBasic';
-import NavbarInline from '@/components/ui/NavbarInline';
+import NavbarCentered from '@/components/ui/NavbarCentered';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
@@ -41,7 +41,7 @@ export default function Layout() {
     <StyleProvider buttonVariant="magnetic" siteBackground="floatingGradient" heroBackground="gradientBars">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarInline
+        <NavbarCentered
       logo="Tuckasegee Rescue"
       ctaButton={{
         text: "Donate Now",
diff --git a/src/index.css b/src/index.css
index 6419ec6..78bb5f8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
@@ -88,8 +88,8 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Inter', sans-serif;
-  --font-tight: "Inter Tight", sans-serif;
+  --font-sans: 'Nunito', sans-serif;
+  --font-tight: "Lora", serif;
   --font-mono: monospace;
 
   /* Border Radius */
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 447ae6a..6db2bec 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,236 +1,33 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
-import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
-import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
-import { BookOpen, Shield, Users } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import SponsorshipSection from './HomePage/sections/Sponsorship';
+import MetricsSection from './HomePage/sections/Metrics';
+import FaqSection from './HomePage/sections/Faq';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import VolunteerSection from './HomePage/sections/Volunteer';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroOverlayMarquee
-      tag="Bryson City, NC"
-      title="A Sanctuary of Hope for Farm Animals"
-      description="Visit our rescue farm and petting zoo to support our mission of providing a loving home to animals in need. Every visit helps us grow."
-      primaryButton={{
-        text: "Book Your Visit",
-        href: "#visit",
-      }}
-      secondaryButton={{
-        text: "Donate Now",
-        href: "#donate",
-      }}
-      items={[
-        {
-          text: "100% Rescue animals",
-          icon: Shield,
-        },
-        {
-          text: "Family Friendly",
-          icon: Users,
-        },
-        {
-          text: "Educational Tours",
-          icon: BookOpen,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/brown-sheep-grazing-grass_58702-10765.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Our Mission"
-      descriptions={[
-        "Tuckasegee Farm Animal Rescue is dedicated to rescuing animals from harsh environments and providing them with the care and sanctuary they deserve. Our farm operates as both a refuge for rescued animals and an educational petting zoo for the community.",
-        "Through public engagement, school field trips, and individual sponsorships, we sustain our mission while building a deeper connection between humans and animals in Bryson City.",
-      ]}
-      primaryButton={{
-        text: "Learn More",
-        href: "#about",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="sponsorship" data-section="sponsorship">
-    <SectionErrorBoundary name="sponsorship">
-          <FeaturesRevealCardsBento
-      tag="Sponsorship"
-      title="Meet Our Rescued Friends"
-      description="Sponsor an animal to help cover daily care, food, and medical needs. You'll receive updates and can visit your new friend."
-      items={[
-        {
-          title: "Bessie the Goat",
-          description: "Rescued from a farm with 50+ animals, Bessie is now the heart of our herd.",
-          href: "#sponsor",
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-brown-goat_181624-55158.jpg",
-        },
-        {
-          title: "Woolly the Sheep",
-          description: "Found abandoned during a harsh winter, Woolly is now warm and safe here.",
-          href: "#sponsor",
-          imageSrc: "http://img.b2bpic.net/free-photo/cow-head-ai-generated_268835-18708.jpg",
-        },
-        {
-          title: "Pedro the Donkey",
-          description: "Retired from a working farm, Pedro loves visitors and gentle scratches.",
-          href: "#sponsor",
-          imageSrc: "http://img.b2bpic.net/free-photo/cattle-farm-cute-donkeys-cattle-farm_259150-57578.jpg",
-        },
-        {
-          title: "Luna the Llama",
-          description: "Luna loves to graze and is the most curious member of our rescue team.",
-          href: "#sponsor",
-          imageSrc: "http://img.b2bpic.net/free-photo/llama_658691-130.jpg",
-        },
-        {
-          title: "Daisy the Calf",
-          description: "Rescued at just 3 days old, Daisy is thriving with her surrogate family.",
-          href: "#sponsor",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-horse_1361-87.jpg",
-        },
-        {
-          title: "Pip the Pony",
-          description: "Small in stature but big on personality, Pip loves meeting new friends.",
-          href: "#sponsor",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-stroking-horse-stable_23-2147562472.jpg",
-        },
-        {
-          title: "See More",
-          description: "Visit all our wonderful rescues on our full sponsorship page.",
-          href: "#all-animals",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-feeding-goat-farm_23-2147758793.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <SponsorshipSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsMediaCards
-      tag="Impact"
-      title="Changing Lives Together"
-      description="Every donation and visit directly supports the survival and well-being of our animals."
-      metrics={[
-        {
-          value: "120+",
-          title: "Animals Rescued",
-          description: "Successful rescues from harsh conditions since our opening.",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-nature-solid-glyph-icon-pack_1142-27143.jpg",
-        },
-        {
-          value: "5k+",
-          title: "Annual Visitors",
-          description: "Engaging community members and educating children on kindness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cute-dog_23-2151150540.jpg",
-        },
-        {
-          value: "15+",
-          title: "School Trips",
-          description: "Hosting local schools for hands-on animal education programs.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-labels-collection_23-2149564343.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSplitMedia
-      tag="Questions"
-      title="Common Questions"
-      description="Find answers about visiting, sponsoring, and volunteering at Tuckasegee."
-      items={[
-        {
-          question: "Can I visit without an appointment?",
-          answer: "We recommend booking your tour online to ensure we have a host available, but walk-ins are welcome during peak hours.",
-        },
-        {
-          question: "How do school field trips work?",
-          answer: "We offer structured educational programs for schools. Contact us directly to book your slot for the upcoming season.",
-        },
-        {
-          question: "Where can I donate?",
-          answer: "Donations can be made through our secure donation page or in person at the visitor center.",
-        },
-        {
-          question: "Are you hiring volunteers?",
-          answer: "Always! We rely on our passionate team of volunteers to keep our animals happy and healthy.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/smiling-girl-feeding-sheep-sheep-farm_23-2147923896.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialColumnMarqueeCards
-      tag="Community"
-      title="What Our Visitors Say"
-      description="We are proud to be a favorite stop in Bryson City for animal lovers of all ages."
-      testimonials={[
-        {
-          name: "Jessica Rozzi",
-          role: "Visitor",
-          quote: "You can tell the animals are genuinely well cared for. Loved chatting about each animal’s story.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-outdoors_23-2148970131.jpg",
-        },
-        {
-          name: "Hilary Benson",
-          role: "Supporter",
-          quote: "Taking great care of these animals who came from really harsh situations. Makes a great stop in the area.",
-          imageSrc: "http://img.b2bpic.net/free-photo/farm-owner-dark-haired-young-farmer-standing-near-cattle-pen_259150-57606.jpg",
-        },
-        {
-          name: "Andrew Davis",
-          role: "Local Guide",
-          quote: "Relaxed vibe, and the staff is awesome too. A quintessential roadside gem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-feeding-birds_23-2149147877.jpg",
-        },
-        {
-          name: "Sarah Miller",
-          role: "Teacher",
-          quote: "Our students loved the interactive tour. It’s the perfect place for a hands-on learning experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cute-rescue-dog-up-adoption_23-2148682940.jpg",
-        },
-        {
-          name: "John Doe",
-          role: "Sponsor",
-          quote: "Knowing my monthly donation helps feed Bessie makes a huge difference. Highly recommend visiting!",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-with-horse_23-2147562470.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="volunteer" data-section="volunteer">
-    <SectionErrorBoundary name="volunteer">
-          <ContactCta
-      tag="Join Us"
-      text="Help us make a difference in our animals' lives. Join our volunteer team or inquire about field trips today."
-      primaryButton={{
-        text: "Volunteer Application",
-        href: "#volunteer-form",
-      }}
-      secondaryButton={{
-        text: "Contact for Field Trips",
-        href: "#contact-field-trips",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <VolunteerSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..9be3219
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,26 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Our Mission"
+          descriptions={[
+            "Tuckasegee Farm Animal Rescue is dedicated to rescuing animals from harsh environments and providing them with the care and sanctuary they deserve. Our farm operates as both a refuge for rescued animals and an educational petting zoo for the community.",
+            "Through public engagement, school field trips, and individual sponsorships, we sustain our mission while building a deeper connection between humans and animals in Bryson City.",
+          ]}
+          primaryButton={{
+            text: "Learn More",
+            href: "#about",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..79e0034
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSplitMedia
+          tag="Questions"
+          title="Common Questions"
+          description="Find answers about visiting, sponsoring, and volunteering at Tuckasegee."
+          items={[
+            {
+              question: "Can I visit without an appointment?",
+              answer: "We recommend booking your tour online to ensure we have a host available, but walk-ins are welcome during peak hours.",
+            },
+            {
+              question: "How do school field trips work?",
+              answer: "We offer structured educational programs for schools. Contact us directly to book your slot for the upcoming season.",
+            },
+            {
+              question: "Where can I donate?",
+              answer: "Donations can be made through our secure donation page or in person at the visitor center.",
+            },
+            {
+              question: "Are you hiring volunteers?",
+              answer: "Always! We rely on our passionate team of volunteers to keep our animals happy and healthy.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/smiling-girl-feeding-sheep-sheep-farm_23-2147923896.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..270bcd7
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,44 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
+import { BookOpen, Shield, Users } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroOverlayMarquee
+          tag="Bryson City, NC"
+          title="A Sanctuary of Hope for Farm Animals"
+          description="Visit our rescue farm and petting zoo to support our mission of providing a loving home to animals in need. Every visit helps us grow."
+          primaryButton={{
+            text: "Book Your Visit",
+            href: "#visit",
+          }}
+          secondaryButton={{
+            text: "Donate Now",
+            href: "#donate",
+          }}
+          items={[
+            {
+              text: "100% Rescue animals",
+              icon: Shield,
+            },
+            {
+              text: "Family Friendly",
+              icon: Users,
+            },
+            {
+              text: "Educational Tours",
+              icon: BookOpen,
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/brown-sheep-grazing-grass_58702-10765.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..759ac82
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,40 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsMediaCards
+          tag="Impact"
+          title="Changing Lives Together"
+          description="Every donation and visit directly supports the survival and well-being of our animals."
+          metrics={[
+            {
+              value: "120+",
+              title: "Animals Rescued",
+              description: "Successful rescues from harsh conditions since our opening.",
+              imageSrc: "http://img.b2bpic.net/free-vector/25-nature-solid-glyph-icon-pack_1142-27143.jpg",
+            },
+            {
+              value: "5k+",
+              title: "Annual Visitors",
+              description: "Engaging community members and educating children on kindness.",
+              imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cute-dog_23-2151150540.jpg",
+            },
+            {
+              value: "15+",
+              title: "School Trips",
+              description: "Hosting local schools for hands-on animal education programs.",
+              imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-labels-collection_23-2149564343.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Sponsorship.tsx b/src/pages/HomePage/sections/Sponsorship.tsx
new file mode 100644
index 0000000..689d6d1
--- /dev/null
+++ b/src/pages/HomePage/sections/Sponsorship.tsx
@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "sponsorship" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function SponsorshipSection(): React.JSX.Element {
+  return (
+    <div id="sponsorship" data-section="sponsorship">
+        <SectionErrorBoundary name="sponsorship">
+              <FeaturesRevealCardsBento
+          tag="Sponsorship"
+          title="Meet Our Rescued Friends"
+          description="Sponsor an animal to help cover daily care, food, and medical needs. You'll receive updates and can visit your new friend."
+          items={[
+            {
+              title: "Bessie the Goat",
+              description: "Rescued from a farm with 50+ animals, Bessie is now the heart of our herd.",
+              href: "#sponsor",
+              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-brown-goat_181624-55158.jpg",
+            },
+            {
+              title: "Woolly the Sheep",
+              description: "Found abandoned during a harsh winter, Woolly is now warm and safe here.",
+              href: "#sponsor",
+              imageSrc: "http://img.b2bpic.net/free-photo/cow-head-ai-generated_268835-18708.jpg",
+            },
+            {
+              title: "Pedro the Donkey",
+              description: "Retired from a working farm, Pedro loves visitors and gentle scratches.",
+              href: "#sponsor",
+              imageSrc: "http://img.b2bpic.net/free-photo/cattle-farm-cute-donkeys-cattle-farm_259150-57578.jpg",
+            },
+            {
+              title: "Luna the Llama",
+              description: "Luna loves to graze and is the most curious member of our rescue team.",
+              href: "#sponsor",
+              imageSrc: "http://img.b2bpic.net/free-photo/llama_658691-130.jpg",
+            },
+            {
+              title: "Daisy the Calf",
+              description: "Rescued at just 3 days old, Daisy is thriving with her surrogate family.",
+              href: "#sponsor",
+              imageSrc: "http://img.b2bpic.net/free-photo/white-horse_1361-87.jpg",
+            },
+            {
+              title: "Pip the Pony",
+              description: "Small in stature but big on personality, Pip loves meeting new friends.",
+              href: "#sponsor",
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-stroking-horse-stable_23-2147562472.jpg",
+            },
+            {
+              title: "See More",
+              description: "Visit all our wonderful rescues on our full sponsorship page.",
+              href: "#all-animals",
+              imageSrc: "http://img.b2bpic.net/free-photo/hand-feeding-goat-farm_23-2147758793.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..8f811d7
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialColumnMarqueeCards
+          tag="Community"
+          title="What Our Visitors Say"
+          description="We are proud to be a favorite stop in Bryson City for animal lovers of all ages."
+          testimonials={[
+            {
+              name: "Jessica Rozzi",
+              role: "Visitor",
+              quote: "You can tell the animals are genuinely well cared for. Loved chatting about each animal’s story.",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-outdoors_23-2148970131.jpg",
+            },
+            {
+              name: "Hilary Benson",
+              role: "Supporter",
+              quote: "Taking great care of these animals who came from really harsh situations. Makes a great stop in the area.",
+              imageSrc: "http://img.b2bpic.net/free-photo/farm-owner-dark-haired-young-farmer-standing-near-cattle-pen_259150-57606.jpg",
+            },
+            {
+              name: "Andrew Davis",
+              role: "Local Guide",
+              quote: "Relaxed vibe, and the staff is awesome too. A quintessential roadside gem.",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-feeding-birds_23-2149147877.jpg",
+            },
+            {
+              name: "Sarah Miller",
+              role: "Teacher",
+              quote: "Our students loved the interactive tour. It’s the perfect place for a hands-on learning experience.",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cute-rescue-dog-up-adoption_23-2148682940.jpg",
+            },
+            {
+              name: "John Doe",
+              role: "Sponsor",
+              quote: "Knowing my monthly donation helps feed Bessie makes a huge difference. Highly recommend visiting!",
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-with-horse_23-2147562470.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Volunteer.tsx b/src/pages/HomePage/sections/Volunteer.tsx
new file mode 100644
index 0000000..42afb3d
--- /dev/null
+++ b/src/pages/HomePage/sections/Volunteer.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "volunteer" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function VolunteerSection(): React.JSX.Element {
+  return (
+    <div id="volunteer" data-section="volunteer">
+        <SectionErrorBoundary name="volunteer">
+              <ContactCta
+          tag="Join Us"
+          text="Help us make a difference in our animals' lives. Join our volunteer team or inquire about field trips today."
+          primaryButton={{
+            text: "Volunteer Application",
+            href: "#volunteer-form",
+          }}
+          secondaryButton={{
+            text: "Contact for Field Trips",
+            href: "#contact-field-trips",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1