"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about-us"},
        {
          name: "Solutions",          id: "#solutions"},
        {
          name: "Programs",          id: "#programs"},
        {
          name: "Success Stories",          id: "#testimonials"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Executing Black Business"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "downward-rays-static"}}
      title="Empowering Black Entrepreneurship for Sustainable Growth"
      description="Executing Black Business is dedicated to fostering a thriving ecosystem for Black entrepreneurs and businesses. We provide essential resources, strategic guidance, and a powerful network to drive success and create lasting economic impact."
      buttons={[
        {
          text: "Explore Our Solutions",          href: "#solutions"},
        {
          text: "Join Our Community",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-fashionable-smiley-man_23-2148448857.jpg",          alt: "John Doe"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148918742.jpg",          alt: "Jane Smith"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-standing-city-smiling-generated-by-ai_188544-20361.jpg",          alt: "Alice Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-shot-successful-dark-skinned-enterpreneur-glasses-purple-shirt-looks-happily-camera-shows-even-white-teeth_273609-3438.jpg",          alt: "Bob Williams"},
        {
          src: "http://img.b2bpic.net/free-photo/businessman-with-approval-gesture_1187-2502.jpg",          alt: "Businessman with approval gesture "},
      ]}
      avatarText="Join 2,500+ thriving entrepreneurs."
      imageSrc="http://img.b2bpic.net/free-photo/people-working-their-office_23-2149196409.jpg"
      imageAlt="Diverse group of Black business leaders collaborating and discussing ideas in a modern office setting."
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Strategic Mentorship"},
        {
          type: "text",          text: "Access to Capital"},
        {
          type: "text",          text: "Market Expansion"},
        {
          type: "text",          text: "Community Support"},
        {
          type: "text",          text: "Innovative Programs"},
      ]}
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TextAbout
      useInvertedBackground={true}
      title="Our Vision: Catalyzing Success in the Black Business Community"
    />
  </div>

  <div id="solutions" data-section="solutions">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Mentorship & Coaching",          description: "Gain invaluable insights and personalized guidance from seasoned entrepreneurs and industry experts dedicated to your success.",          imageSrc: "http://img.b2bpic.net/free-photo/employees-using-laptop-write-emails-solving-tasks_482257-123811.jpg",          imageAlt: "Black business mentor advising a young entrepreneur",          titleImageSrc: "http://img.b2bpic.net/free-photo/business-teammates-working-late_23-2148991287.jpg",          buttonText: "Learn More"},
        {
          title: "Funding & Capital Access",          description: "Navigate the complexities of securing investments with our curated resources, workshops, and connections to funding opportunities.",          imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15664.jpg",          imageAlt: "Hands exchanging money representing business investment",          titleImageSrc: "http://img.b2bpic.net/free-photo/two-happy-friendly-dark-skinned-businessmen-listening-attenively-answers-woman-candidate_273609-9303.jpg",          buttonText: "Discover Funding"},
        {
          title: "Market Expansion Strategies",          description: "Develop robust marketing plans and tap into new markets with expert support, digital tools, and networking events.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-illustrator-drawing-tablet_23-2150040139.jpg",          imageAlt: "Black business owner using digital marketing tools",          titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-computer_23-2149006925.jpg",          buttonText: "Expand Your Reach"},
      ]}
      title="Strategic Solutions for Every Stage of Your Business"
      description="We offer comprehensive programs designed to equip Black businesses with the tools, knowledge, and networks needed to thrive in today's competitive landscape."
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Startup Accelerator",          price: "Starting at $999",          imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-working-inclusive-ai-tech-agency_482257-125044.jpg",          imageAlt: "Black entrepreneurs collaborating on a startup business plan"},
        {
          id: "p2",          name: "Funding Bootcamp",          price: "$499/program",          imageSrc: "http://img.b2bpic.net/free-photo/teamwork-cooperation-creativity_273609-6347.jpg",          imageAlt: "Financial literacy workshop for the black community"},
        {
          id: "p3",          name: "Digital Marketing Masterclass",          price: "$299/course",          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-present-startup-analytics_482257-119160.jpg",          imageAlt: "Black business owner using digital marketing tools on laptop"},
        {
          id: "p4",          name: "Leadership Development",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/angry-screaming-executive-corporate-conference-meeting-room-because-financial-problem-meeting-room_482257-5042.jpg",          imageAlt: "Black executive leading a team meeting"},
        {
          id: "p5",          name: "Supply Chain Optimization",          price: "Request Quote",          imageSrc: "http://img.b2bpic.net/free-photo/manager-reviews-warehouse-inventory_482257-80925.jpg",          imageAlt: "Diverse team managing logistics and supply chain"},
        {
          id: "p6",          name: "Export Readiness Program",          price: "$699/program",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-writing-diary-office_23-2148187178.jpg",          imageAlt: "Black business owner reviewing export documents for international trade"},
      ]}
      title="Our Transformative Programs & Resources"
      description="Discover a suite of offerings designed to elevate your business from concept to market leadership. Each program is crafted to deliver tangible results and foster sustainable growth."
      tag="Broker Programs"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "Innovate Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-executive-smiling-confident-standing-street_839833-33412.jpg",          imageAlt: "Sarah Johnson, CEO of Innovate Ventures"},
        {
          id: "2",          name: "Marcus Chen",          role: "Founder",          company: "Global Connect",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280773.jpg",          imageAlt: "Marcus Chen, Founder of Global Connect"},
        {
          id: "3",          name: "Dr. Angela Ramirez",          role: "Lead Scientist",          company: "BioFuture Labs",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-holding-idea-bubble-young-africanamerican-guy-wearing-headphones-neck-isolated-blue-background_141793-135761.jpg",          imageAlt: "Dr. Angela Ramirez, Lead Scientist at BioFuture Labs"},
        {
          id: "4",          name: "David Kim",          role: "Marketing Director",          company: "GrowthSpark",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-african-man-pointing-finger_171337-7445.jpg",          imageAlt: "David Kim, Marketing Director at GrowthSpark"},
        {
          id: "5",          name: "Chandra Sharma",          role: "COO",          company: "EcoSolutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-female-working-office-lady-white-blouse_1157-41622.jpg",          imageAlt: "Chandra Sharma, COO of EcoSolutions"},
      ]}
      kpiItems={[
        {
          value: "250+",          label: "Businesses Supported"},
        {
          value: "80%",          label: "Average Growth Rate"},
        {
          value: "$50M+",          label: "Capital Raised"},
      ]}
      title="Voices of Success: Our Community Thrives"
      description="Hear directly from Black entrepreneurs and business leaders who have leveraged our support to achieve remarkable milestones and overcome significant hurdles."
      tag="Client Success Stories"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Innovators",        "Venture Builders Collective",        "Community Impact Fund",        "Digital Growth Agency",        "Future Leaders Institute",        "Enterprise Solutions Group",        "Tech for Equity",        "Sustainable Business Alliance"]}
      title="Proudly Partnering for Collective Impact"
      description="Our success is built on strong collaborations with organizations committed to empowering Black businesses. Together, we amplify impact and extend our reach."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Who can join Executing Black Business?",          content: "Our programs and resources are primarily designed for Black entrepreneurs, business owners, and aspiring leaders at all stages of their journey, from ideation to scaling."},
        {
          id: "faq2",          title: "What types of support do you offer?",          content: "We offer a range of support including mentorship, access to funding opportunities, business development workshops, digital marketing training, and networking events tailored to the Black business community."},
        {
          id: "faq3",          title: "How can I get involved or volunteer?",          content: "We welcome community involvement! You can get involved by applying to be a mentor, volunteering at our events, or partnering with us. Please visit our contact section for more details on collaboration opportunities."},
        {
          id: "faq4",          title: "Do you provide one-on-one coaching?",          content: "Yes, our mentorship and coaching programs offer personalized one-on-one sessions with experienced professionals to help address specific business challenges and opportunities."},
        {
          id: "faq5",          title: "What is the cost of your programs?",          content: "Program costs vary depending on the depth and duration of the offering. We strive to make our resources accessible and provide various options, including free resources and tiered pricing for more intensive programs. Please see our 'Programs & Resources' section for details."},
      ]}
      sideTitle="Common Questions About Executing Black Business"
      faqsAnimation="slide-up"
      sideDescription="Find quick answers to the most frequently asked questions about our mission, programs, and how you can engage with the Executing Black Business community."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static"}}
      tag="Connect With Us"
      title="Let's Build Together"
      description="Whether you're an entrepreneur seeking support, a partner looking to collaborate, or simply want to learn more, reach out to Executing Black Business. We're here to help you execute your vision."
      inputPlaceholder="Enter your email"
      buttonText="Get in Touch"
      termsText="By submitting your information, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about-us"},
            {
              label: "Our Mission",              href: "#about-us"},
            {
              label: "Impact",              href: "#testimonials"},
          ],
        },
        {
          title: "Solutions",          items: [
            {
              label: "Mentorship",              href: "#solutions"},
            {
              label: "Funding Access",              href: "#solutions"},
            {
              label: "Programs",              href: "#programs"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Partners",              href: "#partners"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Support",              href: "#contact"},
            {
              label: "Careers",              href: "#"},
          ],
        },
      ]}
      logoText="Executing Black Business"
      copyrightText="© 2024 Executing Black Business. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}