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

const OurCompanyTop = () => {
  return (
    <div className="my-[40px]">
      <div className="custom-container flex-col lg:flex-row-reverse 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">
              Zhangzhou Zhentian Food Co., Ltd. — профессиональный китайский
              производитель и экспортёр продуктов питания, стремящийся
              поставлять качественные продукты на мировые рынки. Более 30 лет
              опыта позволили нам завоевать доверие и профессионализм в
              международной торговле.
            </p>

            <p className="text-muted text-[14px] font-medium">
              Наш завод Shandong Tianqi Food Co., Ltd. — полностью
              самостоятельный и оснащён современными производственными
              мощностями. Мы специализируемся на консервированных и маринованных
              продуктах, таких как грибы, чеснок в бочках, сушёные ломтики
              чеснока, замороженная кукуруза (IQF) и фасоль (IQF).
            </p>

            <p className="text-muted text-[14px] font-medium">
              Ежегодно мы экспортируем более 300 контейнеров в более чем 30
              стран, включая Италию, Францию, Испанию, Бразилию, Узбекистан,
              Вьетнам и другие — с объёмом экспорта более 10 миллионов долларов
              США. Наши продукты ценятся за вкус, качество и стабильность.
            </p>

            <p className="text-muted text-[14px] font-medium">
              В Zhentian Food мы работаем честно, с приоритетом качества и
              ориентируемся на долгосрочное сотрудничество. Мы готовы
              развиваться вместе с вами и представить лучшее из китайской кухни
              миру.
            </p>
          </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"
              src={'/images/about-us/our-comp/about-company-1.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/our-comp/about-company-4.webp'}
              alt={PRODUCT_INFO.name}
              width={200}
              height={200}
            />
          </div>
        </div>
      </div>
    </div>
  );
};

export default OurCompanyTop;
