"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { DollarSign, Globe, LifeBuoy, ShieldCheck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLarge"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-creative-cardano-illustration_23-2149191328.jpg"
      logoAlt="JG World Business Inc Logo"
      brandName="JG World Business Inc"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Send Money Globally, Simply & Securely"
      description="Fast, reliable, and affordable money transfers to Mexico, Central, and South America. Experience seamless international payments."
      testimonials={[
        {
          name: "Maria S.",
          handle: "@Maria_Sender",
          testimonial: "JG World Business makes sending money to my family so easy and fast. Truly dependable!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148204710.jpg",
        },
        {
          name: "Juan R.",
          handle: "@Juan_Receiver",
          testimonial: "I receive money from abroad instantly. Their service is efficient and fees are low.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
        },
        {
          name: "Sofia L.",
          handle: "@Sofia_Traveler",
          testimonial: "Traveling to Mexico, I needed to send funds quickly. JG World Business delivered!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiles-toothily-looks-surprised-hears-awesome-news-wears-casual-yellow-sweater-poses-white-human-face-expressions-emotions-feelings-concept_273609-55936.jpg",
        },
        {
          name: "Carlos M.",
          handle: "@Carlos_Biz",
          testimonial: "For business payments across borders, their rates and service are unmatched. Highly recommended!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/aged-happy-woman-rose-blouse_23-2148036560.jpg",
        },
        {
          name: "Elena V.",
          handle: "@Elena_Family",
          testimonial: "Sending money from the US to Honduras is now incredibly simple. Their app is a lifesaver!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-standing-with-arms-crossed-gesture-street_839833-28278.jpg",
        },
      ]}
      tag="Your Global Partner"
      buttons={[
        {
          text: "Send Money Now",
          href: "#contact",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
          alt: "Maria S.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
          alt: "Juan R.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
          alt: "Sofia L.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-delivery-woman-blue-uniform-cap-looking-winking-smiling-showing-ok-sign-standing-white-wall_141793-60778.jpg",
          alt: "Carlos M.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388761.jpg",
          alt: "Elena V.",
        },
      ]}
      avatarText="Trusted by thousands"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700143.jpg"
      imageAlt="Global money transfer illustration with people and world map"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Fast Transfers",
          icon: Zap,
        },
        {
          type: "text-icon",
          text: "Secure Payments",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Global Reach",
          icon: Globe,
        },
        {
          type: "text-icon",
          text: "Low Fees",
          icon: DollarSign,
        },
        {
          type: "text-icon",
          text: "24/7 Support",
          icon: LifeBuoy,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Your Trusted Bridge for International Transfers"
      description="JG World Business Inc is dedicated to providing fast, secure, and cost-effective money transfer solutions. We connect families and businesses across borders, ensuring your funds reach their destination reliably, every time. With options for air or boat delivery, we tailor our services to your needs."
      metrics={[
        {
          value: "10+",
          title: "Countries Served",
        },
        {
          value: "24/7",
          title: "Service Available",
        },
        {
          value: "99%",
          title: "Delivery Success",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-background-with-globe-programming-code_1048-5911.jpg"
      imageAlt="Illustration of money flowing across countries"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Speed",
          title: "Lightning-Fast Transfers",
          subtitle: "Your money moves at the speed of light.",
          description: "Send funds within minutes to your loved ones or business partners, ensuring urgent needs are met without delay.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-credit-card-looking-screen-his-smartphone-standing-blue-wall_141793-23007.jpg",
          imageAlt: "Clock with fast arrows indicating speed",
        },
        {
          tag: "Security",
          title: "Ironclad Protection",
          subtitle: "Your transactions are always safe with us.",
          description: "We employ advanced encryption and security protocols to safeguard your money and personal information at every step.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-atm_23-2148264023.jpg",
          imageAlt: "Shield with lock indicating security",
        },
        {
          tag: "Reach",
          title: "Extensive Global Network",
          subtitle: "Connecting you to over 10 countries.",
          description: "Easily send money to Mexico, Guatemala, Honduras, El Salvador, Costa Rica, Panama, Venezuela, Colombia, Ecuador, Peru, and Chile.",
          imageSrc: "http://img.b2bpic.net/free-photo/global-network-with-digital-technology_53876-165470.jpg",
          imageAlt: "Globe with connection lines",
        },
      ]}
      title="Why Choose JG World Business Inc?"
      description="We prioritize your peace of mind with every transfer, offering unparalleled speed, security, and global reach."
    />
  </div>

  <div id="countries" data-section="countries">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "mexico",
          name: "Mexico",
          price: "Fast Delivery",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-banknotes-coins-arrangement_23-2149540115.jpg",
          imageAlt: "Flag of Mexico",
        },
        {
          id: "guatemala",
          name: "Guatemala",
          price: "Reliable Service",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/guatemala-flag-wrinkled-dark-background-3d-render_1379-674.jpg",
          imageAlt: "Flag of Guatemala",
        },
        {
          id: "honduras",
          name: "Honduras",
          price: "Secure Transfers",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-devices_23-2149303414.jpg",
          imageAlt: "Flag of Honduras",
        },
        {
          id: "elsalvador",
          name: "El Salvador",
          price: "Affordable Rates",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/rolled-banknotes-plaster-wooden-table_176474-7198.jpg",
          imageAlt: "Flag of El Salvador",
        },
        {
          id: "costarica",
          name: "Costa Rica",
          price: "Quick Processing",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-holding-ecuadorian-flag-peruvian-banknotes_839833-2517.jpg",
          imageAlt: "Flag of Costa Rica",
        },
        {
          id: "panama",
          name: "Panama",
          price: "Efficient Transfers",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/coins-litecoin-against-background-australia-australian-flag-concept-virtual-money-close-up-conceptual-image_169016-3364.jpg",
          imageAlt: "Flag of Panama",
        },
        {
          id: "venezuela",
          name: "Venezuela",
          price: "Accessible Options",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-coins-arrangement-high-angle_23-2149540080.jpg",
          imageAlt: "Flag of Venezuela",
        },
        {
          id: "colombia",
          name: "Colombia",
          price: "Broad Coverage",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/guatemala-flag_187299-37069.jpg",
          imageAlt: "Flag of Colombia",
        },
        {
          id: "ecuador",
          name: "Ecuador",
          price: "Consistent Quality",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-moving-dollar-symbols_1156-289.jpg",
          imageAlt: "Flag of Ecuador",
        },
        {
          id: "peru",
          name: "Peru",
          price: "Guaranteed Delivery",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/mountain-grassland-environmental-ecology-park-nature-concept_53876-65092.jpg",
          imageAlt: "Flag of Peru",
        },
        {
          id: "chile",
          name: "Chile",
          price: "Seamless Experience",
          variant: "Air & Boat Options",
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-historic-sugar-wharf-port-douglas-australia_1308-189371.jpg",
          imageAlt: "Flag of Chile",
        },
      ]}
      title="Our Network: Countries We Serve"
      description="Send money reliably to a wide range of countries in Latin America, with various delivery options to suit your recipient's needs."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "personal",
          tag: "Personal Transfers",
          price: "Low Fees",
          period: "per transaction",
          description: "Ideal for individuals sending money to family and friends. Enjoy competitive exchange rates.",
          button: {
            text: "Start Transfer",
            href: "#contact",
          },
          featuresTitle: "Key Benefits:",
          features: [
            "Competitive Exchange Rates",
            "Fast Delivery Options",
            "Personal Customer Support",
            "Real-time Tracking",
          ],
        },
        {
          id: "business",
          tag: "Business Solutions",
          price: "Custom Quotes",
          period: "for volume",
          description: "Tailored solutions for businesses needing frequent or large-volume international payments.",
          button: {
            text: "Contact Sales",
            href: "#contact",
          },
          featuresTitle: "Key Benefits:",
          features: [
            "Dedicated Account Manager",
            "Preferred Exchange Rates",
            "Bulk Transfer Capabilities",
            "API Integration Options",
          ],
        },
      ]}
      title="Transparent Pricing, No Hidden Fees"
      description="Choose the plan that best suits your transfer needs, whether it's for frequent personal remittances or larger business transactions."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "transfers",
          value: "100K+",
          title: "Successful Transfers",
          description: "Every year, we facilitate thousands of secure money transfers globally.",
          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg",
          imageAlt: "Growing bar chart",
        },
        {
          id: "satisfaction",
          value: "98%",
          title: "Customer Satisfaction",
          description: "Our users consistently rate us highly for reliability and service quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party-blue-wall_176420-6117.jpg",
          imageAlt: "Five stars rating",
        },
        {
          id: "reach",
          value: "10+",
          title: "Countries Connected",
          description: "Expanding our network to bring global financial access closer to you.",
          imageSrc: "http://img.b2bpic.net/free-vector/vector-global-telecommunications-network-system-concept_8130-2324.jpg",
          imageAlt: "World map with pinpoints",
        },
      ]}
      title="Our Impact: By the Numbers"
      description="Witness the trust and growth in our services, reflecting our commitment to excellence and customer satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="JG World Business Inc has been a game-changer for my family's financial needs. Sending money back home is effortless, and their customer service is truly exceptional. I highly recommend them!"
      rating={5}
      author="Isabella Gomez, Entrepreneur"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/excited-young-lady-holding-money-using-mobile-phone_171337-1565.jpg",
          alt: "Isabella Gomez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/businesswomen-discussing-having-fun_53876-25153.jpg",
          alt: "Ricardo Martinez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/couple-doing-shopping-internet_1398-1806.jpg",
          alt: "Elena & David Rivera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-smartphone_23-2150232402.jpg",
          alt: "Gabriela Perez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-mature-loving-couple-family-using-laptop-holding-credit-card_171337-8337.jpg",
          alt: "Miguel Sanchez",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="opacity"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What countries can I send money to?",
          content: "You can send money to Mexico, Guatemala, Honduras, El Salvador, Costa Rica, Panama, Venezuela, Colombia, Ecuador, Peru, and Chile.",
        },
        {
          id: "q2",
          title: "What delivery methods are available?",
          content: "We offer various delivery methods, including air and boat options, depending on the destination country and your preferences. Specific options will be shown during the transfer process.",
        },
        {
          id: "q3",
          title: "How long does a transfer take?",
          content: "Transfer times vary by destination and delivery method. Air transfers are typically faster, often arriving within minutes to hours, while boat transfers may take longer but are cost-effective for larger sums. You'll see estimated times when initiating your transfer.",
        },
        {
          id: "q4",
          title: "What are your fees and exchange rates?",
          content: "Our fees are competitive and clearly displayed before you confirm your transfer. Exchange rates are updated regularly to ensure you get the best value. There are no hidden charges.",
        },
        {
          id: "q5",
          title: "How can I track my money transfer?",
          content: "Once your transfer is initiated, you will receive a tracking number. You can use this number on our website or through our customer service to get real-time updates on your money's journey.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our money transfer services, processes, and policies."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch with JG World Business Inc"
      description="Have questions or need assistance with your money transfer? Our dedicated support team is here to help."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/cheerful-mature-call-center-operator-looking-laptop-screen_74855-4013.jpg"
      imageAlt="Customer service representative helping a client"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-creative-cardano-illustration_23-2149191328.jpg"
      logoAlt="JG World Business Inc Logo"
      columns={[
        {
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Countries",
              href: "#countries",
            },
          ],
        },
        {
          items: [
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="JG World Business Inc"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
