"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';

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="service-list" data-section="service-list">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "doc-trans",
          name: "Document Translation",
          price: "Starting at $0.10/word",
          variant: "General, Legal, Technical",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-signing-divorce-contract_23-2148536068.jpg",
          imageAlt: "Stack of documents for translation",
        },
        {
          id: "web-localization",
          name: "Website Localization",
          price: "Custom Quote",
          variant: "Multilingual SEO, Content Adaptation",
          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901774.jpg",
          imageAlt: "Website on a computer screen",
        },
        {
          id: "app-localization",
          name: "App Localization",
          price: "Custom Quote",
          variant: "UI/UX, App Store Optimization",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-investor-working-new-start-up-project-finance-meeting-digital-tablet-laptop-computer-design-smart-phone-using_1150-37771.jpg",
          imageAlt: "Mobile app on a smartphone",
        },
        {
          id: "certified-trans",
          name: "Certified Translations",
          price: "Starting at $50/document",
          variant: "Official, Legal, Academic",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-document-laptop-desk_1098-1991.jpg",
          imageAlt: "Official document with a certification stamp",
        },
        {
          id: "cultural-localization",
          name: "Cultural Localization",
          price: "Custom Quote",
          variant: "Marketing, E-commerce, Gaming",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-reading-from-tablet_23-2148212375.jpg",
          imageAlt: "Global map with language icons",
        },
        {
          id: "urgent-trans",
          name: "Urgent Translations",
          price: "Premium Rate",
          variant: "24-Hour, Expedited Delivery",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-darrk-skinned-female-deals-with-bills-taxes_273609-44246.jpg",
          imageAlt: "Clock indicating urgent service",
        },
      ]}
      title="Explore Our Comprehensive Translation Offerings"
      description="From official documents to digital content, our specialized services cover all your linguistic needs with precision and cultural sensitivity."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "standard-plan",
          title: "Standard",
          price: "Starting at $0.10",
          period: "/word",
          features: [
            "General Document Translation",
            "Standard Delivery Time",
            "Basic Proofreading",
            "1 Language Pair",
          ],
          button: {
            text: "Get Started",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blank-clipboard_23-2148219274.jpg",
          imageAlt: "Standard pricing plan",
        },
        {
          id: "business-plan",
          title: "Business",
          price: "Starting at $0.15",
          period: "/word",
          features: [
            "Specialized Document Translation",
            "Priority Delivery",
            "Advanced Proofreading",
            "Project Management",
            "Multiple Language Pairs",
          ],
          button: {
            text: "Contact Sales",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/stock-market-exchange-economics-investment-graph_53876-120046.jpg",
          imageAlt: "Business pricing plan",
        },
        {
          id: "premium-plan",
          title: "Premium",
          price: "Custom Quote",
          period: "",
          features: [
            "Certified & Sworn Translations",
            "Express Delivery",
            "Expert Editing & DTP",
            "Dedicated Project Manager",
            "Urgent Service",
            "Glossary & Style Guide Creation",
          ],
          button: {
            text: "Request Quote",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658400.jpg",
          imageAlt: "Premium pricing plan",
        },
      ]}
      title="Transparent Pricing for Every Project"
      description="Choose from our flexible plans or request a custom quote tailored to your specific translation needs. Quality and clarity, always."
    />
  </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>
  );
}
