import PortfolioDetailsFaq from "./PortfolioDetailsFaq";

export default function PortfolioDetailsArea() {




  return (
    <section className="mtproject__details-area pt-130 pb-100 p-relative fixs">
      <div className="container">
        <div className="mtproject__details-box d-flex align-items-center justify-content-center mb-30">
          <div className="mtproject__details-box-item text-center mb-20">
            <h5>Published</h5>
            <span>11 December 2026</span>
          </div>
          <div className="mtproject__details-box-item text-center mb-20">
            <h5>Country</h5>
            <span> United kingdom</span>
          </div>
          <div className="mtproject__details-box-item text-center mb-20">
            <h5>Industry</h5>
            <span>Architecture</span>
          </div>
          <div className="mtproject__details-box-item text-center mb-20">
            <h5>Website</h5>
            <span>parodydesign.com</span>
          </div>
        </div>
        <div className="mtproject__details-thumb mb-120 wow img-custom-anim-top" data-wow-duration="1.5s"
          data-wow-delay="0.2s">
          <img src="assets/img/project/project-details.jpg" alt="" />
        </div>
        <div className="mtproject__details-section mb-60">
          <div className="row">
            <div className="col-xl-7">
              <div className="mt-section-content mb-20">
                <h2 className="mt-section-title">Project Overview :</h2>
              </div>
            </div>
            <div className="col-xl-5">
              <div className="mt-section-content mb-20">
                <p>We are excited for our work and how it positively impacts <br />
                  With over 12 years of experience we have constantly <br />
                  providing solutions. We are committed to deliver <br />
                  digital media solutions from web design</p>
              </div>
            </div>
          </div>
        </div>
        <div className="mtproject__details-award mb-100">
          <div className="row">
            <div className="col-lg-7">
              <div className="mt-section-content mb-30">
                <h2 className="mt-section-title  mb-10">Awwards</h2>
                <h5 className="mt-section-subtitle "><strong>Awards</strong> - site of the day 2020</h5>
              </div>
            </div>
            <div className="col-lg-5">
              <div className="mtfaq mb-30"> 
                <PortfolioDetailsFaq /> 
              </div>
            </div>
          </div>
        </div>
        <div className="mtproject__details-thumb mb-120 wow img-custom-anim-top" data-wow-duration="1.5s"
          data-wow-delay="0.2s">
          <img src="assets/img/project/project-details-2.jpg" alt="" />
        </div>
        <div className="mt-section-wrapper mb-80">
          <div className="row">
            <div className="col-12">
              <div className="mt-section-content mb-30">
                <h2 className="mt-section-title  mb-20">Visual Identity</h2>
              </div>
            </div>
            <div className="col-lg-3">
              <div className="mt-section-content mb-45">
                <h5 className="mt-section-subtitle  mb-20">An introduction</h5>
              </div>
            </div>
            <div className="col-lg-9">
              <div className="mt-section-content ml-0 mb-45">
                <h4 className="mb-20">Creative Agencies are Known for Their Ability to Think <br /> Outside the Box,
                  Offering Fresh,
                  Innovative Clients Marketing <br />
                  and Branding Needs.</h4>
                <p>The opening of the new St. Regis hotel in Venice created the need for a web experience to
                  <br />
                  support the opening activities. It was our job to translate an atmosphere of great subtlety
                  <br />
                  and refinement, into a one-of-a-kind digital experience. We were tasked to create a one-
                  <br />page
                  website that needed to
                  express these traits.
                </p>
              </div>
            </div>
          </div>
        </div>
        <div className="mtproject__details-thumb mb-30">
          <div className="row">
            <div className="col-lg-6">
              <div className="mtproject__details-thumb-sm mb-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.2s">
                <img src="assets/img/project/project-details-sm-1.jpg" alt="" />
              </div>
            </div>
            <div className="col-lg-6">
              <div className="mtproject__details-thumb-sm mb-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.3s">
                <img src="assets/img/project/project-details-sm-2.jpg" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div className="postbox__pagination mb-20 d-flex justify-content-center">
          <button><span><i className="fal fa-long-arrow-left"></i></span> Prev</button>
          <button className="active">Next <span><i className="fal fa-long-arrow-right"></i></span> </button>
        </div>
      </div>
    </section>
  )
}

 