"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function UpdatesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Blue Forest"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Our Work", id: "/our-work" },
            { name: "Updates", id: "/updates" }
          ]}
          button={{
            text: "Get Involved",
            href: "/contact"
          }}
        />
      </div>

      <div id="blog-updates" data-section="blog-updates">
        <BlogCardThree
          title="Latest Conservation Updates & Research Milestones"
          description="Stay informed about our restoration progress, scientific discoveries, and community engagement activities across San Diego's marine ecosystems."
          tag="News & Updates"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",
              category: "Progress Update",
              title: "Spring Kelp Harvest Exceeds Expectations",
              excerpt: "Our latest cultivation cycle produced over 4,000 healthy kelp juveniles, ready for ocean restoration this summer.",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-floral-composition-with-elegant-style_23-2147897724.jpg",
              authorName: "Maya Chen",
              date: "March 15, 2025"
            },
            {
              id: "2",
              category: "Research Findings",
              title: "Monitoring Data Shows Ecosystem Recovery",
              excerpt: "Six months of data from our restored sites reveal increased fish populations and improved water quality metrics.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-green-cactus_23-2147842369.jpg",
              authorName: "Alex Park",
              date: "February 28, 2025"
            },
            {
              id: "3",
              category: "Community Event",
              title: "Volunteer Beach Cleanup: 200 Students Join Mission",
              excerpt: "Over 200 community volunteers participated in our coastal cleanup, collecting 50 lbs of marine debris while learning about kelp ecology.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-algae-nature_23-2151369145.jpg",
              authorName: "Sam Thompson",
              date: "February 10, 2025"
            },
            {
              id: "4",
              category: "Scientific Publication",
              title: "New Research on Kelp Forest Carbon Sequestration",
              excerpt: "Our team published findings showing restored kelp forests sequester 40% more carbon than previously estimated.",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-floral-composition-with-elegant-style_23-2147897724.jpg",
              authorName: "Dr. Jordan Rodriguez",
              date: "January 20, 2025"
            },
            {
              id: "5",
              category: "Partnership News",
              title: "UC San Diego Collaboration Expands Research Scope",
              excerpt: "New partnership with Scripps Institution allows us to study kelp genetics and develop climate-resilient restoration methods.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-green-cactus_23-2147842369.jpg",
              authorName: "Maya Chen",
              date: "January 5, 2025"
            }
          ]}
        />
      </div>

      <div id="community-testimonial" data-section="community-testimonial">
        <TestimonialCardFifteen
          testimonial="Working with the Blue Forest Project has been transformative for our students. They're not just learning about marine biology – they're actively contributing to ocean health and seeing real environmental impact from their efforts."
          rating={5}
          author="Maria Santos, Marine Science Teacher, Point Loma High School"
          useInvertedBackground="invertDefault"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/colleagues-taking-selfie-together-group-study_23-2149211091.jpg", alt: "Student volunteer 1" },
            { src: "https://img.b2bpic.net/free-photo/colleagues-taking-selfie-together-group-study_23-2149211091.jpg", alt: "Student volunteer 2" },
            { src: "https://img.b2bpic.net/free-photo/colleagues-taking-selfie-together-group-study_23-2149211091.jpg", alt: "Student volunteer 3" },
            { src: "https://img.b2bpic.net/free-photo/colleagues-taking-selfie-together-group-study_23-2149211091.jpg", alt: "Student volunteer 4" },
            { src: "https://img.b2bpic.net/free-photo/colleagues-taking-selfie-together-group-study_23-2149211091.jpg", alt: "Student volunteer 5" },
            { src: "https://img.b2bpic.net/free-photo/colleagues-taking-selfie-together-group-study_23-2149211091.jpg", alt: "Student volunteer 6" }
          ]}
        />
      </div>

      <div id="recent-news" data-section="recent-news">
        <BlogCardThree
          title="Media Coverage & Recognition"
          description="Our work has been featured in local and national media, highlighting the importance of youth-led environmental action."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",
              category: "Media Feature",
              title: "San Diego Union-Tribune Spotlights Our Mission",
              excerpt: "Feature article explores how student leadership is revolutionizing marine conservation approaches in Southern California.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-algae-nature_23-2151369145.jpg",
              date: "March 8, 2025"
            },
            {
              id: "2",
              category: "Award Recognition",
              title: "Awarded 2025 Youth Environmental Excellence Grant",
              excerpt: "$50,000 grant from California Ocean Foundation will fund expansion of our cultivation facilities and monitoring equipment.",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-floral-composition-with-elegant-style_23-2147897724.jpg",
              date: "February 15, 2025"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Blue Forest"
        />
      </div>
    </ThemeProvider>
  );
}