"use client";
import Card from "../../components/Card/Card";
import React from "react";

import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Navigation } from "swiper/modules";
import img from "../../../public/images/car-2.jpg";
import img2 from "../../../public/images/car-2.jpg";

const page = () => {
  return (
    <div className="h-full flex items-center justify-center w-[45%] mx-auto">
      <Swiper
        className="justify-center border border-black-100 items-center "
        slidesPerView={2}
        spaceBetween={25}
      >
        <SwiperSlide>
          <Card img={img} />
        </SwiperSlide>
        <SwiperSlide>
          <Card img={img2} />
        </SwiperSlide>
        <SwiperSlide>
          <Card img={img} />
        </SwiperSlide>
        <SwiperSlide>
          <Card img={img2} />
        </SwiperSlide>
        <SwiperSlide>
          <Card img={img2} />
        </SwiperSlide>
      </Swiper>
    </div>
  );
};

export default page;
