diff --git a/pages/_app.js b/pages/_app.js
index 1a74245..f63fc36 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -76,8 +76,8 @@ function MyApp({ Component, pageProps }) {
     return (<>
         {/* <SmoothScroll /> */}
         {!loading ? (
-            <ProductHome />
-            // <Component {...pageProps} />
+            // <ProductHome />
+            <Component {...pageProps} />
         ) : (
             <Preloader />
         )}
diff --git a/pages/index.js b/pages/index.js
index b11d681..e5cf1cd 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,659 +1,716 @@
 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 (
         <>
-            <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>
-
+            <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>
         </>
     )
-}
\ No newline at end of file
+}
+
+// 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>
+//
+//         </>
+//     )
+// }
\ No newline at end of file