import PageBanner from "@/components/reuseables/PageBanner";
import Image from "next/image";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
import { fadeIn } from "@/components/reuseables/variants";
import Rules from "./Rules";
import Facts from "./Facts";
import ReachUs from "./ReachUs";
import KeyFeature from "./KeyFeature";
import AdvithComments from "./AdvithComments";
const banners = [
  {
    imageSrc: "/images/page-title-bg.jpg",
    pageTitle: "Corpedia -Details",
    homePageUrl: "/",
    homePageText: "Home",
    activePageText: "Corpedia - Details",
  },
  // Add more banners as needed
];
const DetailPage = () => {
  return (
    <>
      <PageBanner banners={banners} />
      <section className="corpedia-details-page">
        <Container>
          <Row className="align-items-center">
            <Col lg={5}>
              <div className="corpedia-details">
                <motion.div
                  variants={fadeIn(0.4)}
                  initial={"hidden"}
                  whileInView={"show"}
                  viewport={{ once: false, amount: 0.2 }}
                >
                  <Image
                    src="/images/about.png"
                    layout="fill"
                    className="img-fluid image"
                    alt="image"
                  />
                </motion.div>
              </div>
            </Col>
            <Col lg={7}>
              <div className="corpedia-details">
                <Heading el="h2" heading="Background" className="h2" />
                <p>
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                  irure dolor in reprehenderit in voluptate velit esse cillum
                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                  cupidatat non proident, sunt in culpa qui officia deserunt
                  mollit anim id est laborum.
                </p>
              </div>
            </Col>
          </Row>
        </Container>
        <Rules />
        <Facts />
        <AdvithComments />
        <KeyFeature />
        <ReachUs />
      </section>
    </>
  );
};

export default DetailPage;