"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { BookOpen, Facebook, GraduationCap, History, Instagram, Lightbulb, Palette, Search, Twitter, Users, Video } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Collections",
          id: "#collections",
        },
        {
          name: "Events",
          id: "#events",
        },
        {
          name: "Visit",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Museo Nacional Afroperuano"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Unveiling the Legacy of Afro-Peruvian Heritage"
      description="The Museo Nacional Afroperuano invites you to explore the profound history, vibrant culture, and enduring contributions of Afro-Peruvians to the nation's identity."
      tag="Discover. Connect. Celebrate."
      buttons={[
        {
          text: "Plan Your Visit",
          href: "#faq",
        },
        {
          text: "Explore Collections",
          href: "#collections",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nigerian-dancers_23-2149029477.jpg",
          imageAlt: "Vibrant Afro-Peruvian cultural dance performance",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/gorgon-medusa-basilica-cistern-is-largest-several-hundred-ancient-water-reservoirsistanbul-turkey_628469-101.jpg",
          imageAlt: "Historical Afro-Peruvian artifacts on display",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/percussion-instruments-with-colorful-wall_23-2148289148.jpg",
          imageAlt: "Traditional Afro-Peruvian musical instruments",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pot-spices-near-food_23-2147930294.jpg",
          imageAlt: "Afro-Peruvian culinary traditions and dishes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585690.jpg",
          imageAlt: "Contemporary art by Afro-Peruvian artists",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-parents-children-sharing-time-together-as-family_23-2151592879.jpg",
          imageAlt: "An elder sharing stories in an Afro-Peruvian community",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="A Journey Through Time: Our Mission and History"
      buttons={[
        {
          text: "Learn More About Us",
          href: "#about",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Permanent Exhibitions",
          description: "Explore our curated permanent exhibitions that trace the journey of Afro-Peruvians from their arrival to their profound impact on Peruvian society.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-decorative-sculptures_1137-193.jpg",
            imageAlt: "Museum exhibition hall with historical artifacts",
          },
          items: [
            {
              icon: History,
              text: "Historical Narratives",
            },
            {
              icon: Palette,
              text: "Art & Expression",
            },
            {
              icon: BookOpen,
              text: "Interactive Displays",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nigerian-dancers_23-2149029477.jpg",
          imageAlt: "museum exhibition hall historical artifacts",
        },
        {
          title: "Educational Programs",
          description: "Engage with our diverse educational programs designed for all ages, fostering awareness and understanding of Afro-Peruvian culture and history.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/children-with-backs-camera-making-mosaics-wall_259150-60433.jpg",
            imageAlt: "Educational workshop with children in a museum",
          },
          items: [
            {
              icon: Users,
              text: "Community Workshops",
            },
            {
              icon: GraduationCap,
              text: "School Tours",
            },
            {
              icon: Megaphone,
              text: "Public Lectures",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/gorgon-medusa-basilica-cistern-is-largest-several-hundred-ancient-water-reservoirsistanbul-turkey_628469-101.jpg",
          imageAlt: "museum exhibition hall historical artifacts",
        },
        {
          title: "Research & Archives",
          description: "Delve into our extensive archives and support ongoing research dedicated to uncovering and documenting Afro-Peruvian heritage.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/college-students-working-degree-medicine-with-medic-specialist_482257-118299.jpg",
            imageAlt: "Scholar studying historical documents in a library",
          },
          items: [
            {
              icon: ScrollText,
              text: "Digital Archives",
            },
            {
              icon: Search,
              text: "Scholarly Publications",
            },
            {
              icon: Lightbulb,
              text: "Research Initiatives",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/percussion-instruments-with-colorful-wall_23-2148289148.jpg",
          imageAlt: "museum exhibition hall historical artifacts",
        },
      ]}
      title="Experience the Richness of Afro-Peruvian Culture"
      description="Our museum offers a multifaceted journey through exhibitions, educational outreach, and deep scholarly research, connecting past and present."
      tag="What We Offer"
    />
  </div>

  <div id="collections" data-section="collections">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "artifact-1",
          name: "Colonial Ceramic Vase",
          price: "Historical Artifact",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-maracuja-fruit-also-known-as-passion-fruit_23-2151554255.jpg",
          imageAlt: "Ancient Peruvian ceramic vase",
        },
        {
          id: "artifact-2",
          name: "Vintage Family Portrait",
          price: "Cultural Document",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-native-american-costume_23-2149312948.jpg",
          imageAlt: "Historical photograph of an Afro-Peruvian family",
        },
        {
          id: "artifact-3",
          name: "Andean Woven Textile",
          price: "Traditional Craft",
          imageSrc: "http://img.b2bpic.net/free-vector/cute-background-with-geometric-shapes_23-2147572937.jpg",
          imageAlt: "Traditional Peruvian textile with intricate patterns",
        },
        {
          id: "artifact-4",
          name: "Silver Adornment Set",
          price: "Artisanal Jewelry",
          imageSrc: "http://img.b2bpic.net/free-photo/jewelry-from-natural-gems_1398-2320.jpg",
          imageAlt: "Antique silver jewelry, traditional Peruvian craft",
        },
        {
          id: "artifact-5",
          name: "Ritual Carved Mask",
          price: "Ethnocultural Object",
          imageSrc: "http://img.b2bpic.net/free-photo/statuette-representing-buddha-tranquility-meditation_23-2150426171.jpg",
          imageAlt: "Wooden carved mask, African influenced Peruvian art",
        },
        {
          id: "artifact-6",
          name: "18th Century Manuscript",
          price: "Archival Treasure",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-love-letters-arrangement_23-2150716558.jpg",
          imageAlt: "Historic document, colonial era manuscript",
        },
      ]}
      title="Highlights from Our Diverse Collections"
      description="Discover a selection of artifacts, artworks, and documents that tell the powerful stories of Afro-Peruvian history and culture."
      tag="Our Collections"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Maria Rodriguez",
          handle: "@MariaR",
          testimonial: "An incredibly moving and informative experience! The museum beautifully showcases the vibrant history and immense contributions of Afro-Peruvians. A must-visit in Lima!",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveler-holding-world-globe_23-2149820175.jpg",
          imageAlt: "Maria Rodriguez, happy museum visitor",
        },
        {
          id: "2",
          name: "Javier Pérez",
          handle: "@JavierP",
          testimonial: "I was deeply impressed by the depth of research and the engaging displays. It's crucial for understanding the full tapestry of Peruvian identity. Highly recommended.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-black-man-posing_23-2149415723.jpg",
          imageAlt: "Javier Pérez, thoughtful museum visitor",
        },
        {
          id: "3",
          name: "Elena Morales",
          handle: "@ElenaM",
          testimonial: "Bringing my children here was a wonderful decision. The educational programs are fantastic and made learning about Afro-Peruvian culture truly captivating for them.",
          imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651473.jpg",
          imageAlt: "Elena Morales, mother with her children at the museum",
        },
        {
          id: "4",
          name: "Ricardo Soto",
          handle: "@RicardoS",
          testimonial: "As a historian, I appreciate the meticulous detail and respect with which the stories are told. This museum is a beacon of cultural preservation and education.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-playing-with-dog_23-2149412522.jpg",
          imageAlt: "Ricardo Soto, historian and museum visitor",
        },
        {
          id: "5",
          name: "Sofía Vargas",
          handle: "@SofiaV",
          testimonial: "The exhibits are powerful and evoke a strong sense of pride. I left with a deeper connection to my roots and a greater understanding of Afro-Peruvian resilience.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518184.jpg",
          imageAlt: "Sofía Vargas, young museum visitor",
        },
      ]}
      title="Voices of Our Visitors"
      description="Hear what our guests are saying about their impactful and enriching experiences at the Museo Nacional Afroperuano."
      tag="Testimonials"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "1",
          name: "Dr. Isabel Flores",
          role: "Director",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182560.jpg",
          imageAlt: "Dr. Isabel Flores, Director of the Museum",
        },
        {
          id: "2",
          name: "Carlos Benavides",
          role: "Head Curator",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-searching-online-inspiration-while-man-is-painting-masterpiece_482257-131960.jpg",
          imageAlt: "Carlos Benavides, Head Curator",
        },
        {
          id: "3",
          name: "Ana Lucía Quispe",
          role: "Education & Programs Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-holding-each-other_23-2148959241.jpg",
          imageAlt: "Ana Lucía Quispe, Education & Programs Manager",
        },
        {
          id: "4",
          name: "Miguel Torres",
          role: "Visitor Services Lead",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149636281.jpg",
          imageAlt: "Miguel Torres, Visitor Services Lead",
        },
      ]}
      title="Meet the Dedicated Team Behind Our Mission"
      description="Our passionate team of historians, curators, educators, and administrators are committed to preserving and promoting Afro-Peruvian heritage."
      tag="Our Team"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What are the museum's operating hours?",
          content: "We are open Tuesday to Sunday, from 10:00 AM to 5:00 PM. We are closed on Mondays and national holidays.",
        },
        {
          id: "faq-2",
          title: "How much is the admission fee?",
          content: "General admission is S/ 15. Students, seniors (65+), and children under 12 receive a discounted rate of S/ 8. Group rates are also available.",
        },
        {
          id: "faq-3",
          title: "Is the museum accessible for visitors with disabilities?",
          content: "Yes, our museum is fully accessible with ramps, elevators, and accessible restrooms. Wheelchairs are also available upon request at the entrance.",
        },
        {
          id: "faq-4",
          title: "Can I book a guided tour?",
          content: "Absolutely! Guided tours are available in Spanish and English. We recommend booking in advance, especially for groups, by contacting our visitor services.",
        },
        {
          id: "faq-5",
          title: "Are there any special events or temporary exhibitions?",
          content: "We regularly host special events, workshops, and temporary exhibitions. Please check our 'Events' section or subscribe to our newsletter for the latest updates.",
        },
        {
          id: "faq-6",
          title: "Is photography allowed inside the museum?",
          content: "Personal photography without flash is permitted for non-commercial use in most exhibition areas. Please respect signs indicating areas where photography is restricted.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about your visit, our collections, and how you can engage with the museum."
      tag="Plan Your Visit"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest Insights & News from the Museum"
      description="Stay informed with our blog posts, featuring historical articles, exhibition highlights, and community news from the Afro-Peruvian world."
      tag="Our Blog"
      blogs={[
        {
          id: "blog-1",
          category: "History",
          title: "The Legacy of El Carmen: A Cradle of Afro-Peruvian Culture",
          excerpt: "Discover the vibrant history of El Carmen, a district in Chincha known as a heartland for Afro-Peruvian traditions, music, and dance.",
          imageSrc: "http://img.b2bpic.net/free-photo/narrow-street-old-town_1398-2136.jpg",
          imageAlt: "Historic architecture in El Carmen, Chincha",
          authorName: "Museum Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/senior-woman-journaling-outdoors_23-2150296674.jpg",
          date: "October 26, 2023",
        },
        {
          id: "blog-2",
          category: "Events",
          title: "Celebrating Día de la Cultura Afroperuana: A Photo Journey",
          excerpt: "Relive the magic of our annual celebration of Afro-Peruvian Culture Day through a captivating gallery of photographs and highlights.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-cabaret-performers-dancing-backstage-feathers-costumes_23-2149430935.jpg",
          imageAlt: "Afro-Peruvian cultural festival with dancing",
          authorName: "Ana Lucía Quispe",
          authorAvatar: "http://img.b2bpic.net/free-photo/event-manager-with-laptop-banquet-hall_23-2148085309.jpg",
          date: "September 15, 2023",
        },
        {
          id: "blog-3",
          category: "Research",
          title: "Unearthing Voices: New Discoveries in Afro-Peruvian Genealogy",
          excerpt: "Our latest research project reveals compelling new connections and family histories, enriching our understanding of the Afro-Peruvian diaspora.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-native-american-costume_23-2149312942.jpg",
          imageAlt: "Ancient Peruvian landscape with historical elements",
          authorName: "Carlos Benavides",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-student-drawing-vase-model-using-graphic-pencil-working-sketch-art-lesson-developing-artistic-skill-personal-growth-new-years-resolutions_482257-40667.jpg",
          date: "August 30, 2023",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Connect With Us"
      description="Have questions, feedback, or want to collaborate? Reach out to the Museo Nacional Afroperuano team."
      inputPlaceholder="Your email address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg"
      logoAlt="Museo Nacional Afroperuano Logo"
      logoText="Museo Nacional Afroperuano"
      copyrightText="© 2024 Museo Nacional Afroperuano. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://www.facebook.com/MuseoAfroperuano",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://www.instagram.com/museoafroperuano",
          ariaLabel: "Instagram",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/museoafroperuano",
          ariaLabel: "Twitter",
        },
        {
          icon: Video,
          href: "https://www.youtube.com/user/museoafroperuano",
          ariaLabel: "YouTube",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
