import React from "react";
import CardNormal from "src/components/Cards/CardNormal/page";
import Navbar from "src/components/NavBar";
import Content from "./components/Content";
import Filters from "./components/Filters";
import Footer from "../Landing/components/Footer";

const CategoriesData = ({ products }) => {
  return (
    <>
      <Navbar theme={1} />
      <div className="xs:container-none md:container mx-auto p-4  flex flex-col md:flex-row mt-10">
        <Filters />
        <Content products={products} />
      </div>
      <Footer />
    </>
  );
};

export default CategoriesData;
