"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Globe, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Features", id: "features" },
        { name: "Metrics", id: "metrics" },
        { name: "Products", id: "products" },
        { name: "Pricing", id: "pricing" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" }
      ]}
      brandName="BusinessPro"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{ variant: "gradient-bars" }}
      title="Empowering Your Business Growth"
      description="We provide the strategic tools and expert guidance to help your company scale effectively in a competitive landscape."
      testimonials={[
        { name: "John Doe", handle: "@johndoe", testimonial: "Exceptional service and strategic insight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-corporate-high-end-office-space-designed-ceo_482257-122705.jpg?_wi=1", imageAlt: "professional modern office business background" },
        { name: "Jane Smith", handle: "@janesmith", testimonial: "Helped us double our productivity in six months.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/curious-mature-businessman-pointing-finger-flip-chart-presentation_23-2147923346.jpg?_wi=1", imageAlt: "professional modern office business background" },
        { name: "Michael Brown", handle: "@mbrown", testimonial: "A truly professional partner for our growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038403.jpg?_wi=1", imageAlt: "professional modern office business background" },
        { name: "Sarah Wilson", handle: "@swilson", testimonial: "Their approach is innovative and effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/programmer-holding-laptop-with-cloud-computing_53876-71510.jpg?_wi=1", imageAlt: "professional modern office business background" },
        { name: "David Lee", handle: "@dlee", testimonial: "Results oriented and highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/algebra-curve-trigonometry-curve-graph_53876-64936.jpg?_wi=1", imageAlt: "professional modern office business background" }
      ]}
      buttons={[{ text: "Get Started", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-modern-corporate-high-end-office-space-designed-ceo_482257-122705.jpg?_wi=2"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg", alt: "Avatar 1" },
        { src: "http://img.b2bpic.net/free-photo/woman-working-with-laptop-coffee-shop_53876-15993.jpg", alt: "Avatar 2" },
        { src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797637.jpg", alt: "Avatar 3" },
        { src: "http://img.b2bpic.net/free-photo/young-businesswoman-with-newspaper-sitting-caf_23-2147876727.jpg", alt: "Avatar 4" },
        { src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4145.jpg", alt: "Avatar 5" }
      ]}
      marqueeItems={[
        { type: "text", text: "Innovative Strategy" },
        { type: "text", text: "Rapid Growth" },
        { type: "text", text: "Data Security" },
        { type: "text", text: "Efficiency" },
        { type: "text", text: "Global Scaling" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Decades of Strategic Expertise"
      description="Our mission is to empower businesses with actionable intelligence and professional tools designed to simplify complex operational workflows."
      metrics={[
        { value: "15+", title: "Years Experience" },
        { value: "500+", title: "Clients Served" },
        { value: "98%", title: "Client Satisfaction" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/curious-mature-businessman-pointing-finger-flip-chart-presentation_23-2147923346.jpg?_wi=2"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Operational Efficiency",          description: "Streamline your daily business processes with our custom automation platform.",          icon: Zap,
          mediaItems: [
            { imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038403.jpg?_wi=2" },
            { imageSrc: "http://img.b2bpic.net/free-photo/business-plan-strategy-development-process-graphic-concept_53876-124061.jpg" }
          ]
        },
        {
          title: "Advanced Data Security",          description: "Protect your proprietary information with enterprise-grade encryption and monitoring.",          icon: Shield,
          mediaItems: [
            { imageSrc: "http://img.b2bpic.net/free-photo/programmer-holding-laptop-with-cloud-computing_53876-71510.jpg?_wi=2" },
            { imageSrc: "http://img.b2bpic.net/free-photo/server-farm-employee-using-artificial-intelligence-tech-devices_482257-125606.jpg" }
          ]
        },
        {
          title: "Global Scaling Strategy",          description: "Expand into new markets with confidence using our tested growth frameworks.",          icon: Globe,
          mediaItems: [
            { imageSrc: "http://img.b2bpic.net/free-photo/algebra-curve-trigonometry-curve-graph_53876-64936.jpg?_wi=2" },
            { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-20926.jpg" }
          ]
        }
      ]}
      title="Comprehensive Business Solutions"
      description="Explore the tools that drive success."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "40%", title: "ROI Increase", description: "Average gain for our clients.", imageSrc: "http://img.b2bpic.net/free-photo/career-skills-progress-graphic-icon-symbol_53876-124007.jpg" },
        { id: "m2", value: "2x", title: "Speed", description: "Workflow optimization gain.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-responsible-installation-equipment_482257-107511.jpg" },
        { id: "m3", value: "24/7", title: "Support", description: "Always available for you.", imageSrc: "http://img.b2bpic.net/free-photo/bulb-with-black-background_1048-1993.jpg" }
      ]}
      title="Tangible Results Delivered"
      description="We don't just promise growth; we quantify it through data-driven performance metrics."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Start-up Suite", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg" },
        { id: "p2", name: "Growth Pro", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/teamworking-programmers-data-center-overseeing-server-operations_482257-122198.jpg" },
        { id: "p3", name: "Enterprise Core", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" },
        { id: "p4", name: "Cloud Backup", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/cropped-unrecognizable-person-analysing-financial-chart-smartphone_1098-18935.jpg" },
        { id: "p5", name: "Support Plus", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/top-view-online-written-note-with-stickers-notepad-white-background-job-office-school-copybook-salary-college-business-colors_179666-18253.jpg" },
        { id: "p6", name: "Compliance Tool", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg" }
      ]}
      title="Professional Business Suite"
      description="Select the perfect plan for your business growth stage"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        { id: "plan1", badge: "Basic", price: "$49/mo", subtitle: "Essential tools for small teams.", buttons: [{ text: "Select", href: "#contact" }], features: ["Task Management", "Cloud Storage", "Basic Analytics"] },
        { id: "plan2", badge: "Professional", price: "$149/mo", subtitle: "Advanced features for scaling businesses.", buttons: [{ text: "Select", href: "#contact" }], features: ["Automation Tools", "Priority Support", "Advanced Analytics", "Security Audits"] },
        { id: "plan3", badge: "Enterprise", price: "Custom", subtitle: "Total solutions for global enterprises.", buttons: [{ text: "Contact", href: "#contact" }], features: ["Dedicated Manager", "Global Access", "Custom Security", "24/7 Support"] }
      ]}
      title="Flexible Pricing Plans"
      description="Choose the level that best fits your business current scale."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Alex Rivera", handle: "@arivera", testimonial: "Fantastic experience working with them.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
        { id: "t2", name: "Samantha Chen", handle: "@schen", testimonial: "High quality results every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg" },
        { id: "t3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Very professional and communicative team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/start-up-business-worker-monitoring-sales-statistics-laptop_482257-95665.jpg" },
        { id: "t4", name: "Elena Rodriguez", handle: "@erod", testimonial: "Transformed our workflow completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
        { id: "t5", name: "Vikram Patel", handle: "@vpatel", testimonial: "Highly recommended for any scaling business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg" }
      ]}
      showRating={true}
      title="Trusted by Leaders"
      description="Client success is our primary goal."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      text="Ready to scale your business? Let's discuss your strategy."
      buttons={[{ text: "Get in Touch", href: "mailto:hello@business.com" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260358.jpg"
      logoText="BusinessPro"
      columns={[
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}