'use client';
import Image from 'next/image';
import React from 'react';
import { motion } from 'framer-motion';
import { PRODUCT_INFO } from '@/shared/constants/data';

const OurCompanyBottom = () => {
  return (
    <div className="my-[40px]">
      <div className="custom-container flex-col lg:flex-row flex justify-between gap-6">
        <div className="flex-[1.2] relative flex flex-col justify-between gap-3">
          <div>
            <p className="font-caveat text-primary font-extrabold text-[20px]">
              Наш ассортимент продукции
            </p>
            <h4 className="text-[34px] font-extrabold text-accent leading-[40px]">
              Премиальное качество, широкий выбор
            </h4>
          </div>

          <div className="my-[10px] flex flex-col gap-3">
            <p className="text-primary text-[14px] font-bold">
              Мы предлагаем широкий ассортимент высококачественных пищевых
              продуктов, тщательно переработанных и упакованных в соответствии с
              международными стандартами. Наши основные категории включают
              грибы, чеснок, замороженные овощи (IQF) и сушёный чеснок.
            </p>

            <ul className="list-disc pl-5 text-muted text-[14px] font-medium space-y-2">
              <li>
                <strong>Грибная продукция:</strong> В рассоле, уксусе или
                растворе SO₂ — доступна в целом виде или в нарезке, в
                зависимости от ваших потребностей.
              </li>
              <li>
                <strong>Чеснок в рассоле:</strong> Все размеры доступны, продукт
                сохраняет свежесть и аромат.
              </li>
              <li>
                <strong>Продукты IQF:</strong> Быстрозамороженные овощи, включая
                морковь, зёрна сладкой кукурузы, зелёную фасоль, горох,
                брокколи, чесночные побеги, зубчики чеснока, нарезанный чеснок,
                измельчённый чеснок и многое другое.
              </li>
              <li>
                <strong>Сушёный чеснок:</strong> Сушёные ломтики чеснока,
                чесночный порошок и гранулированный чеснок — идеально подходят
                для приправ и промышленного использования. Возможна
                индивидуальная спецификация.
              </li>
            </ul>
          </div>
        </div>
        <div className="flex-[1] relative max-lg:min-h-[500px] max-lg:my-[20px]">
          <motion.div
            initial={{ left: '0' }}
            animate={{ left: '20px' }}
            transition={{
              duration: 2,
              repeat: Infinity,
              repeatType: 'reverse',
              ease: [0, 0, 1, 1] as const,
            }}
            className="absolute left-0 top-0 h-[50%] w-[50%]"
          >
            <Image
              className="w-full h-full object-contain"
              src={'/images/home-about/about-bg-shape1.webp'}
              alt={PRODUCT_INFO.name}
              width={500}
              height={500}
            />
          </motion.div>
          <div className="absolute right-0 top-[20px] w-[40px] h-[70%] bg-gradient-to-b from-primary to-secondary rounded-sm"></div>
          <div className="absolute right-[15px] top-0 w-[80%] h-[90%]">
            <Image
              className="w-full h-full object-cover rounded-md shadow brightness-95 border border-muted/20"
              src={'/images/about-us/our-comp/about-company-5.webp'}
              alt={PRODUCT_INFO.name}
              width={400}
              height={400}
            />
          </div>
          <div className="absolute left-0 bottom-0 w-[50%] h-[50%]">
            <Image
              className="w-full h-full object-cover rounded-md shadow"
              src={'/images/about-us/about-img-2.jpg'}
              alt={PRODUCT_INFO.name}
              width={200}
              height={200}
            />
          </div>
        </div>
      </div>
    </div>
  );
};

export default OurCompanyBottom;
