"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FooterBase from "@/components/sections/footer/FooterBase";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";

export default function MinistriesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Bulletin & Events", id: "/bulletin-and-events" },
    { name: "Ministries", id: "/ministries" },
  ];

  return (
    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
      <ReactLenis root>
        <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact", href: "/contact" }} />
        <main className="pt-24">
          <FeatureCardSeven
            title="Parish Ministries"
            description="Discover ways to serve, connect, and grow within our parish community."
            features={[
              { title: "Food Pantry", description: "Serving those in need.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop&_wi=3" },
              { title: "Music Ministry", description: "Enhancing our worship.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop&_wi=4" },
              { title: "Youth Mentorship", description: "Supporting the next generation.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop&_wi=5" }
            ]}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </main>
        <FooterBase
          logoText="Coach"
          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}