'use client';
import Header from "../components/navbar";
import Image from "next/image";
import dataMining from '../../public/assets/icons/mining.svg';
import bmpImage from "../../public/assets/icons/bpms.svg";
import alImage from '../../public/assets/icons/al.svg';
import style from "./index.module.css";
import interduceImg from '../../public/assets/photos/secondInterDuce.png';
import Slider from "react-slick";
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';
import testImage from '../../public/assets/photos/testImage.png';
import Footer from "@/components/footer";
import { useEffect, useState } from "react";

const mainPage = () => {
    const [backwardStatus, setbackwardStatus] = useState(null);
    const settings = {
        dots: false,
        infinite: true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2,
                    infinite: true,
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    initialSlide: 1
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
        ]
    };

    return (
        <>
            <Header backwardStatus={backwardStatus} setbackwardStatus={setbackwardStatus} />
            <div className={style.parent}>
                <div className="container">
                    <div className="headContent">
                        <div className={style.content}>
                            <div className={style.desc}>
                                <div className={`${style.title} right`}>
                                    <h1 className="txtPrimary">معرفی</h1>
                                    <h1 className="txtSecondPrimary">سپهردیتا</h1>
                                </div>
                                <p>با گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در دنیای اقتصاد مطرح شد که اکنون ارزشمندترین عنصر کمپانی های کوچک و بزرگ در تمام دنیا به حساب می آید و آن چیزی نیست جز مفهوم "داده". با وجود کلان داده هایی که در اختیار کمپانی های مختلف قرار دارد، علم "داده کاوی" و مزیت های فوق العاده ارزشمند این علم که به صورت پیدا و پنهان برای کمپانی ها به ارمغان می آورد، از درجه اهمیت روزافزون برخوردار می شود.
                                    این مهم، جمعی از متخصصین علم کامپیوتر در مشهد را بر آن داشت تا با کوله باری بیش از ده ساله در زمینه های مختلف کامپیوتری اقدام به راه اندازی شرکت "داده کاوی سپهر توس" نمایند. متخصصینی تحصیل کرده در رشته های نرم افزار، فناوری اطلاعات، هوش مصنوعی و ... در مقاطع کارشناسی ارشد و کارشناسی در دانشگاه های خواجه نصیرالدین طوسی، فردوسی، آزاد و تعدادی دیگر از دانشگاه های کشور، با توانمندی در زمینه های برنامه نویسی های پیشرفته و متخصص در علوم داده و ...، در این شرکت گرد هم آمده اند. تدریس علوم مختلف کامپیوتری در زمینه های برنامه نویسی، هوش مصنوعی، ریاضیات و ... در دانشگاه های مشهد از دیگر سوابق کارگروه علمی این شرکت می باشد.
                                    هم اکنون شرکت داده کاوی سپهر توس بعد از پذیرش در پارک علم و فناوری خراسان حول محصولات مبتنی بر هوش مصنوعی مشغول فعالیت می باشد.</p>

                            </div>
                            <div className={style.image}>
                                <Image src={interduceImg} alt="interduce" />
                            </div>
                        </div>
                    </div>

                    <div className={style.services}>
                        <div className={style.title}>
                            <h1 className="icon triAngleIcon txtPrimary">خدمات</h1>
                            <h1 className="txtSecondPrimary">سپهردیتا</h1>
                        </div>
                        <div className={style.cards}>
                            <div className="card">
                                <div className="head">
                                    <div className="cardLogo">
                                        <Image src={dataMining} alt="DataMining" />
                                    </div>
                                    <h1>Data Maining</h1>
                                </div>
                                <div className="content">
                                    <p className="minimize third">با گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در دنیای اقتصاد مطرح شد که اکنون ارزشمندترین عنصر کمپانی های کوچک و بزرگ در تمام دنیا به حساب می آید و آن چیزی نیست جز مفهوم "داده". با وجود کلان داده هایی که در اختیار کمپانی های مختلف قرار دارد، علم "داده کاوی" و مزیت های فوق العاده ارزشمند این علم که به صورت پیدا و پنهان برای کمپانی ها به ارمغان می آورد، از درجه اهمیت روزافزون برخوردار می شود.
                                        این مهم، جمعی از متخصصین علم کامپیوتر در مشهد را بر آن داشت تا با کوله باری بیش از ده ساله در زمینه های مختلف کامپیوتری اقدام به راه اندازی شرکت "داده کاوی سپهر توس" نمایند. متخصصینی تحصیل کرده در رشته های نرم افزار، فناوری اطلاعات، هوش مصنوعی و ... در مقاطع کارشناسی ارشد و کارشناسی در دانشگاه های خواجه نصیرالدین طوسی، فردوسی، آزاد و تعدادی دیگر از دانشگاه های کشور، با توانمندی در زمینه های برنامه نویسی های پیشرفته و متخصص در علوم داده و ...، در این شرکت گرد هم آمده اند. تدریس علوم مختلف کامپیوتری در زمینه های برنامه نویسی، هوش مصنوعی، ریاضیات و ... در دانشگاه های مشهد از دیگر سوابق کارگروه علمی این شرکت می باشد.

                                        هم اکنون شرکت داده کاوی سپهر توس بعد از پذیرش در پارک علم و فناوری خراسان حول محصولات مبتنی بر هوش مصنوعی مشغول فعالیت می باشد.</p>
                                </div>
                            </div>
                            <div className="card">
                                <div className="head">
                                    <div className="cardLogo">
                                        <Image src={bmpImage} alt="DataMining" />
                                    </div>
                                    <h1>BPMS</h1>
                                </div>
                                <div className="content">
                                    <p className="minimize third">با گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در دنیای اقتصاد مطرح شد که اکنون ارزشمندترین عنصر کمپانی های کوچک و بزرگ در تمام دنیا به حساب می آید و آن چیزی نیست جز مفهوم "داده". با وجود کلان داده هایی که در اختیار کمپانی های مختلف قرار دارد، علم "داده کاوی" و مزیت های فوق العاده ارزشمند این علم که به صورت پیدا و پنهان برای کمپانی ها به ارمغان می آورد، از درجه اهمیت روزافزون برخوردار می شود.
                                        این مهم، جمعی از متخصصین علم کامپیوتر در مشهد را بر آن داشت تا با کوله باری بیش از ده ساله در زمینه های مختلف کامپیوتری اقدام به راه اندازی شرکت "داده کاوی سپهر توس" نمایند. متخصصینی تحصیل کرده در رشته های نرم افزار، فناوری اطلاعات، هوش مصنوعی و ... در مقاطع کارشناسی ارشد و کارشناسی در دانشگاه های خواجه نصیرالدین طوسی، فردوسی، آزاد و تعدادی دیگر از دانشگاه های کشور، با توانمندی در زمینه های برنامه نویسی های پیشرفته و متخصص در علوم داده و ...، در این شرکت گرد هم آمده اند. تدریس علوم مختلف کامپیوتری در زمینه های برنامه نویسی، هوش مصنوعی، ریاضیات و ... در دانشگاه های مشهد از دیگر سوابق کارگروه علمی این شرکت می باشد.

                                        هم اکنون شرکت داده کاوی سپهر توس بعد از پذیرش در پارک علم و فناوری خراسان حول محصولات مبتنی بر هوش مصنوعی مشغول فعالیت می باشد.</p>
                                </div>
                            </div>
                            <div className="card">
                                <div className="head">
                                    <div className="cardLogo">
                                        <Image src={alImage} alt="DataMining" />
                                    </div>
                                    <h1>Artificial Intelligence</h1>
                                </div>
                                <div className="content">
                                    <p className="minimize third">با گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در دنیای اقتصاد مطرح شد که اکنون ارزشمندترین عنصر کمپانی های کوچک و بزرگ در تمام دنیا به حساب می آید و آن چیزی نیست جز مفهوم "داده". با وجود کلان داده هایی که در اختیار کمپانی های مختلف قرار دارد، علم "داده کاوی" و مزیت های فوق العاده ارزشمند این علم که به صورت پیدا و پنهان برای کمپانی ها به ارمغان می آورد، از درجه اهمیت روزافزون برخوردار می شود.
                                        این مهم، جمعی از متخصصین علم کامپیوتر در مشهد را بر آن داشت تا با کوله باری بیش از ده ساله در زمینه های مختلف کامپیوتری اقدام به راه اندازی شرکت "داده کاوی سپهر توس" نمایند. متخصصینی تحصیل کرده در رشته های نرم افزار، فناوری اطلاعات، هوش مصنوعی و ... در مقاطع کارشناسی ارشد و کارشناسی در دانشگاه های خواجه نصیرالدین طوسی، فردوسی، آزاد و تعدادی دیگر از دانشگاه های کشور، با توانمندی در زمینه های برنامه نویسی های پیشرفته و متخصص در علوم داده و ...، در این شرکت گرد هم آمده اند. تدریس علوم مختلف کامپیوتری در زمینه های برنامه نویسی، هوش مصنوعی، ریاضیات و ... در دانشگاه های مشهد از دیگر سوابق کارگروه علمی این شرکت می باشد.

                                        هم اکنون شرکت داده کاوی سپهر توس بعد از پذیرش در پارک علم و فناوری خراسان حول محصولات مبتنی بر هوش مصنوعی مشغول فعالیت می باشد.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className={style.mainContent}>
                        <div className={style.hyperAutomation}>
                            <div className={style.aboutHyper}>
                                <div className={`${style.title} right`}>
                                    <h1 className="icon triAngleIcon txtPrimary">هایپر</h1>
                                    <h1 className="txtSecondPrimary">اتوماسیون</h1>
                                </div>
                                <div className={style.hyperDesc}>
                                    <p className="minimize fifth">
                                        با گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در دنیای اقتصاد مطرح شد که اکنون ارزشمندترین عنصر کمپانی های کوچک و بزرگ در تمام دنیا به حساب می آید و آن چیزی نیست جز مفهوم "داده". با وجود کلان داده هایی که در اختیار کمپانی های مختلف قرار دارد، علم "داده کاوی" و مزیت های فوق العاده ارزشمند این علم که به صورت پیدا و پنهان برای کمپانی ها به ارمغان می آورد، از درجه اهمیت روزافزون برخوردار می شود.
                                        این مهم، جمعی از متخصصین علم کامپیوتر در مشهد را بر آن داشت تا با کوله باری بیش از ده ساله در زمینه های مختلف کامپیوتری اقدام به راه اندازی شرکت "داده کاوی سپهر توس" نمایند. متخصصینی تحصیل کرده در رشته های نرم افزار، فناوری اطلاعات، هوش مصنوعی و ... در مقاطع کارشناسی ارشد و کارشناسی در دانشگاه های خواجه نصیرالدین طوسی، فردوسی، آزاد و تعدادی دیگر از دانشگاه های کشور، با توانمندی در زمینه های برنامه نویسی های پیشرفته و متخصص در علوم داده و ...، در این شرکت گرد هم آمده اند. تدریس علوم مختلف کامپیوتری در زمینه های برنامه نویسی، هوش مصنوعی، ریاضیات و ... در دانشگاه های مشهد از دیگر سوابق کارگروه علمی این شرکت می باشد.

                                        هم اکنون شرکت داده کاوی سپهر توس بعد از پذیرش در پارک علم و فناوری خراسان حول محصولات مبتنی بر هوش مصنوعی مشغول فعالیت می باشد.
                                    </p>
                                </div>
                            </div>
                            <div className={style.descRobot}>
                                <div className={style.interduce}>
                                    <div className={`${style.BPMS} ${style.circleRight}`}>
                                        <h2>BPMS</h2>
                                        <p className="minimize forth">ا گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونی</p>
                                    </div>
                                    <div className={style.AL}>
                                        <h2>AL</h2>
                                        <p className="minimize forth">ا گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونی</p>
                                    </div>
                                    <div className={`${style.Others} ${style.circleRight}`}>
                                        <h2>Others</h2>
                                        <p className="minimize forth">ا گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونی</p>
                                    </div>
                                    <div className={style.ML}>
                                        <h2>ML</h2>
                                        <p className="minimize forth">ا گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونی</p>
                                    </div>
                                </div>
                                <div className={style.robotic}>
                                    <div className={`${style.field} ${style.first}`}></div>
                                    <div className={`${style.field} ${style.seconde}`}></div>
                                    <div className={style.interduce}>
                                        <span>
                                            Robotic Process
                                            Automation
                                        </span>
                                    </div>
                                    <div className={`${style.field} ${style.third}`}></div>
                                    <div className={`${style.field} ${style.fourth}`}></div>
                                </div>
                            </div>
                        </div>

                        <div className="customer">
                            <div className={style.title}>
                                <h1 className="icon triAngleIcon txtPrimary">مشتریان</h1>
                                <h1 className="txtSecondPrimary">سپهردیتا</h1>
                            </div>
                            <Slider {...settings}>
                                <div className={style.customerBrand}>
                                    <Image src={testImage} alt="brand" />
                                </div>
                                <div className={style.customerBrand}>
                                    <Image src={testImage} alt="brand" />
                                </div>
                                <div className={style.customerBrand}>
                                    <Image src={testImage} alt="brand" />
                                </div>
                                <div className={style.customerBrand}>
                                    <Image src={testImage} alt="brand" />
                                </div>
                            </Slider>
                        </div>

                        <div className={style.whatIsSepehrdata}>
                            <div className={style.title}>
                                <h1 className="icon triAngleIcon txtSecondPrimary">سپهردیتا</h1>
                                <h1 className="txtPrimary">چیست؟</h1>
                            </div>
                            <div className={style.sepehrDesc}>
                                <p>
                                    ا گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در دنیای اقتصاد مطرح شد که اکنون ارزشمندترین عنصر کمپانی های کوچک و بزرگ در تمام دنیا به حساب می آید و آن چیزی نیست جز مفهوم "داده". با وجود کلان داده هایی که در اختیار کمپانی های مختلف قرار دارد، علم "داده کاوی" و مزیت های فوق العاده ارزشمند این علم که به صورت پیدا و پنهان برای کمپانی ها به ارمغان می آورد، از
                                </p>
                            </div>
                        </div>
                        <Footer />
                    </div>
                </div>
            </div>
            <div className={`backward ${backwardStatus ? 'show' : ''}`}></div>
        </>

    )
}

export default mainPage;