"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Facebook, Lightbulb, Linkedin, Shield, ShieldCheck, Smile, Sparkles, TrendingUp, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#features"},
        {
          name: "Our Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact Us",          id: "#contact"},
      ]}
      brandName="Your Brand Here"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Your Website Here: Future-Proof Solutions"
      description="Showcasing innovative solutions tailored to your needs. This is where your business thrives and your vision becomes reality."
      kpis={[
        {
          value: "100+",          label: "Projects Delivered"},
        {
          value: "99%",          label: "Client Satisfaction"},
        {
          value: "Top Tier",          label: "Industry Recognition"},
      ]}
      enableKpiAnimation={true}
      tag="Explore Your Potential"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Discover More",          href: "#features"},
        {
          text: "Get Started Today",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",          alt: "Placeholder Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-beige-background_53876-126965.jpg",          alt: "Placeholder Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-browsing-his-mobilephone_329181-14531.jpg",          alt: "Placeholder Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office-graphic-tablet_23-2149119209.jpg",          alt: "Placeholder Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg",          alt: "Placeholder Avatar 5"},
      ]}
      avatarText="Join thousands of satisfied clients!"
      imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1689.jpg"
      imageAlt="Your Website Hero Image Placeholder"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Innovation First",          icon: Lightbulb,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/people-sharing-ideas-while-studying_23-2147656100.jpg",          alt: "Placeholder Marquee Image 1"},
        {
          type: "text",          text: "Client Success Driven"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/colleagues-discussing-new-ideas-business-meeting_176420-5034.jpg",          alt: "Placeholder Marquee Image 2"},
        {
          type: "text-icon",          text: "Expert Team Always",          icon: Users,
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About Your Company Here"
      description="This section is dedicated to telling your company's story. We are a leading provider of services, committed to excellence and customer satisfaction. Our mission is to deliver unparalleled value."
      tag="Our Journey"
      tagIcon={Shield}
      buttons={[
        {
          text: "Our Vision",          href: "#"},
        {
          text: "Our History",          href: "#"},
      ]}
      bulletPoints={[
        {
          title: "Visionary Solutions",          description: "Guiding the future with innovative and forward-thinking strategies.",          icon: Lightbulb,
        },
        {
          title: "Client-First Approach",          description: "Prioritizing your needs to deliver tailored, impactful results.",          icon: Users,
        },
        {
          title: "Commitment to Quality",          description: "Upholding the highest standards in every aspect of our work.",          icon: Award,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/desk-modern-businessman_23-2147833287.jpg"
      imageAlt="Placeholder About Image"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Service One",          title: "Data-Driven Insights for Your Business",          subtitle: "Unlock the power of your data with our expert analysis.",          description: "Leverage advanced analytics to gain actionable insights and make informed strategic decisions for your business.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-meeting_1098-487.jpg",          imageAlt: "Placeholder Feature Image 1"},
        {
          tag: "Service Two",          title: "Robust Cloud Solutions & Infrastructure",          subtitle: "Scalable and secure cloud environments for your operations.",          description: "Build and maintain a resilient cloud environment tailored to your specific operational needs and future growth.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",          imageAlt: "Placeholder Feature Image 2"},
        {
          tag: "Service Three",          title: "24/7 Expert Support, Always Available",          subtitle: "Our dedicated support team is always here when you need us.",          description: "Receive around-the-clock support from our expert team to ensure smooth operations and quick issue resolutions.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-woman-conference-call-with-headphones_23-2148661253.jpg",          imageAlt: "Placeholder Feature Image 3"},
      ]}
      title="Our Key Services & Features"
      description="Discover how our comprehensive suite of offerings can benefit your business and drive sustainable growth."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Company A",        "Corporation B",        "Innovate C",        "Solution D",        "Partner E",        "Group F",        "Alliance G",        "Enterprise H"]}
      title="Trusted by Industry Partners"
      description="Our commitment to excellence has earned the trust of leading companies and organizations across various sectors."
      speed={30}
      showCard={true}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "Millions+",          title: "Happy Users Worldwide",          description: "Our solutions are cherished by a vast global community.",          icon: Smile,
        },
        {
          id: "m2",          value: "$$M+",          title: "Value Generated for Clients",          description: "Driving significant financial impact and growth for our partners.",          icon: TrendingUp,
        },
        {
          id: "m3",          value: "100%",          title: "Uncompromised Data Security",          description: "Ensuring your valuable data is always safe, secure, and protected.",          icon: ShieldCheck,
        },
      ]}
      title="Our Achievements in Numbers"
      description="See the measurable success and positive impact we consistently bring to our partners and users."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "t1",          name: "John Doe",          role: "CEO & Founder",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",          imageAlt: "Placeholder Team Member 1"},
        {
          id: "t2",          name: "Jane Smith",          role: "Chief Technology Officer",          imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",          imageAlt: "Placeholder Team Member 2"},
        {
          id: "t3",          name: "Robert Johnson",          role: "Head of Product Development",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",          imageAlt: "Placeholder Team Member 3"},
      ]}
      title="Meet Our Dedicated Team"
      description="Our passionate and diverse team of experts is the driving force behind our innovation and your success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test-1",          name: "Client One",          handle: "@client_one",          testimonial: "Your Company Name transformed our operational efficiency. Their team is incredibly knowledgeable and supportive! This is placeholder content.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",          imageAlt: "Placeholder Testimonial 1"},
        {
          id: "test-2",          name: "Client Two",          handle: "@client_two",          testimonial: "Outstanding results and a seamless collaboration. Highly recommend Your Company Name for any innovative project. This is placeholder content.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",          imageAlt: "Placeholder Testimonial 2"},
        {
          id: "test-3",          name: "Client Three",          handle: "@client_three",          testimonial: "The solutions provided by Your Company Name have been a game-changer for our business. Truly exceptional service! This is placeholder content.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy_158538-20367.jpg",          imageAlt: "Placeholder Testimonial 3"},
        {
          id: "test-4",          name: "Client Four",          handle: "@client_four",          testimonial: "Professional, efficient, and always delivering beyond expectations. Your Company Name is our go-to partner. This is placeholder content.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62553.jpg",          imageAlt: "Placeholder Testimonial 4"},
        {
          id: "test-5",          name: "Client Five",          handle: "@client_five",          testimonial: "A truly collaborative experience. Your Company Name helped us achieve our goals with their strategic insights. This is placeholder content.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-colleagues-celebrating-business-success-having-fun-office_637285-185.jpg",          imageAlt: "Placeholder Testimonial 5"},
      ]}
      title="What Our Valued Clients Say"
      description="Hear firsthand experiences directly from the businesses and individuals who have partnered with Your Company Name."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What services does Your Company Name offer?",          content: "Your Company Name offers a range of services including software development, cloud solutions, data analytics, and dedicated support. We tailor our offerings to meet your specific business needs."},
        {
          id: "q2",          title: "How can I get a quote for my project here?",          content: "You can request a quote by filling out the contact form on our website or by reaching out to us directly via email or phone. Our team will get back to you promptly."},
        {
          id: "q3",          title: "What makes Your Company Name different?",          content: "Our commitment to client success, innovative approach, and 24/7 expert support set us apart. We focus on building long-term partnerships and delivering measurable value."},
        {
          id: "q4",          title: "Do you work with startups and small businesses here?",          content: "Yes, we proudly partner with businesses of all sizes, from ambitious startups to large enterprises. Our solutions are scalable and adaptable to various operational needs."},
        {
          id: "q5",          title: "What is your approach to data security here?",          content: "Data security is our top priority. We implement industry-leading encryption, compliance protocols, and regular audits to ensure your data is protected at all times."},
      ]}
      title="Your Questions Answered"
      description="Browse common questions about Your Company Name and our services, or reach out to us directly for personalized support."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Connect With Us"
      title="Start Your Project Here"
      description="Ready to begin transforming your business? Contact us today to discuss your requirements and how we can assist."
      imageSrc="http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248040.jpg"
      imageAlt="Placeholder Contact Image"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Submit Inquiry"
      termsText="By submitting your inquiry, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Your Company Name"
      copyrightText="© 2024 Your Company Name. All rights reserved."
      socialLinks={[
        {
          icon: Twitter,
          href: "https://twitter.com/yourcompany",          ariaLabel: "Twitter"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/yourcompany",          ariaLabel: "LinkedIn"},
        {
          icon: Facebook,
          href: "https://facebook.com/yourcompany",          ariaLabel: "Facebook"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}