"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Sparkles, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fknryh"
      logoAlt="Cool Site Logo"
      brandName="Cool Site"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Build Your Dream Website Today"
      description="Transform your ideas into stunning digital experiences with our expert design and development services. Get started on your journey to online success now."
      tag="Elevate Your Online Presence"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Services",
          href: "#features",
        },
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/overhead-view-digital-tablet-with-coffee-earphone-pen-holders-gray-desk_23-2148052597.jpg"
      imageAlt="Modern digital workspace with abstract design elements"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-elegant-female-tourist-using-tablet_1262-19148.jpg",
          alt: "Happy businesswoman smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/joyful-guy-using-gadget-chatting_1262-18872.jpg",
          alt: "Young man using tablet",
        },
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-79803.jpg",
          alt: "Woman expressing excitement",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-joyful-guy-glasses-white-cap-shirt-smiling-holding-laptop_197531-15471.jpg",
          alt: "Man relaxing at work",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-pleased-office-worker-man-headphones-optical-glasses-sits-desk-with-office-tools-using-looking-laptop-isolated-green-background-with-copy-space_141793-65307.jpg",
          alt: "Office worker with headphones",
        },
      ]}
      avatarText="Join 500+ Happy Clients"
      marqueeItems={[
        {
          type: "text",
          text: "Innovative Solutions",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/modern-workspace-with-laptop-notebook-coffee-cup-plants_9975-24552.jpg",
          alt: "Workspace with laptop",
        },
        {
          type: "text-icon",
          text: "Expert Team",
          icon: Users,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/technology-desk-concept-with-book_23-2147731423.jpg",
          alt: "Desk with laptop and books",
        },
        {
          type: "text",
          text: "Digital Transformation",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Crafting Exceptional Digital Experiences",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg",
          alt: "Team collaborating in a modern office",
        },
        {
          type: "text",
          content: "for a Connected World.",
        },
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Advanced Analytics",
          tags: [
            "Data",
            "Insights",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
          imageAlt: "Dashboard with graphs and charts",
        },
        {
          id: "f2",
          title: "Secure Cloud Solutions",
          tags: [
            "Security",
            "Scalability",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/corridor-server-room-data-center_181624-61663.jpg",
          imageAlt: "Secure cloud server infrastructure",
        },
        {
          id: "f3",
          title: "Intuitive User Experience",
          tags: [
            "UX/UI",
            "Engagement",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition_23-2147915791.jpg",
          imageAlt: "User interface design on a mobile device",
        },
      ]}
      title="Powerful Features to Drive Your Success"
      description="Discover how our integrated tools and services empower your business to achieve its full potential with efficiency and innovation."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Tech Innovations",
          name: "Quantum Phone X",
          price: "$999",
          rating: 5,
          reviewCount: "1.2k Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg",
          imageAlt: "Sleek smartphone",
        },
        {
          id: "p2",
          brand: "Wearable Future",
          name: "Aura Smartwatch Pro",
          price: "$299",
          rating: 4,
          reviewCount: "800 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-training-trail_23-2148482682.jpg",
          imageAlt: "Modern smartwatch",
        },
        {
          id: "p3",
          brand: "Compute Core",
          name: "Zenith Laptop 15",
          price: "$1499",
          rating: 5,
          reviewCount: "1.5k Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-night_1101-415.jpg",
          imageAlt: "High-performance laptop",
        },
        {
          id: "p4",
          brand: "Sonic Sound",
          name: "Echo Headphones",
          price: "$199",
          rating: 4,
          reviewCount: "650 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-modern-stylish-woman-headphones-relaxes-while-listens-music-wireless_1258-201365.jpg",
          imageAlt: "Wireless headphones",
        },
        {
          id: "p5",
          brand: "Home Connect",
          name: "Smart Hub Max",
          price: "$129",
          rating: 5,
          reviewCount: "920 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/devices-assortment-desk_23-2148994219.jpg",
          imageAlt: "Smart home assistant",
        },
        {
          id: "p6",
          brand: "Power Up",
          name: "Mega Power Bank",
          price: "$79",
          rating: 4,
          reviewCount: "400 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-board-components_23-2148419192.jpg",
          imageAlt: "Portable power bank",
        },
      ]}
      title="Our Curated Offerings"
      description="Explore a selection of our premium products and services designed to meet your every need. Quality and innovation in every detail."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "100%",
          description: "Client Satisfaction",
        },
        {
          id: "m2",
          value: "500+",
          description: "Successful Projects",
        },
        {
          id: "m3",
          value: "10+",
          description: "Years of Experience",
        },
      ]}
      title="Achievements That Speak Volumes"
      description="Our commitment to excellence is reflected in the numbers. See the impact we've made for our clients and community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          role: "CEO",
          company: "Innovate Solutions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
        },
        {
          id: "t2",
          name: "Michael Chen",
          role: "CTO",
          company: "FutureLink Tech",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-13892.jpg",
        },
        {
          id: "t3",
          name: "Emily Rodriguez",
          role: "Marketing Director",
          company: "Growth Dynamics",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-entrepreneur-rejoices-successful-deal-laughs-out-loudly-closes-eyes-wears-formal-grey-jacket-expresses-positive-emotions_273609-43495.jpg",
        },
        {
          id: "t4",
          name: "David Kim",
          role: "Product Manager",
          company: "Visionary Apps",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-photographer-drinking-coffee_23-2148019188.jpg",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          role: "Operations Lead",
          company: "Nexus Corp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
        },
        {
          id: "t6",
          name: "Robert Green",
          role: "Lead Developer",
          company: "CodeFlow Studios",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-worker-desk_1170-83.jpg",
        },
      ]}
      title="Hear From Our Happy Clients"
      description="Our customers' success stories are our greatest motivation. Read what they have to say about their experience with us."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Tech",
        "Innovate Solutions",
        "FutureCorp",
        "Digital Dynamics",
        "Creative Ventures",
        "Enterprise X",
        "Visionary Inc.",
      ]}
      title="Trusted by Industry Leaders"
      description="We partner with leading companies to deliver exceptional results and drive innovation across various sectors."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What services do you offer?",
          content: "We offer comprehensive web design, development, SEO, and digital marketing services tailored to your business needs.",
        },
        {
          id: "q2",
          title: "How long does a typical project take?",
          content: "Project timelines vary based on complexity and scope, but most standard websites are completed within 4-8 weeks.",
        },
        {
          id: "q3",
          title: "What is your pricing model?",
          content: "Our pricing is custom-quoted based on your project requirements. We offer competitive rates and transparent proposals.",
        },
        {
          id: "q4",
          title: "Do you provide ongoing support?",
          content: "Yes, we offer various support and maintenance packages to ensure your website remains updated, secure, and performs optimally.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-customer-service-representative_23-2151933142.jpg"
      imageAlt="Customer service representative helping a client"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our services, pricing, and operational processes."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Ready to Start?"
      title="Let's Build Something Amazing Together"
      description="Have a project in mind or a question? Reach out to us, and let's discuss how we can bring your vision to life."
      tagIcon={Zap}
      inputPlaceholder="Your email address"
      buttonText="Send Inquiry"
      termsText="By submitting, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Web Design",
              href: "#",
            },
            {
              label: "Development",
              href: "#",
            },
            {
              label: "SEO",
              href: "#",
            },
            {
              label: "Marketing",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Cookie Policy",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Cool Site. All rights reserved."
      bottomRightText="Built with passion."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
