"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Code, Globe, MapPin, Radio, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About Us",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Portfolio",
          id: "portfolio",
        },
        {
          name: "Contact Us",
          id: "contact",
        },
      ]}
      brandName="SOFTEL"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Your Partner for Success."
      description="SOFTEL Solutions is an Algerian software development firm dedicated to delivering high-quality digital solutions tailored to your business needs."
      testimonials={[
        {
          name: "Sarah Ahmed",
          handle: "@sarah-a",
          testimonial: "Excellent service and deep technical expertise for our digital needs.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yq189n",
        },
        {
          name: "Youssef Bensaid",
          handle: "@youssef-b",
          testimonial: "Softel helped us transform our legacy infrastructure seamlessly.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kyk6v",
        },
        {
          name: "Amira Haddad",
          handle: "@amira-h",
          testimonial: "Responsive technical support and great professional guidance.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=scjqee",
        },
        {
          name: "Karim Belkacem",
          handle: "@karim-b",
          testimonial: "Our business operations improved drastically after working with them.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo3wer",
        },
        {
          name: "Lila Merzouk",
          handle: "@lila-m",
          testimonial: "A reliable partner for telecommunication infrastructure.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u4t33g",
        },
      ]}
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tserbr"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tserbr",
          alt: "professional headshot business woman",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yq189n",
          alt: "professional headshot business man",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kyk6v",
          alt: "professional headshot business woman",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=scjqee",
          alt: "professional headshot business man",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo3wer",
          alt: "professional headshot business woman",
        },
      ]}
      marqueeItems={[
        {
          type: "text-icon",
          text: "Custom Software",
          icon: Code,
        },
        {
          type: "text-icon",
          text: "Telecom Experts",
          icon: Radio,
        },
        {
          type: "text-icon",
          text: "Digital Strategy",
          icon: Globe,
        },
        {
          type: "text-icon",
          text: "Local Support",
          icon: MapPin,
        },
        {
          type: "text-icon",
          text: "Innovation First",
          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Who We Are"
      description={[
        "SOFTEL is a premier Algerian software house specializing in the field of software development and telecommunications.",
        "We combine technical expertise with local market insights to help businesses thrive in the digital age.",
        "Our Vision: To be the leading software development partner in Algeria and beyond.",
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Custom Software Development",
          description: "Tailor-made applications designed to solve specific business challenges.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rwa72",
        },
        {
          title: "Telecommunication Solutions",
          description: "Advanced communication infrastructure and support.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f8pkqa",
        },
        {
          title: "Digital Transformation",
          description: "Helping traditional businesses transition into the modern digital landscape.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=spfqgh",
        },
        {
          title: "Technical Support",
          description: "Ongoing maintenance and software assistance (SAV) ensuring business continuity.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ro67ip",
        },
      ]}
      title="Our Services"
      description="Tailor-made solutions to elevate your business in the modern digital era."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Expert Team",
          description: "Specialized professionals in software and tech.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0hbzyy",
        },
        {
          title: "Proven Track Record",
          description: "Trusted by hundreds of followers and clients.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bp43nk",
        },
        {
          title: "Local Support",
          description: "Conveniently located in the heart of Algiers to serve you better.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ld38z0",
        },
      ]}
      title="Why Choose Us?"
      description="We blend global standards with a strong local foundation."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "100+",
          title: "Happy Clients",
          description: "Successfully served businesses across Algiers.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vmoq2n",
        },
        {
          id: "2",
          value: "50+",
          title: "Projects Completed",
          description: "Tailor-made software and telecomm projects.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fzuuui",
        },
        {
          id: "3",
          value: "99.9%",
          title: "Uptime Rate",
          description: "Reliable telecommunication infrastructure.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a29sfc",
        },
      ]}
      title="Our Impact"
      description="Driving business growth through technology."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Ahmed",
          handle: "@sarah-a",
          testimonial: "Excellent service and deep technical expertise for our digital needs.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8wf6le",
        },
        {
          id: "t2",
          name: "Youssef Bensaid",
          handle: "@youssef-b",
          testimonial: "Softel helped us transform our legacy infrastructure seamlessly.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oj1ai7",
        },
        {
          id: "t3",
          name: "Amira Haddad",
          handle: "@amira-h",
          testimonial: "Responsive technical support and great professional guidance.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xqlb25",
        },
        {
          id: "t4",
          name: "Karim Belkacem",
          handle: "@karim-b",
          testimonial: "Our business operations improved drastically after working with them.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tvqsob",
        },
        {
          id: "t5",
          name: "Lila Merzouk",
          handle: "@lila-m",
          testimonial: "A reliable partner for telecommunication infrastructure.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hqisg",
        },
      ]}
      showRating={true}
      title="Client Feedback"
      description="What our clients say about us."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Where are you located?",
          content: "We are located at Cité Lido, Mohammadia, Algiers, Algeria.",
        },
        {
          id: "f2",
          title: "How can I get a quote?",
          content: "You can contact us via our website or send a WhatsApp message to our business line.",
        },
        {
          id: "f3",
          title: "Do you provide maintenance?",
          content: "Yes, we offer ongoing maintenance and software assistance (SAV).",
        },
      ]}
      title="Common Questions"
      description="We are here to answer all your inquiries."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Ready to transform your business? Get in touch with us today via our office in Algiers or our digital channels. Phone: 0798.75.73.80 | 0558.92.53.55 | 0550.92.53.55"
      buttons={[
        {
          text: "WhatsApp Us",
          href: "https://wa.me/213798757380",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="SOFTEL Software & Telecommunication"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Algiers Office",
              href: "#contact",
            },
            {
              label: "0798.75.73.80",
              href: "tel:+213798757380",
            },
          ],
        },
        {
          title: "Socials",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 SOFTEL Solutions. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
