"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="ProSolutions"
      button={{
        text: "Get Started",        href: "#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "downward-rays-animated-grid"}}
      title="Empowering Your Business Growth"
      description="Innovative solutions and expert strategies to drive your success. Partner with us for unparalleled results and a future-proof advantage."
      buttons={[
        {
          text: "Explore Services",          href: "#services"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-people_23-2148911774.jpg",          imageAlt: "Professional business meeting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/gray-wireframe-wave-with-geometric-shapes-black-background_53876-129584.jpg",          imageAlt: "Abstract lines and gradient"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/creative-aerial-view-cityscape_23-2148975294.jpg",          imageAlt: "City skyline at sunset"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg",          imageAlt: "Creative brainstorming session"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505338.jpg",          imageAlt: "Clean white minimal abstract lines"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg",          imageAlt: "Hand typing on laptop keyboard"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About Our Expertise"
      description={[
        "At ProSolutions, we are dedicated to transforming challenges into opportunities. With years of industry experience, our team of experts provides strategic insights and innovative solutions tailored to your unique business needs.",        "We believe in a partnership approach, working closely with clients to understand their vision and deliver measurable results. Our commitment to excellence and client satisfaction sets us apart, ensuring your objectives are not just met, but exceeded."]}
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
      buttonAnimation="slide-up"
      showBorder={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      features={[
        {
          title: "Strategic Consulting",          description: "Expert guidance for market entry, growth strategies, and operational optimization. We help you navigate complex business landscapes with confidence.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/brain-with-idea-text-surrounded-by-arrow-directional-signs-white-background_23-2147865479.jpg",          buttonText: "Discover More"},
        {
          title: "Financial Advisory",          description: "Sound financial planning, investment strategies, and risk management to secure your fiscal future. Maximize your returns with our trusted advice.",          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-map-colorful-icons_1134-406.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761002.jpg",          buttonText: "Learn More"},
        {
          title: "Customer Relations",          description: "Building strong customer loyalty through enhanced service delivery and personalized engagement strategies. Keep your customers coming back.",          imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-collaborating-track-lost-customers-shipments_482257-117820.jpg",          titleImageSrc: "http://img.b2bpic.net/free-vector/online-store-24-hours-customer-service-diagram-how-e-commerce-website-works-vector-illustration_1284-1937.jpg",          buttonText: "See How"},
        {
          title: "Cybersecurity Solutions",          description: "Robust protection for your digital assets and infrastructure against evolving threats. Safeguard your data with our advanced security protocols.",          imageSrc: "http://img.b2bpic.net/free-photo/security-shield-glows-blue-symbolizes-safety-encryption-generative-ai_188544-9418.jpg",          titleImageSrc: "http://img.b2bpic.net/free-vector/certified-antivirus-emblem-logo-immune-your-data_1017-44194.jpg",          buttonText: "Protect Now"},
      ]}
      title="Our Core Services"
      description="We offer a comprehensive suite of services designed to accelerate your business growth and enhance operational efficiency. Our solutions are crafted to deliver maximum impact."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Brand Identity Design",          price: "Custom Quote",          variant: "Branding",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-background-business-job-teamwork-leadership-plan-strategy-work-marketing_179666-19755.jpg"},
        {
          id: "p2",          name: "Enterprise Web Platform",          price: "Custom Quote",          variant: "Web Development",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749856.jpg"},
        {
          id: "p3",          name: "Digital Marketing Campaign",          price: "Custom Quote",          variant: "Marketing",          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-speaking-discussing-drawings-new-ideas-office_176420-1702.jpg"},
        {
          id: "p4",          name: "Strategic Growth Consulting",          price: "Custom Quote",          variant: "Consulting",          imageSrc: "http://img.b2bpic.net/free-photo/car-dealership-salesman-looking-appointment-list-laptop-spreadsheet_482257-124131.jpg"},
        {
          id: "p5",          name: "Data Analytics System",          price: "Custom Quote",          variant: "Analytics",          imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-163250.jpg"},
        {
          id: "p6",          name: "Cloud Migration Service",          price: "Custom Quote",          variant: "IT Solutions",          imageSrc: "http://img.b2bpic.net/free-photo/teamworking-colleagues-data-center-replacing-storage-rackmounts-components_482257-122041.jpg"},
      ]}
      title="Our Featured Projects"
      description="Explore a selection of our successful projects where we've helped clients achieve their strategic objectives and unlock new potential. Each project reflects our dedication to excellence."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          tag: "Basic",          tagIcon: Star,
          price: "$999",          period: "per project",          description: "Ideal for startups and small businesses looking for initial guidance and foundational solutions.",          button: {
            text: "Start Basic",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Initial Consultation",            "Basic Strategy Report",            "Limited Support",            "Email Communication"],
        },
        {
          id: "pro",          tag: "Pro",          tagIcon: Award,
          price: "$2499",          period: "per project",          description: "Designed for growing businesses needing comprehensive support and advanced strategic implementation.",          button: {
            text: "Go Pro",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "In-depth Analysis",            "Customized Strategy",            "Priority Support",            "Dedicated Account Manager",            "Monthly Performance Reports"],
        },
        {
          id: "enterprise",          tag: "Enterprise",          tagIcon: Zap,
          price: "Custom",          period: "quote",          description: "Tailored solutions for large enterprises requiring bespoke services and ongoing strategic partnership.",          button: {
            text: "Contact Sales",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Full Business Audit",            "Bespoke Solution Development",            "24/7 Premium Support",            "Strategic Partnership",            "On-site Consulting"],
        },
      ]}
      title="Flexible Pricing Plans"
      description="Choose a plan that best fits your business needs. Our transparent pricing ensures you get the most value for your investment with no hidden fees."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          role: "CEO",          company: "InnovateCorp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg"},
        {
          id: "t2",          name: "Michael Chen",          role: "Director of Strategy",          company: "GrowthX",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
        {
          id: "t3",          name: "Emily Rodriguez",          role: "Founder",          company: "Startup Spark",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416348.jpg"},
        {
          id: "t4",          name: "David Kim",          role: "Operations Manager",          company: "Efficiency Hub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16253.jpg"},
        {
          id: "t5",          name: "Jessica Lee",          role: "Marketing Lead",          company: "BrandBoost",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg"},
        {
          id: "t6",          name: "Alex Smith",          role: "CTO",          company: "Tech Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-doing-video-selfie-cafe_7502-7210.jpg"},
      ]}
      kpiItems={[
        {
          value: "99%",          label: "Client Satisfaction"},
        {
          value: "2.5x",          label: "Average ROI"},
        {
          value: "10+",          label: "Years in Business"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from our satisfied partners about how ProSolutions has helped them achieve remarkable success and overcome significant challenges."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "GlobalCorp",        "TechWave",        "FinancialEdge",        "Stratagem LLC",        "MarketMakers",        "CreativeHub",        "CloudCore",        "LogisticsPro"]}
      title="Trusted by Industry Leaders"
      description="Our expertise is recognized and valued by a diverse range of companies, from innovative startups to established enterprises. Partner with the best."
      speed={40}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What types of businesses do you work with?",          content: "We partner with businesses of all sizes, from ambitious startups to established enterprises across various industries. Our solutions are adaptable to different scales and sectors."},
        {
          id: "q2",          title: "How long does a typical project take?",          content: "Project timelines vary based on scope and complexity. After an initial consultation and detailed assessment, we'll provide a clear project roadmap with estimated timelines."},
        {
          id: "q3",          title: "What is your approach to client collaboration?",          content: "We believe in a highly collaborative approach. We work closely with your team, providing regular updates, seeking feedback, and ensuring transparency throughout the entire process."},
        {
          id: "q4",          title: "Do you offer post-project support?",          content: "Yes, we offer various levels of post-project support and maintenance packages to ensure the continued success and optimal performance of the solutions we implement. Details depend on your chosen service plan."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our services, processes, and partnership model. If you don't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static-grid"}}
      tag="Get in Touch"
      title="Let's Start Your Next Project"
      description="Ready to elevate your business? Contact us today to schedule a consultation. Our team is eager to discuss your goals and craft a winning strategy."
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By sending a message, you're confirming that you agree with our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Solutions",          items: [
            {
              label: "Strategic Consulting",              href: "#services"},
            {
              label: "Financial Advisory",              href: "#services"},
            {
              label: "Digital Marketing",              href: "#projects"},
            {
              label: "Web Development",              href: "#projects"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/elegant-beauty-salon-profile-picture-template_742173-9165.jpg"
      logoText="ProSolutions"
      copyrightText="© 2025 ProSolutions | All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}