"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Clock, Facebook, Grid, Instagram, Linkedin, Palette, Printer, Smile, Speaker, Truck, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Portfolio",
          id: "#portfolio",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get a Quote",
        href: "#contact",
      }}
      brandName="Event Solutions Pro"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="Your Stand. Your Message. Your Success."
      description="We design and build stunning exhibition stands, export event displays, and high-impact printed campaigns that capture attention and drive results. From concept to installation, we handle every detail."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/serious-confident-asian-male-executive_1262-5523.jpg",
          alt: "John Doe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-businesswoman-holding-tablet-office_23-2147605013.jpg",
          alt: "Jane Smith",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
          alt: "Mike Johnson",
        },
        {
          src: "http://img.b2bpic.net/free-photo/experienced-florist-talking-phone_23-2148435670.jpg",
          alt: "Emily White",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
          alt: "Confident professional woman",
        },
      ]}
      avatarText="Trusted by leading event professionals."
      buttons={[
        {
          text: "Get Your Quote Today",
          href: "#contact",
        },
      ]}
      buttonAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Creative Design",
          icon: Palette,
        },
        {
          type: "text-icon",
          text: "Large Format Printing",
          icon: Printer,
        },
        {
          type: "text-icon",
          text: "Global Logistics",
          icon: Truck,
        },
        {
          type: "text-icon",
          text: "Event Success",
          icon: Speaker,
        },
        {
          type: "text-icon",
          text: "Client Satisfaction",
          icon: Smile,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Delivering Unforgettable Event Experiences"
      description="With years of expertise, we've mastered the art of event marketing and printing. Our team combines creative design with robust logistical planning to ensure your brand stands out, whether it's a local fair or an international expo. We pride ourselves on reliability and rapid execution."
      subdescription="Our mission is to empower your presence, delivering tailor-made solutions from intricate fair stands to expansive campaign materials. We transform visions into tangible success, handling every facet of production and installation."
      icon={Users}
      imageSrc="http://img.b2bpic.net/free-photo/business-people-meeting_53876-15175.jpg"
      imageAlt="Team collaborating on event strategy"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Grid,
          title: "Custom Exhibition Stands",
          description: "From initial concept to final construction, we design and build bespoke exhibition stands that perfectly represent your brand and engage your audience.",
        },
        {
          icon: Printer,
          title: "High-Impact Printing",
          description: "Utilize our state-of-the-art printing services for everything from large-format banners and signage to intricate promotional materials with vibrant colors and sharp details.",
        },
        {
          icon: Truck,
          title: "Global Event Logistics",
          description: "We manage the entire logistical process, including transportation, installation, and dismantling of your displays at any event location, local or international.",
        },
      ]}
      title="Our Full-Service Capabilities"
      description="We provide end-to-end solutions for all your event marketing and printing needs, ensuring seamless execution and exceptional results."
      tag="What We Offer"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      metrics={[
        {
          id: "m1",
          icon: Award,
          title: "Years of Experience",
          value: "15+",
        },
        {
          id: "m2",
          icon: Users,
          title: "Satisfied Clients",
          value: "500+",
        },
        {
          id: "m3",
          icon: Clock,
          title: "On-Time Delivery",
          value: "99%",
        },
      ]}
      title="Proven Track Record of Success"
      description="Our commitment to excellence and client satisfaction is reflected in our consistent performance and enduring partnerships."
      tag="Our Impact"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          name: "Luxury Expo Stand",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg",
          imageAlt: "Luxury exhibition stand design",
        },
        {
          id: "p2",
          name: "Campaign Highway Banners",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-concept_23-2151846959.jpg",
          imageAlt: "Political campaign highway banners",
        },
        {
          id: "p3",
          name: "International Event Display",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/stack-books-black-wooden-table_93675-135223.jpg",
          imageAlt: "Export event display for international fair",
        },
        {
          id: "p4",
          name: "Interactive Brand Activation",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.jpg",
          imageAlt: "Corporate brand activation event",
        },
        {
          id: "p5",
          name: "Event Wayfinding Signage",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/welcome-signs_1157-63.jpg",
          imageAlt: "Event wayfinding signage",
        },
        {
          id: "p6",
          name: "Conference Stage Backdrops",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/long-abstract-exposure-neon-lights-texture_23-2148328038.jpg",
          imageAlt: "Conference stage backdrop design",
        },
      ]}
      title="Our Portfolio of Work"
      description="Explore a selection of our successful projects, showcasing our versatility in designing and producing impactful event solutions."
      tag="Past Projects"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Event Manager",
          company: "Global Expos",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-working-digital-tablet-restaurant_23-2147955283.jpg",
          imageAlt: "Sarah J. photo",
        },
        {
          id: "t2",
          name: "Mark L.",
          role: "Export Director",
          company: "Innovate Exports",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-cheeks-painted-with-her-team-colors_53876-127338.jpg",
          imageAlt: "Mark L. photo",
        },
        {
          id: "t3",
          name: "Emily R.",
          role: "Campaign Strategist",
          company: "Civic Voice",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/customer-service-satisfaction-feedback-icon_53876-124008.jpg",
          imageAlt: "Emily R. photo",
        },
        {
          id: "t4",
          name: "David K.",
          role: "Marketing Head",
          company: "BrandCo Inc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-with-laptop_23-2149009002.jpg",
          imageAlt: "David K. photo",
        },
        {
          id: "t5",
          name: "Jessica T.",
          role: "Logistics Coordinator",
          company: "EventFlow Solutions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/superior-supreme-vip-membership-top-notched_53876-124913.jpg",
          imageAlt: "Jessica T. photo",
        },
      ]}
      kpiItems={[
        {
          value: "5/5",
          label: "Client Satisfaction",
        },
        {
          value: "100%",
          label: "Project Success",
        },
        {
          value: "Global",
          label: "Reach",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from our satisfied partners about their experiences working with our dedicated team and the impact of our services."
      tag="Testimonials"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Request Your Custom Quote"
      description="Ready to elevate your next event? Fill out the form below to tell us about your project, or connect with us instantly on WhatsApp for quick support."
      tagAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-team-meeting-modern-office-interior_1163-4771.jpg"
      imageAlt="Team discussing project in a modern office"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Enter your email"
      buttonText="Submit Request"
      termsText="By submitting, you agree to our Terms and Conditions and Privacy Policy. For urgent inquiries, click the WhatsApp button."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Event Solutions Pro"
      copyrightText="© 2024 Event Solutions Pro. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook page",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter profile",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram page",
        },
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn profile",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
