"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Clock } from "lucide-react";

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="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars",
      }}
      title="Precision Translation Services by Al-Nour"
      description="Delivering accurate and certified translations for all your needs, bridging language barriers with expertise and speed. Your trusted partner for global communication."
      kpis={[
        {
          value: "10+",
          label: "Years Experience",
        },
        {
          value: "50+",
          label: "Languages",
        },
        {
          value: "1000+",
          label: "Projects Completed",
        },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/successful-connected-business-people_53876-94724.jpg"
      imageAlt="Professional translator working on documents with global communication icons"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/different-world-flags_1127-344.jpg",
          alt: "Different world flags",
        },
        {
          src: "http://img.b2bpic.net/free-photo/globe-with-world-map_116348-36.jpg",
          alt: "Globe with world map",
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-connected-business-people_53876-20939.jpg",
          alt: "Successful and connected business people",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-business-woman-talking-by-phone-office_23-2148071547.jpg",
          alt: "Young business woman talking by phone in office ",
        },
        {
          src: "http://img.b2bpic.net/free-photo/customer-service-cute-blonde-girl-office-shirt-with-headset-computer-showing-stop-gesture_140725-163777.jpg",
          alt: "Customer service cute blonde girl office shirt with headset and computer showing stop gesture",
        },
      ]}
      avatarText="Trusted by over 10,000 global clients"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "/contact",
        },
        {
          text: "Our Services",
          href: "/services",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "ISO 17100 Certified",
        },
        {
          type: "text-icon",
          text: "ATA Member",
          icon: Award,
        },
        {
          type: "text",
          text: "Global Reach",
        },
        {
          type: "text-icon",
          text: "24/7 Support",
          icon: Clock,
        },
        {
          type: "text",
          text: "Confidentiality Assured",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Your Partner in Global Communication"
      description="Al-Nour Certified Translation offers unmatched linguistic expertise and cultural understanding, ensuring your message is perfectly conveyed across any language. Trust us for accuracy, confidentiality, and timely delivery."
      metrics={[
        {
          value: "ISO 17100",
          title: "Certified Quality",
        },
        {
          value: "100%",
          title: "Client Satisfaction",
        },
        {
          value: "24/7",
          title: "Dedicated Support",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg"
      imageAlt="Modern translation office with language experts working"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "legal-translation",
          title: "Legal Translation",
          description: "Certified and accurate translation of contracts, agreements, patents, and official documents, ensuring legal validity.",
          tag: "Expertise",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-contract-form-with-coffee-car-pen-with-wooden-background_1921-35.jpg",
          imageAlt: "Legal documents being translated",
        },
        {
          id: "technical-translation",
          title: "Technical Translation",
          description: "Precise translation of manuals, specifications, scientific reports, and technical documentation by subject-matter experts.",
          tag: "Accuracy",
          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-495.jpg",
          imageAlt: "Technical blueprints and data on a screen",
        },
        {
          id: "medical-translation",
          title: "Medical Translation",
          description: "Confidential and precise translation of medical records, clinical trials, pharmaceutical documents, and healthcare content.",
          tag: "Confidentiality",
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-materials_181624-36008.jpg",
          imageAlt: "Medical symbols and documents",
        },
      ]}
      title="Our Specialized Translation Services"
      description="We offer a comprehensive range of translation solutions tailored to your specific requirements, maintaining the highest standards of quality and cultural nuance."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
          imageAlt: "Sarah Johnson",
          review: "Al-Nour provided exceptional legal translation for my international contracts. The accuracy and speed were truly impressive, exceeding my expectations.",
          title: "Corporate Lawyer",
        },
        {
          id: "2",
          name: "Michael Chen",
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1569.jpg",
          imageAlt: "Michael Chen",
          review: "Their technical translation for our engineering manuals was flawless. The team clearly understood complex terminology and delivered on time.",
          title: "Head of Engineering",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142775.jpg",
          imageAlt: "Emily Rodriguez",
          review: "I highly recommend Al-Nour for medical document translation. Their attention to detail and commitment to confidentiality gave me complete peace of mind.",
          title: "Medical Researcher",
        },
        {
          id: "4",
          name: "David Kim",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-creative-team-watching-project-presentation-together_74855-9785.jpg",
          imageAlt: "David Kim",
          review: "The certified translation of my academic transcripts was handled with utmost professionalism. It was accepted without any issues, very reliable service.",
          title: "Ph.D. Candidate",
        },
        {
          id: "5",
          name: "Jessica Lee",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
          imageAlt: "Jessica Lee",
          review: "Al-Nour helped localize our website for new markets. Their cultural insights were invaluable, and the project was a resounding success.",
          title: "Marketing Director",
        },
        {
          id: "6",
          name: "Omar El-Hadidi",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
          imageAlt: "Close-up of successful entrepreneur",
          review: "Outstanding service! We needed urgent translation for a business proposal, and Al-Nour delivered high quality work within an incredibly tight deadline.",
          title: "Business Owner",
        },
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted by Professionals"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "ISO 17100",
        "ATA Certified",
        "ITI Registered",
        "Global Corp",
        "Legal Solutions Inc.",
        "MedTech Pharma",
        "Tech Innovations",
        "International Trade Council",
        "Language Connect Group",
      ]}
      title="Officially Certified & Recognized"
      description="Al-Nour is proudly recognized by various international bodies and trusted by clients across diverse sectors for accurate and reliable translations."
    />
  </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>
  );
}
