"use client";
import Header from "../component/HeaderOne/Main";
import Footer from "../component/FooterOne/Main";
import Breadcrumb from "../component/Breadcrumb/Main";
import ShopDetails from "../component/Mencart/ShopDetails";
import CardDetails from "../component/Mencart/CardDetails";

function Main() {
  return (
    <div>
      {/* <Header /> */}
      <div className="main-wrapper">
        <div className="data-scroll">
          <div className="page-wrapper">
            <div className="page-wrapper-bg-3" />
            <div className="page-wrapper-bg-4" />
            <main className="site-main">
              <Breadcrumb title="Home" subtitle="Cart" />
              <CardDetails />
              <ShopDetails />
            </main>
            {/* <Footer /> */}
          </div>
        </div>
      </div>
    </div>
  );
}

export default Main;
