"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#features"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Get Started",        href: "#contact"}}
      brandName="Your Company"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "downward-rays-animated-grid"}}
      logoText="Your Company"
      description="Empowering Your Business Growth with Innovative Solutions."
      buttons={[
        {
          text: "Learn More",          href: "#about"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-empty-conference-room_1170-1848.jpg"
      imageAlt="Professional office environment with business people collaborating"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="About Our Vision"
      description="We are a forward-thinking company dedicated to delivering exceptional quality and value to our clients. Our mission is to transform challenges into opportunities through strategic innovation and unwavering commitment to excellence. We believe in building lasting relationships based on trust and mutual success."
      buttons={[
        {
          text: "Our Story",          href: "#"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-people-giving-fist-bump_53876-13536.jpg"
      imageAlt="Two business people shaking hands, signifying a partnership"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          title: "Strategic Consulting",          descriptions: [
            "Unlock your business potential with expert guidance.",            "Develop robust strategies for market leadership and growth.",            "Navigate complex challenges with informed decision-making."],
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345447.jpg",          imageAlt: "Abstract illustration representing strategic planning"},
        {
          id: "2",          title: "Digital Transformation",          descriptions: [
            "Modernize operations with cutting-edge digital solutions.",            "Enhance efficiency and productivity through automation.",            "Embrace innovation to stay ahead in a dynamic market."],
          imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063170.jpg",          imageAlt: "Abstract illustration representing digital transformation"},
        {
          id: "3",          title: "Performance Optimization",          descriptions: [
            "Improve key metrics and achieve tangible results.",            "Streamline workflows and optimize resource allocation.",            "Leverage data analytics for continuous performance enhancement."],
          imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124251.jpg",          imageAlt: "Abstract illustration representing performance optimization"},
      ]}
      title="Our Core Services"
      description="Discover a suite of tailored services designed to meet your business needs and drive sustainable success. We offer expertise across various domains to help you achieve your strategic objectives."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      metrics={[
        {
          id: "1",          value: "250+",          title: "Satisfied Clients",          items: [
            "Building long-term partnerships",            "Delivering exceptional service"],
        },
        {
          id: "2",          value: "100%",          title: "Project Completion",          items: [
            "On-time, within budget delivery",            "Meeting and exceeding expectations"],
        },
        {
          id: "3",          value: "150%",          title: "Average ROI",          items: [
            "Driving significant returns",            "Maximizing client investment"],
        },
      ]}
      title="Achieve Tangible Results"
      description="Our proven track record speaks for itself. We help businesses like yours reach new heights with measurable impact and sustained growth. Partner with us for success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO, TechInnovate",          testimonial: "Your Company transformed our digital strategy, leading to a 30% increase in lead generation. Their team is incredibly knowledgeable and proactive.",          imageSrc: "http://img.b2bpic.net/free-photo/american-african-black-beautiful-business_1303-1344.jpg",          imageAlt: "Portrait of Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          role: "Founder, Global Solutions",          testimonial: "The expertise provided by Your Company was invaluable. They helped us streamline our operations, resulting in significant cost savings and improved efficiency.",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-having-conversation-with-work-colleague_273609-4712.jpg",          imageAlt: "Portrait of Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director, Visionary Corp",          testimonial: "We saw an immediate impact after implementing Your Company's recommendations. Our brand visibility has never been higher, and customer engagement is soaring.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",          imageAlt: "Portrait of Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          role: "CTO, NextGen Systems",          testimonial: "Your Company delivered innovative tech solutions that perfectly aligned with our goals. Their technical proficiency and dedication are truly outstanding.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",          imageAlt: "Portrait of David Kim"},
        {
          id: "5",          name: "Jessica Lee",          role: "Operations Manager, Apex Logistics",          testimonial: "Their strategic approach to supply chain optimization was a game-changer for us. We now operate with unprecedented precision and reliability, thanks to Your Company.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-with-digital-tablet-laptop-glass-reflective-desk_23-2147935568.jpg",          imageAlt: "Portrait of Jessica Lee"},
        {
          id: "6",          name: "Robert Miller",          role: "VP Sales, Enterprise Inc.",          testimonial: "Working with Your Company has been a pleasure. Their insights into market dynamics helped us secure major new accounts and expand our market share significantly.",          imageSrc: "http://img.b2bpic.net/free-photo/thinking-looking-up-middle-aged-man-wearing-white-t-shirt-with-tie-points-up-isolated-orange-wall_141793-86683.jpg",          imageAlt: "Portrait of Robert Miller"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from businesses who have experienced remarkable growth and success working with us. Their success stories are our greatest pride."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What types of services do you offer?",          content: "We offer a comprehensive range of professional services, including strategic consulting, digital transformation, performance optimization, and custom solution development tailored to your business needs."},
        {
          id: "2",          title: "How do you ensure client success?",          content: "Our approach combines in-depth analysis, collaborative strategy development, and agile execution. We maintain transparent communication and prioritize measurable results to ensure every client achieves their objectives."},
        {
          id: "3",          title: "Can you work with businesses of all sizes?",          content: "Yes, we work with businesses ranging from startups to large enterprises. Our solutions are scalable and customized to fit the unique challenges and goals of each client, regardless of their size or industry."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our services and company. If you can't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get in Touch"
      title="Ready to Transform Your Business?"
      description="Contact us today to discuss your project and discover how our expertise can benefit you. We're eager to help you achieve your next big success."
      buttons={[
        {
          text: "Schedule a Consultation",          href: "#"},
        {
          text: "Email Us",          href: "mailto:info@yourcompany.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Your Company"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Services",              href: "#features"},
            {
              label: "Success Stories",              href: "#testimonials"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Your Company. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
