"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Al-Nour Translation"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "linguists",
          groupTitle: "Our Certified Linguists",
          members: [
            {
              id: "member-1",
              title: "Dr. Amina El-Sayed",
              subtitle: "Lead Legal Translator",
              detail: "Specializing in international law and intellectual property, with 15+ years of experience.",
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
              imageAlt: "Dr. Amina El-Sayed",
            },
            {
              id: "member-2",
              title: "Mr. Karim Hassan",
              subtitle: "Technical Translation Manager",
              detail: "Expert in engineering and IT documentation, ensuring precision for complex technical texts.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-tutor-home-talking-phone_23-2148573959.jpg",
              imageAlt: "Mr. Karim Hassan",
            },
            {
              id: "member-3",
              title: "Ms. Layla Fahmy",
              subtitle: "Medical & Scientific Specialist",
              detail: "A background in biomedical science provides unparalleled accuracy for medical translations.",
              imageSrc: "http://img.b2bpic.net/free-photo/asian-female-engineer-specialist-with-measuring-machine-with-manipulator-arm-laptopthreedimensional-coordinate-measurement-check-sizes-3d-check-sizes-partscmm-after-machining-process_609648-82.jpg",
              imageAlt: "Ms. Layla Fahmy",
            },
            {
              id: "member-4",
              title: "Dr. Tarek Mansour",
              subtitle: "Localization Expert",
              detail: "Focuses on cultural adaptation for marketing and digital content, connecting brands globally.",
              imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
              imageAlt: "People having dinner in luxurious restaurants",
            },
            {
              id: "member-5",
              title: "Eng. Sara Ahmed",
              subtitle: "Software Localization Lead",
              detail: "Ensures seamless user experience for applications and software across multiple languages.",
              imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-132.jpg",
              imageAlt: "Successful confident businessman in glasses speaking over beige wall.",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/successful-connected-business-people_53876-94724.jpg",
          imageAlt: "female professional translator smiling",
        },
      ]}
      title="Meet Our Expert Translators"
      description="Our team comprises highly qualified and experienced linguists specializing in diverse fields, committed to delivering excellence and cultural nuance."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "projects-completed",
          value: "1000+",
          title: "Projects Completed",
          description: "Delivering linguistic excellence across diverse industries.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-planning-trategy-graph_53876-21234.jpg",
          imageAlt: "Completed projects icon",
        },
        {
          id: "satisfied-clients",
          value: "99%",
          title: "Satisfied Clients",
          description: "Our commitment to quality ensures client satisfaction every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-explaining-chart-his-female-colleague_23-2147899674.jpg",
          imageAlt: "Satisfied clients icon",
        },
        {
          id: "languages-served",
          value: "50+",
          title: "Languages Served",
          description: "Bridging communication gaps across a wide array of global languages.",
          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-black-globe_181624-1536.jpg",
          imageAlt: "Languages served icon",
        },
      ]}
      title="Our Impact and Achievements"
      description="Years of dedicated service, countless satisfied clients, and a growing portfolio of successful translation projects globally. We are proud of our journey."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Al-Nour Translation"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Legal Translation",
              href: "/services#doc-trans",
            },
            {
              label: "Technical Translation",
              href: "/services#doc-trans",
            },
            {
              label: "Medical Translation",
              href: "/services#doc-trans",
            },
            {
              label: "Website Localization",
              href: "/services#web-localization",
            },
            {
              label: "Certified Translations",
              href: "/services#certified-trans",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Team",
              href: "/about#team",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "FAQs",
              href: "/contact#faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Al-Nour Certified Translation. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
