"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, TrendingUp, DollarSign, Users, Award } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="EcoShield"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Process", id: "process" },
            { name: "Benefits", id: "benefits" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Schedule Call",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Join the EcoShield Sales Revolution in San Diego"
          description="Build a thriving sales career with a company transforming sustainable home energy. Earn competitive commissions, gain industry expertise, and make an environmental impact."
          tag="Premium Sales Opportunity"
          tagIcon={Zap}
          background={{ variant: "circleGradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/factory-businessmen-shaking-hands-with-shareholders-after-sales-presentation_482257-119732.jpg"
          imageAlt="EcoShield solar panel installation"
          buttons={[
            { text: "Schedule Interview", href: "contact" },
            { text: "Learn More", href: "benefits" }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardEight
          features={[
            {
              id: 1,
              title: "Application & Screening",              description: "Submit your details and speak with our recruitment team to discuss your sales experience and goals.",              imageSrc: "https://img.b2bpic.net/free-photo/business-colleagues-having-job-interview-with-potential-candidate-office_637285-8927.jpg",              imageAlt: "Application and screening process"
            },
            {
              id: 2,
              title: "Training & Onboarding",              description: "Intensive training on EcoShield products, sales techniques, and customer acquisition strategies.",              imageSrc: "https://img.b2bpic.net/free-photo/serious-employer-hr-manager-talking-job-candidate-interview-back-view-closeup-human-resource-career-concept_74855-11977.jpg",              imageAlt: "Training and development"
            },
            {
              id: 3,
              title: "Territory & Launch",              description: "Get assigned to your San Diego territory and launch your first campaigns with manager support.",              imageSrc: "https://img.b2bpic.net/free-photo/i-think-it-would-be-great-us-sign-this-contract_637285-8821.jpg",              imageAlt: "Territory assignment and launch"
            },
            {
              id: 4,
              title: "Scale & Earn",              description: "Close deals, build your pipeline, and earn substantial commissions as you grow your book of business.",              imageSrc: "https://img.b2bpic.net/free-photo/young-happy-woman-having-job-interview-office_637285-8906.jpg",              imageAlt: "Success and earnings"
            }
          ]}
          title="Your Path to Success"
          description="A streamlined 4-step process designed to onboard top sales talent and ensure rapid success."
          tag="How It Works"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Compensation",              name: "Competitive Commission Structure",              price: "Up to $250K+",              rating: 5,
              reviewCount: "Top performers",              imageSrc: "https://img.b2bpic.net/free-photo/i-think-it-would-be-great-us-sign-this-contract_637285-8821.jpg",              imageAlt: "Earnings potential"
            },
            {
              id: "2",              brand: "Support",              name: "Dedicated Manager & Resources",              price: "24/7 Available",              rating: 5,
              reviewCount: "Expert team",              imageSrc: "https://img.b2bpic.net/free-photo/serious-employer-hr-manager-talking-job-candidate-interview-back-view-closeup-human-resource-career-concept_74855-11977.jpg",              imageAlt: "Team support"
            },
            {
              id: "3",              brand: "Growth",              name: "Career Development Path",              price: "Unlimited",              rating: 5,
              reviewCount: "Rapid advancement",              imageSrc: "https://img.b2bpic.net/free-photo/factory-businessmen-shaking-hands-with-shareholders-after-sales-presentation_482257-119732.jpg",              imageAlt: "Career growth"
            }
          ]}
          title="Why Join EcoShield"
          description="Unmatched benefits and support for top-performing sales professionals."
          tag="Benefits Package"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "1",              icon: TrendingUp,
              title: "Average Close Rate",              value: "35-45%"
            },
            {
              id: "2",              icon: DollarSign,
              title: "Avg Monthly Earnings",              value: "$15-25K"
            },
            {
              id: "3",              icon: Users,
              title: "Sales Team Size",              value: "200+ SD"
            },
            {
              id: "4",              icon: Award,
              title: "Customer Satisfaction",              value: "4.8/5 Stars"
            }
          ]}
          title="EcoShield by the Numbers"
          description="Proven success metrics from our top-performing sales team in San Diego."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet Your Leadership Team"
          tag="San Diego Leaders"
          memberVariant="card"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",              name: "Marcus Rivera",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Marcus Rivera, Regional Sales Director"
            },
            {
              id: "2",              name: "Jessica Chen",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Jessica Chen, Sales Manager"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="EcoShield gave me the opportunity to earn a six-figure income while making a real environmental impact. The training, support, and commission structure are unbeatable."
          rating={5}
          author="David Martinez, Top Performer"
          useInvertedBackground="invertDefault"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "David Martinez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              alt: "Sarah Lopez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              alt: "James Wong"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              alt: "Maria Garcia"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Schedule Your Call"
          title="Ready to Launch Your EcoShield Career?"
          description="Connect with our team to discuss the opportunity, ask questions, and schedule your first interview. We're based in San Diego and ready to bring you on board."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg"
          imageAlt="Schedule your EcoShield interview"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Connect via Calendly"
          termsText="We respect your privacy. By clicking Connect, you'll be taken to our Calendly booking page to schedule your interview."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="EcoShield"
        />
      </div>
    </ThemeProvider>
  );
}