"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Phone } from "lucide-react";

export default function ProductsPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "About", id: "#about" },
    { name: "Contact", id: "#contact" },
    { name: "Shop", id: "/products" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Raja Auto Store"
          bottomLeftText="Premium Agriculture Equipment"
          bottomRightText="info@rajaautostore.com"
        />
      </div>

      <div id="products-catalog" data-section="products-catalog">
        <ProductCardOne
          title="Complete Product Catalog"
          description="Explore our full range of premium agriculture equipment designed for modern farming operations. From tractors to specialized machinery, we have everything you need."
          tag="All Products"
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Power Tractor 500",              price: "$85,000",              imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15999.jpg?_wi=2",              imageAlt: "Power Tractor 500 - Heavy duty farming tractor"},
            {
              id: "2",              name: "Agricultural Sprayer Pro",              price: "$12,500",              imageSrc: "http://img.b2bpic.net/free-photo/municipal-tractor-clears-snow-near-homes-snow-removal_169016-71221.jpg?_wi=2",              imageAlt: "Agricultural Sprayer Pro - Precision crop spraying equipment"},
            {
              id: "3",              name: "Heavy Duty Plow",              price: "$8,900",              imageSrc: "http://img.b2bpic.net/free-photo/tractor-meddle-cultivation-field_657883-549.jpg?_wi=2",              imageAlt: "Heavy Duty Plow - Professional soil cultivation tool"},
            {
              id: "4",              name: "Soil Harrow System",              price: "$6,500",              imageSrc: "http://img.b2bpic.net/free-vector/heavy-machinery-airplane-freight-ship_107791-4425.jpg?_wi=2",              imageAlt: "Soil Harrow System - Advanced soil preparation equipment"},
            {
              id: "5",              name: "Harvester Machine XL",              price: "$95,000",              imageSrc: "http://img.b2bpic.net/free-photo/aerial-overhead-shot-combine-harvesters-farming-field-daytime_181624-27900.jpg?_wi=2",              imageAlt: "Harvester Machine XL - Commercial crop harvesting equipment"},
            {
              id: "6",              name: "Seedbed Preparation Kit",              price: "$5,200",              imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15983.jpg?_wi=3",              imageAlt: "Seedbed Preparation Kit - Complete soil preparation system"},
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products-featured" data-section="products-featured">
        <ProductCardOne
          title="Featured Premium Products"
          description="Discover our best-selling premium equipment with advanced features and superior performance"
          tag="Best Sellers"
          tagAnimation="slide-up"
          products={[
            {
              id: "7",              name: "Digital Soil Analyzer",              price: "$4,800",              imageSrc: "http://img.b2bpic.net/free-photo/farm-man-working-his-organic-lettuce-garden_1150-17434.jpg",              imageAlt: "Digital Soil Analyzer - Precision soil testing equipment"},
            {
              id: "8",              name: "Irrigation System Pro",              price: "$18,500",              imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-with-mushroom-wooden-crate-market-stall_23-2148209834.jpg",              imageAlt: "Irrigation System Pro - Automated crop watering solution"},
            {
              id: "9",              name: "Weather Station Advanced",              price: "$3,900",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg?_wi=3",              imageAlt: "Weather Station Advanced - Smart farm climate monitoring"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Expert Advice"
          title="Need Help Choosing the Right Equipment?"
          description="Our agriculture specialists are here to help you select the perfect equipment for your farm. Contact us for personalized recommendations and detailed product information."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-village-dry-grassy-hill-surrounded-by-forested-mountains-daytime_181624-8106.jpg?_wi=1"
          imageAlt="Beautiful agricultural landscape"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Request Consultation"
          termsText="We'll get back to you within 24 hours with personalized equipment recommendations."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Raja Auto Store"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Products", href: "/products" },
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              items: [
                { label: "Equipment Guide", href: "#" },
                { label: "Maintenance Tips", href: "#" },
                { label: "Technical Support", href: "#" },
                { label: "Warranty Info", href: "#" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Return Policy", href: "#" },
                { label: "Shipping Info", href: "#" },
              ],
            },
            {
              items: [
                { label: "Email Support", href: "mailto:info@rajaautostore.com" },
                { label: "Phone Support", href: "tel:+1234567890" },
                { label: "Visit Store", href: "#" },
                { label: "Schedule Demo", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}