"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Handshake, Trophy, Leaf, DollarSign, TrendingUp, Gem } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About Us", id: "/about" },
    { name: "Mining Operations", id: "/mining-operations" },
    { name: "Gold Refinery", id: "/gold-refinery" },
    { name: "Logistics & Transportation", id: "/logistics-transportation" },
    { name: "Sustainability & ESG", id: "/sustainability-esg" },
    { name: "Investment", id: "/investment-opportunities" },
    { name: "News & Projects", id: "/news-projects" },
    { name: "Careers", id: "/careers" },
    { name: "Contact", id: "/contact" }
  ];

  const footerColumns = [
    {
      title: "Company",      items: [
        { label: "Home", href: "/" },
        { label: "About Us", href: "/about" },
        { label: "Careers", href: "/careers" },
        { label: "News & Projects", href: "/news-projects" },
        { label: "Contact", href: "/contact" }
      ]
    },
    {
      title: "Operations",      items: [
        { label: "Mining Operations", href: "/mining-operations" },
        { label: "Gold Refinery", href: "/gold-refinery" },
        { label: "Logistics & Transportation", href: "/logistics-transportation" }
      ]
    },
    {
      title: "Investment & ESG",      items: [
        { label: "Investment Opportunities", href: "/investment-opportunities" },
        { label: "Sustainability & ESG", href: "/sustainability-esg" }
      ]
    },
    {
      title: "Legal",      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" }
      ]
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="noise"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="ORDIAMEX INTERNATIONAL S.A"
          logoSrc="http://img.b2bpic.net/free-vector/blue-modern-logotypes_23-2147550783.jpg"
          logoAlt="ORDIAMEX INTERNATIONAL S.A Logo"
          bottomLeftText="Conakry, Guinea"
          bottomRightText="info@ordiamex.com"
          navItems={navItems}
          button={{ text: "Invest With Us", href: "/investment-opportunities" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Leading Sustainable Mining & Investment in Guinea"
          description="ORDIAMEX INTERNATIONAL S.A drives value through responsible gold, diamond, and bauxite operations, backed by robust logistics and strategic international investments."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          tag="Discover Opportunity"
          tagAnimation="entrance-slide"
          buttons={[
            { text: "Invest With Us", href: "/investment-opportunities" },
            { text: "Request Partnership", href: "/contact" }
          ]}
          buttonAnimation="expand-hover"
          testimonials={[
            { name: "David K. Chen", handle: "Global Investor Group", testimonial: "ORDIAMEX consistently delivers exceptional returns through transparent and ethically-driven operations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cookies-baking-oven_23-2147962795.jpg", imageAlt: "Refined gold bars" },
            { name: "Dr. Emily R. Smith", handle: "Resource Analyst", testimonial: "Their commitment to sustainable practices sets a new industry standard while maintaining robust production.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728863.jpg", imageAlt: "Logistics hub at night" },
            { name: "Michael B. Johnson", handle: "Logistics Partner Inc.", testimonial: "The efficiency and reliability of ORDIAMEX's logistics ensure seamless global distribution of precious minerals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "Geological map with data" },
            { name: "Sarah L. Williams", handle: "Community Development Lead", testimonial: "ORDIAMEX truly invests in local communities, fostering growth and opportunity hand-in-hand with development.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-with-wood_23-2148931071.jpg", imageAlt: "Community project in Guinea" },
            { name: "Robert G. Davis", handle: "Private Equity Fund", testimonial: "A truly premium partner for international investment, offering strong governance and a clear vision for the future.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-high-protocol-event_23-2150951359.jpg", imageAlt: "Financial presentation" }
          ]}
          videoSrc="http://img.b2bpic.net/free-photo/girl-putting-yellow-boots_23-2147770357.jpg"
          imageSrc="http://img.b2bpic.net/free-photo/aerial-view-mexican-mountains-from_181624-11512.jpg"
          imageAlt="Aerial view of gold mine in Guinea"
          mediaAnimation="expand-hover"
        />
      </div>

      <div id="about-intro" data-section="about-intro">
        <AboutMetric
          title="ORDIAMEX: Empowering Guinea's Resources Globally"
          metrics={[
            { icon: Handshake, label: "Trusted Partnerships", value: "Global Reach" },
            { icon: Trophy, label: "Operational Excellence", value: "Proven Track Record" },
            { icon: Leaf, label: "Sustainable Impact", value: "Future Focused" }
          ]}
          metricsAnimation="expand-hover"
          useInvertedBackground={true}
        />
      </div>

      <div id="key-stats" data-section="key-stats">
        <MetricCardTwo
          title="Driving Value Through Core Operations"
          description="Our robust performance metrics reflect our commitment to excellence across gold, diamond, and bauxite ventures."
          metrics={[
            { id: "1", value: "500K+", description: "Ounces of Gold Refined Annually" },
            { id: "2", value: "10M+", description: "Carats of Diamonds Explored" },
            { id: "3", value: "80%", description: "Bauxite Extraction Efficiency" },
            { id: "4", value: "15+", description: "Years of Operational Excellence" }
          ]}
          carouselMode="buttons"
          gridVariant="bento-grid"
          animationType="lift-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="mining-projects" data-section="mining-projects">
        <ProductCardThree
          title="Premier Mining & Exploration Projects"
          description="Our diverse portfolio includes high-value gold and diamond exploration, alongside efficient bauxite extraction, driving sustainable growth in Guinea."
          products={[
            { id: "project-1", name: "Bauxite Extraction Project", price: "Guinea, Conakry", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg", imageAlt: "Open pit bauxite mine" },
            { id: "project-2", name: "Diamond Exploration Initiative", price: "Kankan Region", imageSrc: "http://img.b2bpic.net/free-photo/close-up-large-white-quartz-rock-with-small-black-speck-top_91008-581.jpg", imageAlt: "Raw uncut diamond" },
            { id: "project-3", name: "Gold Refining Operations", price: "SIGUIRI Prefecture", imageSrc: "http://img.b2bpic.net/free-photo/mountain-gold-coins-economy-concept_23-2151363051.jpg", imageAlt: "Refined gold bars" },
            { id: "project-4", name: "Global Mineral Logistics Network", price: "International", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-container-cargo-ship-sea_335224-737.jpg", imageAlt: "Cargo ship transporting minerals" },
            { id: "project-5", name: "Sustainable Mining Development", price: "Regional Impact", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-engineers-with-laptop-outdoors_23-2149354039.jpg", imageAlt: "Sustainable mining site plan" },
            { id: "project-6", name: "Advanced Operational Control", price: "Integrated Systems", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151614987.jpg", imageAlt: "Mining control room with screens" }
          ]}
          carouselMode="buttons"
          gridVariant="two-columns-alternating-heights"
          animationType="lift-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="investment-opportunities" data-section="investment-opportunities">
        <PricingCardOne
          title="Strategic Investment Opportunities"
          description="Partner with ORDIAMEX to access high-growth potential in Guinea's rich mineral sector and international investment projects. Unlock value with our secure and sustainable ventures."
          plans={[
            { id: "seed", badge: "Entry Level", badgeIcon: DollarSign, price: "Seed Capital", subtitle: "Join our initial ventures with strong growth potential.", features: ["Quarterly Investor Briefings", "Access to Project Updates", "Dedicated Investor Support"] },
            { id: "growth", badge: "Accelerated Growth", badgeIcon: TrendingUp, price: "Growth Capital", subtitle: "Scale your investment with expanding mining operations.", features: ["Exclusive Project Participation", "Advanced Market Insights", "Direct Boardroom Updates"] },
            { id: "strategic", badge: "Strategic Partner", badgeIcon: Gem, price: "Strategic Partnership", subtitle: "Co-invest in major international projects and initiatives.", features: ["Joint Venture Opportunities", "Customized Investment Portfolios", "Priority Access to New Ventures"] }
          ]}
          carouselMode="buttons"
          animationType="lift-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Explore Opportunities", href: "/investment-opportunities" }]} 
        />
      </div>

      <div id="sustainability-commitments" data-section="sustainability-commitments">
        <FeatureCardSixteen
          title="Committed to Responsible Mining & ESG Excellence"
          description="ORDIAMEX is dedicated to environmental stewardship, social responsibility, and robust governance, ensuring a positive impact on communities and ecosystems."
          negativeCard={{ items: ["Minimal environmental footprint with strict impact assessments.", "Zero tolerance for unethical labor practices.", "Responsible waste management & pollution prevention.", "No compromise on safety and occupational health standards."] }}
          positiveCard={{ items: ["Ecological restoration & biodiversity preservation initiatives.", "Empowering local communities with education & infrastructure.", "Transparent governance & anti-corruption policies.", "Investing in renewable energy for sustainable operations."] }}
          animationType="lift-up"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Our ESG Pillars"
          buttons={[{ text: "Learn More About Our ESG", href: "/sustainability-esg" }]} 
        />
      </div>

      <div id="international-partners" data-section="international-partners">
        <SocialProofOne
          title="Trusted by Global Leaders"
          description="Our network of international partners reinforces our commitment to excellence, innovation, and global standards in mining and investment."
          names={["Global Financial Corp", "African Logistics Group", "Tech Mining Solutions", "Guinea Development Fund", "Ethical Gems Council", "Worldwide Energy Partners", "Strategic Investment Alliance"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          tag="Our Valued Network"
        />
      </div>

      <div id="contact-home" data-section="contact-home">
        <ContactCTA
          tag="Get in Touch"
          tagAnimation="entrance-slide"
          title="Connect With ORDIAMEX Today"
          description="Whether for investment, partnership, or general inquiries, our team is ready to assist you. Reach out to explore opportunities."
          buttons={[
            { text: "Contact Our Team", href: "/contact" },
            { text: "Request Partnership", href: "/contact" }
          ]}
          buttonAnimation="expand-hover"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          columns={footerColumns}
          logoSrc="http://img.b2bpic.net/free-vector/blue-modern-logotypes_23-2147550783.jpg"
          logoAlt="ORDIAMEX INTERNATIONAL S.A Logo"
          logoText="ORDIAMEX INTERNATIONAL S.A"
          copyrightText="© 2024 ORDIAMEX INTERNATIONAL S.A. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
