import React from 'react';
import SliderHome from './SliderHome';
import BoxProductDeal from './BoxDeal';
import CategoryFeature from './CategoryFeature';
import BoxListCategory from './BoxCategory';
import BoxArticle from './BoxArticle';
import BoxArticleVideo from './BoxArticleVideo';
import BoxReviewCustomer from './BoxReviewCustomer';

const Home = () => {
  return (
    <div className="page-hompage mt-4">
      <div className="container">
        {/* slider */}
        <SliderHome />
        {/* deal */}
        <BoxProductDeal />
        {/* box danh mục nổi bật */}
        <CategoryFeature />

        {/* DANH SÁCH DANH MỤC */}
        <BoxListCategory />

        {/* tin tức công nghệ */}
        <BoxArticle />

        {/*  tin tức video  */}
        <BoxArticleVideo />

        {/* đánh giá từa khách hàng */}
        <BoxReviewCustomer />
      </div>
    </div>
  );
};

export default Home;