"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { BookOpen, Heart, Zap, TrendingUp, Users, MessageSquare, Handshake, Linkedin, Instagram, Mail, Github, Library, Smile, Award, HandshakeIcon } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "About", id: "about" },
            { name: "How It Works", id: "features" },
            { name: "Team", id: "team" },
            { name: "Impact", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Books with Cause"
          bottomLeftText="Smolyan, Bulgaria"
          bottomRightText="info@bookswithcause.bg"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Books with Cause: Read, Give, Help"
          description="A student-led initiative connecting unused books with people in need. We gather donated books, sell them at symbolic prices, and donate 100% of proceeds to a person in need—while using AI to match readers with the perfect book."
          background={{ variant: "floatingGradient" }}
          tag="Civic Initiative 2026"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/therapist-recommends-self-care-book-help-mother-with-valuable-advice_482257-115877.jpg"
          imageAlt="Community sharing books for a cause"
          buttons={[
            { text: "Learn About the Project", href: "#about" },
            { text: "Meet the Team", href: "#team" }
          ]}
          buttonAnimation="blur-reveal"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg", alt: "Todorov" },
            { src: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg", alt: "Hristina" },
            { src: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg", alt: "Denis" }
          ]}
          avatarText="3 students. 1 mission. Real impact."
          mediaAnimation="blur-reveal"
          marqueeItems={[
            { type: "text", text: "150+ Books Collected" },
            { type: "text", text: "100+ AI Recommendations" },
            { type: "text", text: "300–600€ Raised" },
            { type: "text", text: "100% Transparent" }
          ]}
          marqueeSpeed={35}
          showMarqueeCard={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Mission"
          tagIcon={Heart}
          tagAnimation="blur-reveal"
          title="Three parallel problems. One elegant solution. In Smolyan, thousands of books end up in storage or trash. People in need don't receive transparent support. Technology is used almost entirely for business, not for civic causes. We connect these three realities and transform them into meaningful action."
          useInvertedBackground={false}
          buttons={[
            { text: "See How It Works", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="How Books with Cause Works"
          description="Three simple steps turn donated books into real impact"
          tag="The Process"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          features={[
            {
              id: 1,
              title: "Gather & Sell",              description: "We collect donated books from the community and sell them at symbolic prices (3–5 EUR) at a public stand in Smolyan's old town center (June 1–7, 2026). Every euro raised goes directly to a publicly named person in need.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pair-young-beautiful-girls-casual-stylish-clothes-standing-near-bookshelves-library-looking-each-other-talking-about-university-life-trying-find-literature-tomorrow-s-lesson_176420-8334.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pleased-energetic-group-conservationists-team-up-help-preserve-ecosystems_482257-91140.jpg" }
            },
            {
              id: 2,
              title: "AI Recommendations",              description: "Visitors scan a QR code to chat with our AI assistant. It asks a few questions about their reading preferences and recommends the perfect book—like a personal librarian in their pocket.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250207.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pair-young-beautiful-girls-casual-stylish-clothes-standing-near-bookshelves-library-looking-each-other-talking-about-university-life-trying-find-literature-tomorrow-s-lesson_176420-8334.jpg" }
            },
            {
              id: 3,
              title: "Intelligent Distribution",              description: "After the stand closes, unsold books aren't wasted. Our AI analyzes genre and content, deciding whether each book goes to the city library or to homes for elderly residents. Every book finds a reader.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pair-young-beautiful-girls-casual-stylish-clothes-standing-near-bookshelves-library-looking-each-other-talking-about-university-life-trying-find-literature-tomorrow-s-lesson_176420-8334.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pleased-energetic-group-conservationists-team-up-help-preserve-ecosystems_482257-91140.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Measurable Impact"
          description="Real goals. Real results. Complete transparency."
          tag="By the Numbers"
          tagIcon={TrendingUp}
          tagAnimation="blur-reveal"
          metrics={[
            {
              id: "1",              value: "150+",              title: "Books Collected",              description: "Donated by citizens across Smolyan",              imageSrc: "http://img.b2bpic.net/free-photo/man-looking-book-side-view_23-2148399475.jpg"
            },
            {
              id: "2",              value: "100+",              title: "Stand Visitors",              description: "Goal: minimum visitors during 7-day event",              imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-41397.jpg"
            },
            {
              id: "3",              value: "300–600€",              title: "Funds Raised",              description: "100% donated transparently to one person in need",              imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-41397.jpg"
            },
            {
              id: "4",              value: "100%",              title: "Transparent Giving",              description: "Recipient publicly named before campaign launch",              imageSrc: "http://img.b2bpic.net/free-photo/pleased-energetic-group-conservationists-team-up-help-preserve-ecosystems_482257-91140.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet the Team"
          description="Three 12th-grade students from Vasil Levski Gymnasium driving real change in Smolyan"
          tag="Our Crew"
          tagIcon={Users}
          tagAnimation="blur-reveal"
          members={[
            {
              id: "1",              name: "Todorov Atanasov Hristov",              role: "Marketing & Communications",              description: "Leads the campaign strategy, Instagram presence, and community outreach. Bringing the vision to life through words and connection.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg",              socialLinks: [
                { icon: Linkedin, url: "#" },
                { icon: Instagram, url: "#" }
              ]
            },
            {
              id: "2",              name: "Hristina Nikolaeva Slavova",              role: "Logistics & Organization",              description: "Coordinates with city officials, manages book collection, and organizes the stand. The operational backbone of the project.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg",              socialLinks: [
                { icon: Linkedin, url: "#" },
                { icon: Mail, url: "#" }
              ]
            },
            {
              id: "3",              name: "Denis Stefanov Angelov",              role: "Technology & AI",              description: "Builds the AI recommendation system and intelligent book classifier. First to use AI for civic good in Smolyan.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg",              socialLinks: [
                { icon: Github, url: "#" },
                { icon: Linkedin, url: "#" }
              ]
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Stories of Impact"
          description="Voices from the community showing what transparent charity and shared purpose can achieve"
          tag="Community Voices"
          tagIcon={MessageSquare}
          tagAnimation="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Maria Nikolova",              role: "Beneficiary Family",              testimonial: "When I learned that students were donating 100% of book sales to help families like mine, I cried. It's not just money—it's hope. It's proof that young people care.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-touched-romantic-attractive-man-hold-hands-heart-remember-nice-lovely-memory_1258-113409.jpg",              icon: Heart
            },
            {
              id: "2",              name: "Georgi Dimitrov",              role: "Community Donor",              testimonial: "I had shelves full of books I never read. Knowing they'll help someone AND find new readers—it feels meaningful. The project shows you can make a difference with what you already have.",              imageSrc: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg",              icon: BookOpen
            },
            {
              id: "3",              name: "Yordanka Todorova",              role: "City Library Director",              testimonial: "The AI part is brilliant. It's not wasting books—it's sorting them intelligently to go where they matter most. Students using technology for good is inspiring.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-librarian-working-with-academic-resources_482257-118109.jpg",              icon: Library
            },
            {
              id: "4",              name: "Ivan Petrov",              role: "Elder Care Home Resident",              testimonial: "These books arrived at our home. The children recommended them through AI. At 78, I'm reading stories I never would have found. These kids understand community.",              imageSrc: "http://img.b2bpic.net/free-photo/senior-women-giving-each-other-high-five_53876-40955.jpg",              icon: Smile
            },
            {
              id: "5",              name: "Snezhana Angelova",              role: "School Principal",              testimonial: "Watching our students execute a real civic project—from idea to implementation—is what education should be. They're not just learning; they're changing their city.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg",              icon: Award
            },
            {
              id: "6",              name: "Dimitar Hristov",              role: "Municipal Official",              testimonial: "This is what youth-led initiative looks like. Professional planning, transparent giving, real impact. We're proud to support them. This should happen every year.",              imageSrc: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg",              icon: HandshakeIcon
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofOne
          title="Trusted Partners"
          description="Institutions and organizations believing in transparent charity and student-led innovation"
          tag="Partners & Supporters"
          tagIcon={Handshake}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Vasil Levski Gymnasium",            "Municipality of Smolyan",            "Directorate of Social Services",            "City Library Smolyan",            "Elder Care Network",            "Local NGOs",            "Community Foundation"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to support transparent charity? Donate books, buy from our stand, or help spread the word. Every action counts."
          animationType="entrance-slide"
          buttons={[
            { text: "Donate Books", href: "#" },
            { text: "Learn More", href: "#about" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg"
          imageAlt="Books for community sharing"
          columns={[
            {
              title: "Project",              items: [
                { label: "About Us", href: "#about" },
                { label: "How It Works", href: "#features" },
                { label: "Our Impact", href: "#metrics" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Donate Books", href: "#" },
                { label: "Support Us", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Partners", href: "#partners" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Transparency Report", href: "#" }
              ]
            }
          ]}
          logoText="Books with Cause"
          copyrightText="© 2026 Books with Cause. All rights reserved. A student-led civic initiative from Smolyan, Bulgaria."
        />
      </div>
    </ThemeProvider>
  );
}
