"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Lightbulb, Settings, Sparkles, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "Solutions",          id: "products"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Partners",          id: "social-proof"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="En Cardy"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Innovate. Connect. Elevate Your Business."
      description="En Cardy provides bespoke solutions tailored to empower your enterprise, fostering growth and efficiency through cutting-edge strategies."
      tag="Welcome to En Cardy"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-shaking-hands-with-colleague_1139-199.jpg",          imageAlt: "Professional business meeting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4898.jpg",          imageAlt: "Digital marketing analytics dashboard"},
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Trusted by over 500 businesses"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Services",          href: "#features"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About En Cardy: Your Partner in Success"
      description="At En Cardy, we believe in crafting long-term partnerships. Our mission is to deliver innovative and sustainable solutions that drive measurable results for our clients across various industries."
      bulletPoints={[
        {
          title: "Strategic Consulting",          description: "Providing expert guidance to define and achieve your business objectives.",          icon: Lightbulb,
        },
        {
          title: "Custom Solutions",          description: "Developing tailored strategies and tools to meet your unique operational needs.",          icon: Settings,
        },
        {
          title: "Sustainable Growth",          description: "Focusing on long-term impact and scalable growth strategies for your enterprise.",          icon: TrendingUp,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg"
      imageAlt="Modern office building for En Cardy"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Advanced Analytics",          description: "Leverage data-driven insights to make informed decisions and optimize performance.",          imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",          imageAlt: "Data analytics dashboard"},
        {
          title: "Financial Optimization",          description: "Streamline your financial processes and identify opportunities for cost savings and revenue growth.",          imageSrc: "http://img.b2bpic.net/free-photo/two-busy-workers-modern-office_329181-15330.jpg",          imageAlt: "Financial report graph"},
        {
          title: "Digital Transformation",          description: "Integrate cutting-edge technology to modernize operations and enhance customer experiences.",          imageSrc: "http://img.b2bpic.net/free-photo/server-farm-employee-using-artificial-intelligence-tech-devices_482257-125606.jpg",          imageAlt: "Digital transformation concept"},
      ]}
      title="Our Core Offerings & Benefits"
      description="Discover the range of services designed to optimize your operations and enhance your market presence with En Cardy."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "solution-1",          name: "Business Intelligence Suite",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461325.jpg",          imageAlt: "Business intelligence dashboard"},
        {
          id: "solution-2",          name: "Strategic Growth Program",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-as-team_23-2147626468.jpg",          imageAlt: "Strategic growth plan"},
        {
          id: "solution-3",          name: "Cloud Integration Services",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/young-business-engineer-with-tablet-medium-shot_23-2148323483.jpg",          imageAlt: "Cloud integration services"},
        {
          id: "solution-4",          name: "Digital Marketing Solutions",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/online-strategy-media-marketing-icons_53876-167094.jpg",          imageAlt: "Digital marketing campaign"},
        {
          id: "solution-5",          name: "Cybersecurity Consulting",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/programming-language-notebook-used-by-server-room-it-experts-close-up_482257-119942.jpg",          imageAlt: "Cybersecurity consulting"},
        {
          id: "solution-6",          name: "Operational Efficiency Tools",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",          imageAlt: "Operational efficiency tools"},
      ]}
      title="Tailored Solutions for Your Business"
      description="Explore our comprehensive suite of services and products, engineered to address your unique challenges and opportunities for sustained success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "GrowthCorp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg",          imageAlt: "Sarah Johnson, CEO of GrowthCorp"},
        {
          id: "2",          name: "Michael Chen",          role: "CTO",          company: "InnovateTech",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-123253.jpg",          imageAlt: "Michael Chen, CTO of InnovateTech"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "BrandBoost",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7794.jpg",          imageAlt: "Emily Rodriguez, Marketing Director of BrandBoost"},
        {
          id: "4",          name: "David Kim",          role: "Operations Manager",          company: "Efficiency Inc.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sad-looking-young-female-teacher-white-blouse-gray-skirt-deep-thought-blank-blackboard_346278-1176.jpg",          imageAlt: "David Kim, Operations Manager of Efficiency Inc."},
        {
          id: "5",          name: "Jessica Lee",          role: "Founder",          company: "StartupX",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/technology-occupation-remote-work-concept-confident-young-female-copywriter-standing-kitchen_343059-3895.jpg",          imageAlt: "Jessica Lee, Founder of StartupX"},
      ]}
      kpiItems={[
        {
          value: "+30%",          label: "Revenue Growth"},
        {
          value: "2X",          label: "Operational Efficiency"},
        {
          value: "99%",          label: "Client Satisfaction"},
      ]}
      title="What Our Clients Say About En Cardy"
      description="Hear directly from businesses that have experienced significant growth and success by partnering with En Cardy for their strategic needs."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Corp",        "Innovate Solutions",        "Future Dynamics",        "Pioneer Group",        "Apex Ventures",        "Strategic Partners",        "Elite Holdings",        "Visionary Group"]}
      title="Our Valued Partners"
      description="We are proud to collaborate with leading organizations and innovative companies to deliver exceptional results and drive collective success."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What services does En Cardy offer?",          content: "En Cardy offers a comprehensive range of services including strategic consulting, business intelligence, financial optimization, digital transformation, and cybersecurity consulting, all tailored to meet your specific business needs."},
        {
          id: "faq2",          title: "How does En Cardy ensure client success?",          content: "We ensure client success through a partnership-based approach, custom-tailored solutions, continuous communication, and a strong focus on measurable outcomes and sustainable growth strategies."},
        {
          id: "faq3",          title: "What makes En Cardy different from competitors?",          content: "Our commitment to bespoke solutions, deep industry expertise, and a results-driven methodology sets us apart. We prioritize long-term client relationships and measurable ROI."},
        {
          id: "faq4",          title: "Can En Cardy help with international expansion?",          content: "Yes, our strategic consulting services include market analysis, entry strategies, and operational planning to support your business in expanding into new international markets."},
        {
          id: "faq5",          title: "What is the typical project timeline?",          content: "Project timelines vary based on scope and complexity. We work closely with clients to establish clear milestones and deliver efficient, timely results, with regular progress updates."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about En Cardy's services, processes, and our commitment to your business success."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get in Touch with En Cardy"
      description="Ready to transform your business? Contact En Cardy today to discuss your project and discover how our expertise can drive your success."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "subject",          type: "text",          placeholder: "Subject",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/empty-technical-office-with-real-estate-construction-plan-building-model-desk-nobody-workplace-used-construction-design-architectural-structure-with-urban-project_482257-38832.jpg"
      imageAlt="Modern office interior for contact section"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Solutions",          items: [
            {
              label: "Strategic Consulting",              href: "#"},
            {
              label: "Business Intelligence",              href: "#"},
            {
              label: "Digital Transformation",              href: "#"},
            {
              label: "Cybersecurity",              href: "#"},
            {
              label: "Financial Optimization",              href: "#"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#"},
            {
              label: "Partners",              href: "#social-proof"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
            {
              label: "Disclaimer",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 En Cardy. All rights reserved."
      bottomRightText="Crafted with excellence."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
