bender/bb9e5d57-70bc-4d28-a168-b89aa3b2e23b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781528576537 into main #1

Merged
bender merged 1 commits from version_2_1781528576537 into main 2026-06-15 13:04:18 +00:00
Conversation 0 Commits 1 Files Changed 10 +319 -230
10 changed files with 319 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Layout.tsx
View File

@@ -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",

6
src/index.css
View File

@@ -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 */

247
src/pages/HomePage.tsx
View File

@@ -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 />
</>
);
}

26
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -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>
);
}

39
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -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>
);
}

44
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -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>
);
}

40
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -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>
);
}

64
src/pages/HomePage/sections/Sponsorship.tsx Normal file
View File

@@ -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>
);
}

52
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -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>
);
}

27
src/pages/HomePage/sections/Volunteer.tsx Normal file
View File

@@ -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>
);
}