'use client'
import { Head, Link } from '@inertiajs/react';
import { CloudArrowUpIcon, LockClosedIcon, ServerIcon } from '@heroicons/react/20/solid'
import NewsCard from '@/Components/NewsCard';
import { useEffect, useState } from 'react';
const features = [
{
name: 'Ажлын туршлага',
description:
'Find the best scale for you with our dynamic product finder. ',
icon: CloudArrowUpIcon,
},
{
name: 'Бүтээгдэхүүн үйлчилгээ',
description: 'Search over 150 distributors around the country. ',
icon: LockClosedIcon,
},
{
name: 'Мэргэшсэн хамт олон',
description: 'Find the right weighing scales and equipment for your industrial sector. ',
icon: ServerIcon,
},
]
const offers = [
{
"name": "offer_1",
icon: ()
},
{
"name": "offer_2",
icon: ()
},
{
"name": "offer_3",
icon: ()
},
{
"name": "offer_4",
icon: ()
}
]
export default function Welcome({ language, news, products, seo }) {
const [currentIndex, setCurrentIndex] = useState(0);
useEffect(() => {
const timer = setInterval(() => {
nextSlide();
}, 3000); // Change slide every 3 seconds
return () => clearInterval(timer); // Cleanup timer on component unmount
}, [currentIndex]);
const nextSlide = () => {
setCurrentIndex((prevIndex) => (prevIndex + 1) % products.length);
};
return (
<>