import Link from "next/link"
import Layout from "../components/layout/Layout"
import Banner13_5 from "../components/sections/Banner13_5"
//import Brands1_11 from "../components/sections/Brands1_11"
// import Ct01_15 from "../components/sections/Ct01_15"
import Ct01_16 from "../components/sections/Ct01_16"
// import Ct02_27 from "../components/sections/Ct02_27"
// import Ct03_6 from "../components/sections/Ct03_6"
// import Ct04_7 from "../components/sections/Ct04_7"
// import Faqs3_9 from "../components/sections/Faqs3_9"
//import Features13_5 from "../components/sections/Features13_5"
//import Features1_2 from "../components/sections/Features1_2"
// import Features5_8 from "../components/sections/Features5_8"
//import Hero13 from "../components/sections/Hero13"
// import Integrations2_6 from "../components/sections/Integrations2_6"
// import Lnk1_13 from "../components/sections/Lnk1_13"
// import Lnk2_13 from "../components/sections/Lnk2_13"
// import Reviews2_3 from "../components/sections/Reviews2_3"
//import Statistic5_3 from "../components/sections/Statistic5_3"
import MersmHero from "../components/sections/MersmHero";
import MermsFeatures from "../components/sections/MermsFeatures";
import MermsAbout from "../components/sections/MermsAbout";
import MermsHowItWorks from "../components/sections/MermsHowItWorks";
import MermsFeatures2 from "../components/sections/MermsFeatures2";


export default function Home() {

    return (
        <>
            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
                <MersmHero />
                {/*<Statistic5_3 />*/}
                <hr className="divider" />
                <MermsAbout />
                <hr className="divider" />
                <MermsFeatures />
                {/*<Features13_5 />*/}
                <MermsHowItWorks />
                {/*<Lnk1_13 />*/}
                {/*<Ct02_27 />*/}
                {/*<Lnk2_13 />*/}
                {/*<Ct01_15 />*/}
                {/*<Ct03_6 />*/}
                <MermsFeatures2 />
                {/*<Features1_2 />*/}
                {/*<Integrations2_6 />*/}
                <Ct01_16 />
                {/*<Features5_8 />*/}
                {/*<Reviews2_3 />*/}
                {/*<Brands1_11 />*/}
                {/*<Ct04_7 />*/}
                {/*<Faqs3_9 />*/}
                <Banner13_5 />
            </Layout>
        </>
    )
}

// export default function Home() {
//
//     return (
//         <>
//             <div id="page" className="page-wrapper">
//                 {/* HERO
// ============================================= */}
//                 <section id="hero" className="bg--scroll hero-section">
//                     <div className="container color--white">
//                         <div className="row d-flex align-items-center">
//                             <div className="col">
//                                 {/* HERO TEXT */}
//                                 <div className="hero-txt text-center">
//                                     <h2>It’s time to show how creative you are</h2>
//                                     <p className="p-lg">A great collection of <span>flexible &amp; creative templates</span> to
//                                         promote your Software, App, SaaS, Startup or business projects
//                                     </p>
//                                     <Link href="#select" className="btn btn--pink-400 hover--tra-white" >Check Demos</Link>
//                                 </div>
//                                 {/* HERO IMAGE */}
//                                 <div className="hero-img">
//                                     <img className="img-fluid" src="/images/demo/hero-img.png" alt="hero-image" />
//                                 </div>
//                             </div>
//                         </div>
//                     </div>     {/* End container */}
//                 </section>	{/* END HERO */}
//                 {/* FEATURES
// ============================================= */}
//                 <section id="features" className="features-section">
//                     <div className="container">
//                         <div className="fbox-wrapper text-center">
//                             <div className="row row-cols-1 row-cols-lg-3">
//                                 {/* FEATURE BOX #1 */}
//                                 <div className="col">
//                                     <div className="fbox fb-1 wow fadeInUp">
//                                         {/* Image */}
//                                         <div className="fbox-img">
//                                             <img className="img-fluid" src="/images/demo/f_01.png" alt="feature-image" />
//                                         </div>
//                                         {/* Text */}
//                                         <div className="fbox-txt">
//                                             <h5>Ultra Responsive</h5>
//                                             <p>Martex has a fully responsive design. It fits perfectly on various displays
//                                                 and resolutions
//                                             </p>
//                                         </div>
//                                     </div>
//                                 </div>	{/* END FEATURE BOX #1 */}
//                                 {/* FEATURE BOX #2 */}
//                                 <div className="col">
//                                     <div className="fbox fb-2 wow fadeInUp">
//                                         {/* Image */}
//                                         <div className="fbox-img">
//                                             <img className="img-fluid" src="/images/demo/f_02.png" alt="feature-image" />
//                                         </div>
//                                         {/* Text */}
//                                         <div className="fbox-txt">
//                                             <h5>Built with Bootstrap 5.x</h5>
//                                             <p>The world’s most popular front-end open source toolkit for building responsive
//                                                 websites
//                                             </p>
//                                         </div>
//                                     </div>
//                                 </div>	{/* END FEATURE BOX #2 */}
//                                 {/* FEATURE BOX #3 */}
//                                 <div className="col">
//                                     <div className="fbox fb-3 wow fadeInUp">
//                                         {/* Image */}
//                                         <div className="fbox-img">
//                                             <img className="img-fluid" src="/images/demo/f_03.png" alt="feature-image" />
//                                         </div>
//                                         {/* Text */}
//                                         <div className="fbox-txt">
//                                             <h5>Beautiful Components</h5>
//                                             <p>Martex includes well designed components which always gives you best results
//                                                 as you wanted
//                                             </p>
//                                         </div>
//                                     </div>
//                                 </div>	{/* END FEATURE BOX #3 */}
//                             </div>  {/* End row */}
//                         </div>	{/* END FEATURES WRAPPER */}
//                     </div>     {/* End container */}
//                 </section>	{/* END FEATURES */}
//                 {/* SELECT
// ============================================= */}
//                 <section id="select" className="bg-fixed select-section">
//                     <div className="container">
//                         {/* SECTION TITLE */}
//                         <div className="row">
//                             <div className="col-lg-10 offset-lg-1 section-title">
//                                 <h2>Stunning Designs</h2>
//                                 <p>27 beautiful, hand-crafted designs to get you started. Choose the one you like best and start
//                                     customize it to your website
//                                 </p>
//                             </div>
//                         </div>
//                         {/* DEMOS WRAPPER */}
//                         <div className="row">
//                             {/* LAYOUT-1 */}
//                             <div id="l-1" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-1" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-01.jpg" alt="layout-1-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #1</h4>
//                             </div>
//                             {/* LAYOUT-2 */}
//                             <div id="l-2" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-2" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-02.jpg" alt="layout-2-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4> Demo #2</h4>
//                             </div>
//                             {/* LAYOUT-3 */}
//                             <div id="l-3" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-3" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-03.jpg" alt="layout-3-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #3</h4>
//                             </div>
//                             {/* LAYOUT-4 */}
//                             <div id="l-4" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-4" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-04.jpg" alt="layout-4-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #4</h4>
//                             </div>
//                             {/* LAYOUT-5 */}
//                             <div id="l-5" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-5" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-05.jpg" alt="layout-5-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #5</h4>
//                             </div>
//                             {/* LAYOUT-6 */}
//                             <div id="l-6" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-6" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-06.jpg" alt="layout-6-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #6</h4>
//                             </div>
//                             {/* LAYOUT-7 */}
//                             <div id="l-7" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-7" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-07.jpg" alt="layout-7-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #7</h4>
//                             </div>
//                             {/* LAYOUT-8 */}
//                             <div id="l-8" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-8" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-08.jpg" alt="layout-8-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #8</h4>
//                             </div>
//                             {/* LAYOUT-9 */}
//                             <div id="l-9" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-9" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-09.jpg" alt="layout-9-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #9</h4>
//                             </div>
//                             {/* LAYOUT-10 */}
//                             <div id="l-10" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-10" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-10.jpg" alt="layout-10-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #10</h4>
//                             </div>
//                             {/* LAYOUT-11 */}
//                             <div id="l-11" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-11" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-11.jpg" alt="layout-11-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #11</h4>
//                             </div>
//                             {/* LAYOUT-12 */}
//                             <div id="l-12" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-12" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-12.jpg" alt="layout-12-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #12</h4>
//                             </div>
//                             {/* LAYOUT-13 */}
//                             <div id="l-13" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-13" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-13.jpg" alt="layout-13-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #13</h4>
//                             </div>
//                             {/* LAYOUT-14 */}
//                             <div id="l-14" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-14" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-14.jpg" alt="layout-14-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #14</h4>
//                             </div>
//                             {/* LAYOUT-15 */}
//                             <div id="l-15" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-15" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-15.jpg" alt="layout-15-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #15</h4>
//                             </div>
//                             {/* LAYOUT-16 */}
//                             <div id="l-16" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-16" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-16.jpg" alt="layout-16-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #16</h4>
//                             </div>
//                             {/* LAYOUT-17 */}
//                             <div id="l-17" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-17" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-17.jpg" alt="layout-17-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #17</h4>
//                             </div>
//                             {/* LAYOUT-18 */}
//                             <div id="l-18" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-18" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-18.jpg" alt="layout-18-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #18</h4>
//                             </div>
//                             {/* LAYOUT-19 */}
//                             <div id="l-19" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-19" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-19.jpg" alt="layout-19-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #19</h4>
//                             </div>
//                             {/* LAYOUT-20 */}
//                             <div id="l-20" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-20" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-20.jpg" alt="layout-20-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #20</h4>
//                             </div>
//                             {/* LAYOUT-21 */}
//                             <div id="l-21" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-21" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-21.jpg" alt="layout-21-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #21</h4>
//                             </div>
//                             {/* LAYOUT-22 */}
//                             <div id="l-22" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-22" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-22.jpg" alt="layout-22-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #22</h4>
//                             </div>
//                             {/* LAYOUT-23 */}
//                             <div id="l-23" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-23" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-23.jpg" alt="layout-23-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #23</h4>
//                             </div>
//                             {/* LAYOUT-24 */}
//                             <div id="l-24" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/404" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-24.jpg" alt="layout-24-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #24</h4>
//                             </div>
//                             {/* LAYOUT-25 */}
//                             <div id="l-25" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-25" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-25.jpg" alt="layout-25-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #25</h4>
//                             </div>
//                             {/* LAYOUT-26 */}
//                             <div id="l-26" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-26" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-26.jpg" alt="layout-26-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #26</h4>
//                             </div>
//                             {/* LAYOUT-27 */}
//                             <div id="l-27" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/demo-27" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/layout-27.jpg" alt="layout-27-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Demo #27</h4>
//                             </div>
//                         </div>	{/* END DEMOS WRAPPER */}
//                     </div>	  {/* End container */}
//                 </section>	{/* END SELECT */}
//                 {/* BANNER-1
// ============================================= */}
//                 <section id="banner-1" className="bg--scroll banner division">
//                     <div className="container">
//                         <div className="row d-flex align-items-center">
//                             <div className="col-lg-6">
//                                 <div className="banner-1-txt color--white">
//                                     <h2>Fully Responsive &amp; Retina Ready</h2>
//                                     <p>Attention to details is what makes the Martex fully fuctional. No matter what kind
//                                         of content you add, your website will look stunning on any major device such as tablet,
//                                         smartphone etc.
//                                     </p>
//                                     <Link className="btn btn--pink-400 hover--tra-white" href="/demo-1" target="_blank">
//                                         See Martex in action
//                                     </Link>
//                                 </div>
//                             </div>
//                             <div className="col-lg-6">
//                                 <div className="banner-1-img">
//                                     <img className="img-fluid" src="/images/demo/banner-1-img.png" alt="banner-image" />
//                                 </div>
//                             </div>
//                         </div>    {/* End row */}
//                     </div>     {/* End container */}
//                 </section>	{/* END BANNER-1 */}
//                 {/* INNER PAGES
// ============================================= */}
//                 <section id="i-pages" className="ip-section">
//                     <div className="container">
//                         {/* SECTION TITLE */}
//                         <div className="row">
//                             <div className="col-lg-10 offset-lg-1 section-title">
//                                 <h2>Practical Inner Pages</h2>
//                                 <p>Martex offers a vast number of pre-made inner pages which will save your time when building
//                                     a website.
//                                 </p>
//                             </div>
//                         </div>
//                         <div className="row">
//                             {/* ABOUT PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/about" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/about.jpg" alt="about-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>About Us</h4>
//                             </div>
//                             {/* CAREERS PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/careers" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/careers.jpg" alt="careers-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Careers</h4>
//                             </div>
//                             {/* CAREER ROLE PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/career-role" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/career-role.jpg" alt="career-role-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Career Role</h4>
//                             </div>
//                             {/* TEAM PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/team" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/team.jpg" alt="team-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Team</h4>
//                             </div>
//                             {/* FEATURES PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/features" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/features.jpg" alt="features-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Features</h4>
//                             </div>
//                             {/* INTEGRATIONS PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/integrations" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/integrations.jpg" alt="integrations-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Integrations</h4>
//                             </div>
//                             {/* PROJECTS PAGE */}
//                             <div id="pts" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/projects" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/projects.jpg" alt="projects-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Our Projects</h4>
//                             </div>
//                             {/* SINGLE PROJECT */}
//                             <div id="pd" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/project-details" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/project-details.jpg" alt="project-details-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Project Details</h4>
//                             </div>
//                             {/* REVIEWS PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/reviews" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/reviews.jpg" alt="reviews-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Reviews</h4>
//                             </div>
//                             {/* PRICING-1 PLANS */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/pricing-1" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/pricing-1.jpg" alt="pricing-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Pricing Plans #1</h4>
//                             </div>
//                             {/* PRICING-2 PLANS */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/pricing-2" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/pricing-2.jpg" alt="pricing-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Pricing Plans #2</h4>
//                             </div>
//                             {/* DOWNLOAD PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/download" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/download.jpg" alt="download-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Download</h4>
//                             </div>
//                             {/* FAQs PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/faqs" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/faqs.jpg" alt="faqs-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>FAQs</h4>
//                             </div>
//                             {/* HELP CENTER PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/help-center" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/help-center.jpg" alt="help-center-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Help Center</h4>
//                             </div>
//                             {/* CONTACTS PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/contacts" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/contacts.jpg" alt="contacts-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Contacts</h4>
//                             </div>
//                             {/* BLOG LISTING */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/blog-listing" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/blog-listing.jpg" alt="blog-listing-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Blog Listing</h4>
//                             </div>
//                             {/* SINGLE POST */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/single-post" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/single-post.jpg" alt="single-post-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Single Post</h4>
//                             </div>
//                             {/* PAGE 404 */}
//                             <div id="p-404" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/404" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/404.jpg" alt="404-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Page 404</h4>
//                             </div>
//                             {/* TERMS PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/terms" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/terms.jpg" alt="terms-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Terms</h4>
//                             </div>
//                             {/* PRIVACY PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/privacy" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/privacy.jpg" alt="privacy-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Privacy</h4>
//                             </div>
//                             {/* COOKIES PAGE */}
//                             <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/cookies" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/cookies.jpg" alt="cookies-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Cookies</h4>
//                             </div>
//                             {/* LOG IN 1 PAGE */}
//                             <div id="reg-1" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/login-1" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/login-1.jpg" alt="login-1-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Log In Page #1</h4>
//                             </div>
//                             {/* LOG IN 2 PAGE */}
//                             <div id="reg-2" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/login-2" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/login-2.jpg" alt="login-2-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Log In Page #2</h4>
//                             </div>
//                             {/* SIGNUP 1 PAGE */}
//                             <div id="reg-3" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
//                                 <div className="hover-overlay">
//                                     <Link href="/signup-1" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/signup-1.jpg" alt="signup-1-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Sign Up Page #1</h4>
//                             </div>
//                             {/* SIGNUP 2 PAGE */}
//                             <div id="reg-4" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
//                                 <div className="hover-overlay">
//                                     <Link href="/signup-2" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/signup-2.jpg" alt="signup-2-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Sign Up Page #2</h4>
//                             </div>
//                             {/* RESET PASSWORD PAGE */}
//                             <div id="reg-5" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
//                                 <div className="hover-overlay">
//                                     <Link href="/reset-password" target="_blank">
//                                         <img className="img-fluid" src="/images/demo/reset-password.jpg" alt="reset-1-preview" />
//                                     </Link>
//                                 </div>
//                                 <h4>Reset Password</h4>
//                             </div>
//                         </div>	{/* End row */}
//                     </div>	  {/* End container */}
//                 </section>	{/* END INNER PAGES */}
//                 {/* BANNER-2
// ============================================= */}
//                 <section id="banner-2" className="bg--scroll division">
//                     <div className="container">
//                         {/* BANNER TEXT*/}
//                         <div className="row">
//                             <div className="col-lg-8 offset-lg-2">
//                                 <div className="banner-2-txt color--white text-center">
//                                     <h2>Create your amazing website with Martex</h2>
//                                     <p>Mix and match from over 50 exclusive section UI blocks. <span>Create something
//                                         unique and beautifully</span> tailored to your needs
//                                     </p>
//                                     <Link href="https://themeforest.net/item/martex-software-saas-startup-html5-template/46015236" className="btn btn--pink-400 hover--tra-white" >Purchase for $15</Link>
//                                 </div>
//                             </div>
//                         </div>	{/* END BANNER TEXT*/}
//                     </div>	  {/* End container */}
//                 </section>	{/* END BANNER-2 */}
//                 {/* FOOTER
// ============================================= */}
//                 <footer id="footer" className="footer division">
//                     <div className="container">
//                         <div className="row">
//                             <div className="col footer-copyright">
//                                 <p>Designed by JThemes Studio</p>
//                                 <p>© 2023 <span>Martex.</span> All Rights Reserved</p>
//                             </div>
//                         </div>
//                     </div>
//                 </footer>	{/* END FOOTER */}
//             </div>
//
//         </>
//     )
// }