diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index c9ce0aa..1199fb5 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -8,8 +8,8 @@ const HtmlAttributes = {
 const HeadComponents = [
   <meta key="httpEquiv" httpEquiv="X-UA-Compatible" content="IE=edge" />,
   <meta key="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />,
-  <meta key="keywords" name="keywords" content="React Gatsby Template Iteck Multi-Purpose themeforest" />,
-  <meta key="description" name="description" content="Iteck - Multi-Purpose React.js Gatsby Template" />,
+  <meta key="keywords" name="keywords" content="Nextream - Tech & IT Solutions" />,
+  <meta key="description" name="description" content="Nextream - Tech & IT Solutions" />,
   <meta key="author" name="author" content="" />,
   <link key="styles-bs-icons" rel="stylesheet" href="/assets/css/lib/bootstrap-icons.css" />,
   <link key="styles-fa" rel="stylesheet" href="/assets/css/lib/all.min.css" />,
diff --git a/src/components/App/About/FirstContent.jsx b/src/components/App/About/FirstContent.jsx
deleted file mode 100644
index c6722b8..0000000
--- a/src/components/App/About/FirstContent.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-
-const FirstContent = ({ features, rtl }) => {
-  return (
-    <div className="content frs-content"  id="about" data-scroll-index="2">
-      <div className="container">
-        <div className="row align-items-center justify-content-between">
-          <div className="col-lg-6">
-            <div className="img mb-30 mb-lg-0">
-              <img src="/assets/img/about/ipad.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head style-4">
-                <small className="title_small">{ rtl ? 'نوتيرو - تطبيق مذكرة سهل الاستخدام' : 'Notero - Easy Notes App' }</small>
-                <h2 className="mb-30">{ rtl ? 'تطبيق لاصحاب' : 'The Notero For' } <span> { rtl ? 'الابداع' : 'Creatives' } </span> </h2>
-              </div>
-              <p className="text mb-40">
-                {
-                  rtl && 'حافظ على تركيزك وإنتاجيتك مع مساحة  خالية من الفوضى. الطرق المرنة لتنظيم ملاحظاتك: علامات التجزئة ، دفاتر الملاحظات المتداخلة ، تثبيت الملاحظات في أعلى قائمة الملاحظات ، إلخ.'
-                }
-                { 
-                  !rtl && 
-                    <>
-                      Stay focused and productive with a clean and clutter-free note <br /> space. The flexible ways to organize your notes: hashtags, nested notebooks, pinning notes to the top of the note list, etc
-                    </> 
-                }
-              </p>
-              <ul>
-                {
-                  features.map((item, index) => (
-                    <li className="d-flex align-items-center mb-3" key={index}>
-                      <small className="icon-30 bg-gray rounded-circle color-blue4 d-inline-flex align-items-center justify-content-center me-3">
-                        <i className={item.icon}></i>
-                      </small>
-                      <h6 className="fw-bold">{item.title}</h6>
-                    </li>
-                  ))
-                }
-              </ul>
-              <a href="page-contact-5.html" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small> Free Register </small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s4_lines.png" alt="" className="lines" />
-      <img src="/assets/img/about/about_s4_bubble.png" alt="" className="bubble" />
-    </div>
-  )
-}
-
-export default FirstContent;
\ No newline at end of file
diff --git a/src/components/App/About/Integration.jsx b/src/components/App/About/Integration.jsx
deleted file mode 100644
index e276cfe..0000000
--- a/src/components/App/About/Integration.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-const Integration = ({ integrations, rtl }) => {
-  return (
-    <div className="integration pt-60" data-scroll-index="3">
-      <div className="section-head text-center style-4">
-        <small className="title_small">{ rtl ? 'دفعة لمرة واحدة' : 'One-Time Payment' }</small>
-        <h2 className="mb-20">{ rtl ? 'متوافق مع' : 'Integration With' } <span>{ rtl ? 'التطبيقات الشعبية' : 'Popular Apps' }</span> </h2>
-        <p>{ rtl ? 'نوتيرو يتكامل مع التطبيقات الشعبية. تساعدك على التواصل والتعاون بسهولة' : 'Notero intergrate with popular apps. Help you easy to connect and collaboration' }</p>
-      </div>
-      <div className="container">
-        <div className="content">
-          {
-            integrations.map((integration, index) => (
-              <div className="img" key={index}>
-                <img src={integration} alt="" className="mt-30" />
-              </div>
-            ))
-          }
-        </div>
-      </div>
-      <img src="/assets/img/about/intg_back.png" alt="" className="intg-back" />
-    </div>
-  )
-}
-
-export default Integration
\ No newline at end of file
diff --git a/src/components/App/About/SecondContent.jsx b/src/components/App/About/SecondContent.jsx
deleted file mode 100644
index 10abe26..0000000
--- a/src/components/App/About/SecondContent.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-
-const SecondContent = ({ accordions, rtl }) => {
-  return (
-    <div className="content sec-content">
-      <div className="container">
-        <div className="row align-items-center justify-content-between">
-          <div className="col-lg-5 order-2 order-lg-0">
-            <div className="info">
-              <div className="section-head style-4">
-                <small className="title_small">{ rtl ? 'إدارة أفضل للملاحظات' : 'Better Note Management' }</small>
-                <h2 className="mb-30">{ rtl ? 'ملاحظاتك' : 'Your Notes' } <span> { rtl ? 'في امان' : 'Security' } </span></h2>
-              </div>
-              <p className="text mb-40">
-                {
-                 rtl ? 
-                 'يتزامن تلقائيًا عبر جميع أجهزتك. يمكنك أيضًا الوصول إلى الملاحظات وكتابتها بدون اتصال بالإنترنت'
-                 :
-                 'Automatically syncs across all your devices. You can also access and write notes without internet connection.' 
-                }
-              </p>
-              <div className="faq style-3 style-4">
-                <div className="accordion" id="accordionExample">
-                  {
-                    accordions.map((accordion, index) => (
-                      <div className="accordion-item" key={index}>
-                        <h2 className="accordion-header" id={`heading${accordion.id}`}>
-                          <button className={`accordion-button ${index !== 0 ?'collapsed':''}`} type="button" data-bs-toggle="collapse" data-bs-target={`#collapse${accordion.id}`} aria-expanded="true" aria-controls={`collapse${accordion.id}`}>
-                            { accordion.title }
-                          </button>
-                        </h2>
-                        <div id={`collapse${accordion.id}`} className={`accordion-collapse collapse ${index === 0 ?'show':''}`} aria-labelledby={`heading${accordion.id}`} data-bs-parent="#accordionExample">
-                          <div className="accordion-body">
-                            { accordion.content }
-                          </div>
-                        </div>
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-              <a href="https://chrome.google.com/webstore/category/extensions" rel="noreferrer" className="btn btn-img mt-40 rounded-pill" target="_blank">
-                <div className="icon img-contain">
-                  <img src="/assets/img/icons/chrome_icon.png" alt="" />
-                </div>
-                <div className="inf">
-                  <small>{ rtl ? 'متاح في' : 'Available in the' }</small>
-                  <h6>{ rtl ? 'متجر كروم الالكتروني' : 'Chrome Web Store' }</h6>
-                </div>
-              </a>
-            </div>
-          </div>
-          <div className="col-lg-6 order-0 order-lg-2">
-            <div className="img mb-30 mb-lg-0">
-              <img src="/assets/img/about/2mobiles.png" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s4_bubble2.png" alt="" className="bubble2" />
-    </div>
-  )
-}
-
-export default SecondContent
\ No newline at end of file
diff --git a/src/components/App/About/ThirdContent.jsx b/src/components/App/About/ThirdContent.jsx
deleted file mode 100644
index 97f5fa5..0000000
--- a/src/components/App/About/ThirdContent.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const ThirdContent = ({ features, rtl }) => {
-  return (
-    <div className="content trd-content">
-      <div className="container">
-        <div className="row align-items-center justify-content-between">
-          <div className="col-lg-6">
-            <div className="img mb-30 mb-lg-0">
-              <img src="/assets/img/about/about_s4_img3.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head style-4">
-                <small className="title_small">{ rtl ? 'ثيمات جميلة' : 'Beautiful Themes' }</small>
-                <h2 className="mb-30">{ rtl ? 'ركز أكثر مع' : 'Focus More With' } <span>{ rtl ? 'المظهر الداكن' : 'Dark Theme' }</span> </h2>
-              </div>
-              <p className="text mb-40">
-                { rtl ? 'قم بتطبيق سمات نوتيرو الأنيقة حسب ذوقك. تعمل السمات المظلمة بشكل ممتاز لأولئك الذين يفضلون الوضع الخالي من الإلهاء.' : 'Apply Notero’s elegant themes to your taste. Dark themes work excellently for those who prefer distraction-free mode.' }
-              </p>
-              <ul>
-                {
-                  features.map((feature, index) => (
-                    <li className={`d-flex align-items-center ${feature.active ? '':'op-4'}`} key={index}>
-                      <i className="bi bi-dot fs-2 me-2 lh-1 color-blue4"></i>
-                      <h6 className="fw-bold">{ feature.title }</h6>
-                    </li>
-                  ))
-                }
-              </ul>
-              <Link to="/page-services-5" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small>{ rtl ? 'اكتشف الآن' : 'Discovery Now' }</small>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s4_bubble.png" alt="" className="bubble" />
-    </div>
-  )
-}
-
-export default ThirdContent
\ No newline at end of file
diff --git a/src/components/App/About/index.jsx b/src/components/App/About/index.jsx
deleted file mode 100644
index cba5597..0000000
--- a/src/components/App/About/index.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import aboutData from 'data/App/about.json';
-import aboutDataRTL from 'data/App/about-rtl.json';
-import FirstContent from './FirstContent';
-import SecondContent from './SecondContent';
-import ThirdContent from './ThirdContent';
-import Integration from './Integration';
-
-const About = ({ noFirstContent, noIntegration, noWave, rtl }) => {
-  const data = rtl ? aboutDataRTL : aboutData;
-
-  return (
-    <section className={`about ${noWave ? '':'section-padding'} style-4`}>
-      {
-        !noFirstContent && (<FirstContent features={data.features} rtl={rtl} />)
-      }
-      <SecondContent accordions={data.accordions} rtl={rtl} />
-      <ThirdContent features={data.thirdFeatures} rtl={rtl} />
-      {
-        !noIntegration && (<Integration integrations={data.integrations} rtl={rtl} />)
-      }
-      {
-        !noWave && (
-          <>
-            <img src="/assets/img/about/about_s4_wave.png" alt="" className="top-wave" />
-            <img src="/assets/img/about/about_s4_wave.png" alt="" className="bottom-wave" />
-          </>
-        )
-      }
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/App/About2.jsx b/src/components/App/About2.jsx
deleted file mode 100644
index 50acbd4..0000000
--- a/src/components/App/About2.jsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import aboutData from 'data/App/about.json';
-
-const About = () => {
-  return (
-    <section className="about section-padding style-4">
-      <div className="integration">
-        <div className="row justify-content-center">
-          <div className="col-lg-6">
-            <div className="section-head text-center style-4">
-              <small className="title_small">About Our Company</small>
-              <h2 className="mb-20">We are the perfect <br /> Integration and IT solutions <span> Agency of Popular Apps </span> </h2>
-              <p>Notero intergrate with popular apps. Help you easy to connect and collaboration</p>
-            </div>
-          </div>
-        </div>
-        <div className="container">
-          <div className="content mb-100 pb-100 border-1 border-bottom brd-gray">
-            {
-              aboutData.integrations.map((item, index) => (
-                <div className="img" key={index}>
-                  <img src={item} alt="" className="mt-30" />
-                </div>
-              ))
-            }
-          </div>
-        </div>
-        <img src="/assets/img/about/intg_back.png" alt="" className="intg-back" />
-      </div>
-      <div className="content frs-content">
-        <div className="container">
-          <div className="row align-items-center justify-content-between">
-            <div className="col-lg-6">
-              <div className="img mb-30 mb-lg-0">
-                <img src="/assets/img/about/ipad.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-5">
-              <div className="info">
-                <div className="section-head style-4">
-                  <small className="title_small">Notero - Easy Notes App</small>
-                  <h2 className="mb-30">The Notero For <span>Creatives</span> </h2>
-                </div>
-                <p className="text mb-40">
-                  Stay focused and productive with a clean and clutter-free note <br /> 
-                  space. The flexible ways to organize your notes: hashtags, nested notebooks, pinning notes to the top of the note list, etc
-                </p>
-                <ul>
-                  {
-                    aboutData.features.map((feature, index) => (
-                      <li className={`d-flex align-items-center ${index !== aboutData.features.length - 1 ? 'mb-3':''}`} key={index}>
-                        <small className="icon-30 bg-gray rounded-circle color-blue4 d-inline-flex align-items-center justify-content-center me-3">
-                          <i className={feature.icon}></i>
-                        </small>
-                        <h6 className="fw-bold">{ feature.title }</h6>
-                      </li>
-                    ))
-                  }
-                </ul>
-                <Link to="/page-contact-5" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                  <small>Free Register</small>
-                </Link>
-              </div>
-            </div>
-          </div>
-        </div>
-        <img src="/assets/img/about/about_s4_lines.png" alt="" className="lines" />
-        <img src="/assets/img/about/about_s4_bubble.png" alt="" className="bubble" />
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/App/Clients.jsx b/src/components/App/Clients.jsx
deleted file mode 100644
index 3fca616..0000000
--- a/src/components/App/Clients.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import clients from 'data/App/clients.json';
-
-const Clients = ({ rtl }) => {
-  return (
-    <section className="clients style-4">
-      <div className="container">
-        <div className="text-center">
-          <h5 className="fw-bold mb-60"><span className="color-blue4">{ rtl ? '25K+ تحميل' : '25K+ Installation' }</span> { rtl ? 'واستخدام الخدمات' : 'and Featured on' }</h5>
-        </div>
-        <div className="client-logos pb-70">
-          <div className="row align-items-center">
-            {
-              clients.map((client, index) => (
-                <div className="col-6 col-lg-2" key={index}>
-                  <a href="#" className="img d-block">
-                    <img src={client} alt="" />
-                  </a>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Clients
\ No newline at end of file
diff --git a/src/components/App/Community.jsx b/src/components/App/Community.jsx
deleted file mode 100644
index 6e2faa9..0000000
--- a/src/components/App/Community.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import communityCards from 'data/App/community.json';
-import communityCardsrRTL from 'data/App/community-rtl.json';
-
-const Community = ({ rtl }) => {
-  const data = rtl ? communityCardsrRTL : communityCards;
-
-  return (
-    <section className="community section-padding pt-0 style-4">
-      <div className="container">
-        <div className="section-head text-center style-4">
-          <small className="title_small">{ rtl ? 'مجتمع نوتيرو' : 'Notero Community' }</small>
-          <h2 className="mb-30">{ rtl ? 'انضم إلى' : 'Join Into' } <span>{ rtl ? 'مركزنا' : 'Our Hub' }</span> </h2>
-        </div>
-        <div className="content">
-          {
-            data.map((item, index) => (
-              <a href="#" className="commun-card" key={index}>
-                <div className="icon">
-                  <i className={item.icon}></i>
-                </div>
-                <div className="inf">
-                  <h5>{ item.title }</h5>
-                  <p>{ item.description }</p>
-                </div>
-              </a>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Community
\ No newline at end of file
diff --git a/src/components/App/Culture.jsx b/src/components/App/Culture.jsx
deleted file mode 100644
index 2456ecc..0000000
--- a/src/components/App/Culture.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React, { useMemo } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Autoplay } from 'swiper';
-import slides from 'data/App/culture.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/pagination';
-
-import LightGallery from 'lightgallery/react';
-
-// import styles
-import 'lightgallery/css/lightgallery.css';
-
-SwiperCore.use([Pagination, Autoplay]);
-
-const Culture = () => {
-  let lgGallery = useMemo(() => null, []);
-
-  const showFancybox = (e, index) => {
-    e.preventDefault();
-    lgGallery.instance.el.children[index].click()
-  }
-
-  return (
-    <section className="culture section-padding style-5">
-      <div className="section-head text-center style-4 mb-60">
-        <small className="title_small">Our Philosophy</small>
-        <h2 className="mb-20">Discover our <span>Culture</span> </h2>
-        <p>More 15,000 Companies & partners trusted & choice Iteck</p>
-      </div>
-      <div className="content">
-        <div className="culture-slider position-relative pb-80 style-5">
-          <Swiper
-            className="swiper-container"
-            slidesPerView={4}
-            spaceBetween={30}
-            centeredSlides={true}
-            speed={1000}
-            pagination={{
-              el: ".swiper-pagination",
-              clickable: "true"
-            }}
-            navigation={false}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000
-            }}
-            loop={true}
-            breakpoints={{
-              0: {
-                slidesPerView: 1
-              },
-              480: {
-                slidesPerView: 1
-              },
-              787: {
-                slidesPerView: 2
-              },
-              991: {
-                slidesPerView: 3
-              },
-              1200: {
-                slidesPerView: 4
-              }
-            }}
-          >
-            {
-              slides.map((slide, index) => (
-                <SwiperSlide key={index}>
-                  <a href={slide} className="culture-card d-block" onClick={(e) => showFancybox(e, index)}>
-                    <img src={slide} alt="" />
-                    <span className="overlay"></span>
-                  </a>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-          <div className="swiper-pagination"></div>
-        </div>
-        <LightGallery speed={500} backdropDuration={500} onInit={(lg) => lgGallery = lg}>
-          {
-            slides.map((slide, index) => (
-              <a href={slide} className="culture-card d-block" onClick={(e) => e.preventDefault()} key={index}>
-                <img src={slide} alt="" />
-                <span className="overlay"></span>
-              </a>
-            ))
-          }
-        </LightGallery>
-      </div>
-    </section>
-  )
-}
-
-export default Culture
\ No newline at end of file
diff --git a/src/components/App/FAQ.jsx b/src/components/App/FAQ.jsx
deleted file mode 100644
index c77da5f..0000000
--- a/src/components/App/FAQ.jsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from 'react';
-import faq from 'data/App/faq.json';
-import faqRTL from 'data/App/faq-rtl.json';
-
-const FAQ = ({ rtl }) => {
-  const data = rtl ? faqRTL : faq;
-
-  return (
-    <section className="faq section-padding style-4 pt-50" data-scroll-index="7">
-      <div className="container">
-        <div className="section-head text-center style-4">
-          <small className="title_small">{ rtl ? 'أسئلة شائعة' : 'Frequently Asked Question' }</small>
-          <h2 className="mb-30">{ rtl ? 'بحاجة إلى' : 'Need A' } <span>{ rtl ? 'دعم ؟' : 'Support?' }</span> </h2>
-        </div>
-        <div className="content">
-          <div className="faq style-3 style-4">
-            <div className="accordion" id="accordionSt4">
-              <div className="row gx-5">
-                <div className="col-lg-6">
-                  {
-                    data.map((item, index) => (
-                      index <= 3 && (
-                        <div className={`accordion-item ${index === 3 ? '':'border-bottom'} rounded-0`} key={index}>
-                          <h2 className="accordion-header" id={`heading${item.id + 10}`}>
-                            <button className="accordion-button collapsed rounded-0 py-4" type="button" data-bs-toggle="collapse" data-bs-target={`#collapse${item.id + 10}`} aria-expanded="true" aria-controls={`collapse${item.id + 10}`}>
-                              { item.question }
-                            </button>
-                          </h2>
-                          <div id={`collapse${item.id + 10}`} className="accordion-collapse collapse rounded-0" aria-labelledby={`heading${item.id + 10}`} data-bs-parent="#accordionSt4">
-                            <div className="accordion-body">
-                              {
-                                rtl ? item.answer : <>{ item.answer.part1 } <br /> { item.answer.part2 }</>
-                              }
-                            </div>
-                          </div>
-                        </div>
-                      )
-                    ))
-                  }
-                </div>
-                <div className="col-lg-6">
-                  {
-                    data.map((item, index) => (
-                      index > 3 && (
-                        <div className={`accordion-item ${index === faq.length - 1 ? '':'border-bottom'} rounded-0`} key={index}>
-                          <h2 className="accordion-header" id={`heading${item.id + 10}`}>
-                            <button className={`accordion-button ${index !== 4 ? 'collapsed':''} rounded-0 py-4`} type="button" data-bs-toggle="collapse" data-bs-target={`#collapse${item.id + 10}`} aria-expanded="true" aria-controls={`collapse${item.id + 10}`}>
-                              { item.question }
-                            </button>
-                          </h2>
-                          <div id={`collapse${item.id + 10}`} className={`accordion-collapse collapse rounded-0 ${index !== 4 ? '':'show'}`} aria-labelledby={`heading${item.id + 10}`} data-bs-parent="#accordionSt4">
-                            <div className="accordion-body">
-                              {
-                                rtl ? item.answer : <>{ item.answer.part1 } <br /> { item.answer.part2 }</>
-                              }
-                            </div>
-                          </div>
-                        </div>
-                      )
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default FAQ
\ No newline at end of file
diff --git a/src/components/App/Features.jsx b/src/components/App/Features.jsx
deleted file mode 100644
index 4053f71..0000000
--- a/src/components/App/Features.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import features from 'data/App/features.json';
-import featuresRTL from 'data/App/features-rtl.json';
-
-const Features = ({ rtl }) => {
-  const featuresData = rtl ? featuresRTL : features;
-
-  return (
-    <section className="features pt-70 pb-70 style-4" data-scroll-index="1">
-      <div className="container">
-        <div className="section-head text-center style-4">
-          <small className="title_small bg-white">{ rtl ? 'نوتيرو - تطبيق مذكرة سهل الاستخدام' : 'Notero - Easy Notes App' }</small>
-          <h2 className="mb-70">{ rtl ? 'خدمات' : 'Awesome' } <span> { rtl ? 'رائعة' : 'Features' } </span> </h2>
-        </div>
-        <div className="content">
-          {
-            featuresData.map((feature, index) => (
-              <div className="features-card" key={index}>
-                <div className="icon img-contain">
-                  <img src={feature.image} alt="" />
-                  { feature.new && <span className="label icon-40 alert-success text-success rounded-circle small text-uppercase fw-bold">{ rtl ? 'جديد' : 'new' }</span> }
-                </div>
-                <h6>{ feature.title.text1 } <br /> { feature.title.text2 }</h6>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-      <img src="/assets/img/feat_circle.png" alt="" className="img-circle" />
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/App/Footer.jsx b/src/components/App/Footer.jsx
deleted file mode 100644
index d0daeb3..0000000
--- a/src/components/App/Footer.jsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Footer = ({ noWave, rtl }) => {
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <footer className={`style-4 ${noWave ? 'mt-0 pt-100':''}`} data-scroll-index="8">
-      <div className="container">
-        <div className="section-head text-center style-4">
-          <h2 className="mb-10">{ rtl ? 'جاهز' : 'Ready To' } <span>{ rtl ? 'للتنزيل' : 'Download' }</span> </h2>
-          <p>{ rtl ? 'اكتشف مساحاتك المفضلة الجديدة ، من ساو باولو إلى سيول. قم بالتنزيل من App Store أو Google Play.' : 'Discover your new favorite spaces, from Sao Paulo to Seoul. Download from App Store or Google Play.' }</p>
-          <div className="d-flex align-items-center justify-content-center mt-50">
-            <a href="https://www.apple.com/app-store" rel="noreferrer" className="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
-              <small> <i className="fab fa-apple me-2 pe-2 border-end"></i> { rtl ? 'تنزيل من متجر التطبيقات' : 'Download On App Store' }</small>
-            </a>
-            <a href="https://play.google.com/store/apps" rel="noreferrer" className="btn rounded-pill hover-blue4 fw-bold border-blue4" target="_blank">
-              <small> <i className="fab fa-google-play me-2 pe-2 border-end"></i> { rtl ? 'تنزيل من متجر ابل' : 'Download On Google Play' }</small>
-            </a>
-          </div>
-        </div>
-        <div className="foot mt-80">
-          <div className="row align-items-center">
-            <div className="col-lg-2">
-              <div className="logo">
-                <img src="/assets/img/logo_lgr.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-8">
-              <ul className="links">
-                <li>
-                  <Link to="/home-app-landing" className="active">{ rtl ? 'الرئيسية' : 'Home' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-about-5">{ rtl ? 'من نحن' : 'about' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-product-5">{ rtl ? 'المنتجات' : 'product' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-portfolio-5">{ rtl ? 'المشاريع' : 'portfolio' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-services-5">{ rtl ? 'الخدمات' : 'services' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-shop-5">{ rtl ? 'المتجر' : 'shop' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-blog-5">{ rtl ? 'الاخبار' : 'blog' }</Link>
-                </li>
-                <li>
-                  <Link to="/page-contact-5">{ rtl ? 'اتصل بنا' : 'contact' }</Link>
-                </li>
-              </ul>
-            </div>
-            <div className="col-lg-2">
-              {
-                rtl ?
-                (
-                  <div className="dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-                    <button className="icon-25 dropdown-toggle p-0 border-0 bg-transparent rounded-circle img-cover" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
-                      <img src="/assets/img/lang.png" alt="" className="me-2" />
-                        <small>العربية</small>
-                    </button>
-                    <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton1">
-                      <li><a className="dropdown-item" href="#">English</a></li>
-                    </ul>
-                  </div>
-                )
-                :
-                (
-                  <div className="dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-                    <button className="icon-25 dropdown-toggle p-0 border-0 bg-transparent rounded-circle img-cover" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
-                      <img src="/assets/img/lang.png" alt="" className="me-2" />
-                        <small>English</small>
-                    </button>
-                    <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton1">
-                      <li><a className="dropdown-item" href="#">English</a></li>
-                      <li><a className="dropdown-item" href="#">Arabic</a></li>
-                    </ul>
-                  </div>
-                )
-              }
-            </div>
-          </div>
-        </div>
-        <div className="copywrite text-center">
-          <small className="small">
-            { rtl ? '© 2022 حقوق التأليف والنشر' : '© 2022 Copyrights by' } <a href="#" className="fw-bold text-decoration-underline">Iteck Co.</a> { rtl ? 'كل الحقوق محفوظة. صمم بواسطة' : 'All Rights Reserved. Designed by' } <a href="https://themeforest.net/user/themescamp" className="fw-bold text-decoration-underline">ThemesCamp</a>
-          </small>
-        </div>
-      </div>
-      { !noWave && <img src="/assets/img/footer/footer_4_wave.png" alt="" className="wave" /> }
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/App/Header.jsx b/src/components/App/Header.jsx
deleted file mode 100644
index 24650ca..0000000
--- a/src/components/App/Header.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const Header = ({ rtl }) => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <header className="style-4" data-scroll-index="0">
-      <div className="content">
-        <div className="container">
-          <div className="row gx-0">
-            <div className="col-lg-6">
-              <div className="info">
-                <small className="mb-50 title_small">{ rtl ? 'نوتيرو - تطبيق مذكرة سهل الاستخدام' : 'Notero - Easy Notes App' }</small>
-                <h1 className="mb-30">{ rtl ? 'احفظ' : 'Note' } <span>{ rtl ? 'كل شئ' : 'Your Everything' }</span> { rtl ? 'على التطبيق' : 'In One App' }</h1>
-                <p className="text">{ rtl ? 'لا يلزم الترميز لإجراء التخصيصات. يحتوي المُخصص المباشر' : 'No coding required to make customizations. The live customizer' }<br />{ rtl ? 'على كل ما تحتاجه.' : 'has everything you need.' }</p>
-                <div className="d-flex align-items-center mt-50">
-                  <a href="https://www.apple.com/app-store" rel="noreferrer" className="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
-                    <small> <i className="fab fa-apple me-2 pe-2 border-end"></i>{ rtl ? 'تحميل التطبيق' : 'Download App' }</small>
-                  </a>
-                  <a href="https://youtu.be/pGbIOC83-So?t=21" data-lity className="play-btn" onClick={openVideo}>
-                    <span className="icon me-2">
-                      <i className="fas fa-play ms-1"></i>
-                    </span>
-                    <strong className="small">{ rtl ? 'مشاهدة' : 'View' } <br />{ rtl ? 'البرومو' : 'Promotion' }</strong>
-                  </a>
-                </div>
-                <span className="mt-100 me-5">
-                  <small
-                    className="icon-30 bg-gray rounded-circle color-blue4 d-inline-flex align-items-center justify-content-center me-2">
-                    <i className="fas fa-sync"></i>
-                  </small>
-                  <small className="text-uppercase">{ rtl ? 'مجانى لمده 14 يوم' : 'Free 14 Days Trial' }</small>
-                </span>
-                <span className="mt-100">
-                  <small
-                    className="icon-30 bg-gray rounded-circle color-blue4 d-inline-flex align-items-center justify-content-center me-2">
-                    <i className="fas fa-credit-card"></i>
-                  </small>
-                  <small className="text-uppercase">{ rtl ? 'دفعة لمرة واحدة' : 'One time payment' }</small>
-                </span>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img">
-                <img src="/assets/img/header/header_4.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <img src="/assets/img/header/header_4_bubble.png" alt="" className="bubble" />
-      </div>
-      <img src="/assets/img/header/header_4_wave.png" alt="" className="wave" />
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/App/Pricing.jsx b/src/components/App/Pricing.jsx
deleted file mode 100644
index 5c54df3..0000000
--- a/src/components/App/Pricing.jsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import plans from 'data/App/plans.json';
-import plansRTL from 'data/App/plans-rtl.json';
-
-const Pricing = ({ rtl }) => {
-  const data = rtl ? plansRTL : plans;
-
-  return (
-    <section className="pricing section-padding style-4 pb-50" data-scroll-index="6">
-      <div className="container">
-        <div className="section-head text-center style-4">
-          <small className="title_small">{ rtl ? 'خطة الاسعار' : 'Pricing Plan' }</small>
-          <h2 className="mb-30">{ rtl ? 'ابدأ بـ' : 'Start With' } <span> { rtl ? 'سعر مناسب' : 'Affordable Price' } </span> </h2>
-        </div>
-        <div className="content">
-          <div className="toggle_switch d-flex align-items-center justify-content-center mb-40">
-            <div className="form-check form-switch p-0">
-              <label className="form-check-label" htmlFor="flexSwitchCheckDefault"><small>{ rtl ? 'تدفع شهريا' : 'Billed monthly' }</small></label>
-              <input className="form-check-input float-none bg-blue4" type="checkbox" id="flexSwitchCheckDefault" defaultChecked />
-              <label className="form-check-label" htmlFor="flexSwitchCheckDefault"><small>{ rtl ? 'دفع سنوى' : 'Billed annually' }</small></label>
-            </div>
-          </div>
-          <div className="row gx-0">
-            {
-              data.map((plan, index) => (
-                <div className="col-lg-6" key={index}>
-                  <div className="price-card">
-                    <div className="price-header pb-4">
-                      <h6> <img src={plan.image} alt="" className="icon" /> { plan.title } </h6>
-                      <h2>{ plan.price } <small> / { rtl ? 'شهري' : 'month' }</small></h2>
-                      <p>{ plan.description }</p>
-                    </div>
-                    <div className="price-body py-4">
-                      <ul>
-                        {
-                          plan.features.map((feature, i) => (
-                            <li className={`d-flex align-items-center mb-3 ${feature.active ? '':' op-3'}`} key={i}>
-                              <small className="icon-30 bg-blue4 rounded-circle text-white d-inline-flex align-items-center justify-content-center me-3 flex-shrink-0">
-                                <i className={feature.icon}></i>
-                              </small>
-                              <p className="fw-bold">{ feature.title }</p>
-                            </li>
-                          ))
-                        }
-                      </ul>
-                      <Link to="/page-contact-5" className={`btn rounded-pill ${index === 0 ? 'border-blue4':'bg-blue4'} hover-blue4 fw-bold mt-50 px-5 ${index === 0 ? 'border-blue4':'text-white'}`}>
-                        <small>{ rtl ? 'سجل الان' : 'Register Now' }</small>
-                      </Link>
-                    </div>
-                    {
-                      plan.off &&
-                        <div className="off">
-                          <span>
-                            { plan.off } <br /> { rtl ? 'خصم' : 'off' }
-                          </span>
-                        </div>
-                    }
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Pricing
\ No newline at end of file
diff --git a/src/components/App/Screenshots.jsx b/src/components/App/Screenshots.jsx
deleted file mode 100644
index 7b27ff6..0000000
--- a/src/components/App/Screenshots.jsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import screenshots from 'data/App/screenshots.json';
-
-import "swiper/css";
-
-const Screenshots = ({ rtl }) => {
-  const [loadSwiper, setLoadSwiper] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoadSwiper(true);
-    }, 0);
-  }, []);
-
-  return (
-    <div className="screenshots style-4" data-scroll-index="4">
-      <div className="screenshots-slider style-4">
-        {
-          loadSwiper && (
-            <Swiper
-              dir={rtl ? 'rtl' : 'ltr'}
-              className="swiper-container"
-              spaceBetween={0}
-              slidesPerView={5}
-              pagination={false}
-              navigation={false}
-              mousewheel={false}
-              keyboard={true}
-              loop={true}
-              autoplay={{
-                delay: 4000
-              }}
-              speed={1000}
-              centeredSlides={true}
-              breakpoints={{
-                0: {
-                    slidesPerView: 2,
-                },
-                480: {
-                    slidesPerView: 2,
-                },
-                787: {
-                    slidesPerView: 3,
-                },
-                991: {
-                    slidesPerView: 3,
-                },
-                1200: {
-                    slidesPerView: 5,
-                }
-              }}
-            >
-              {
-                screenshots.map((screenshot, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="img">
-                      <img src={screenshot} alt="" />
-                    </div>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-          )
-        }
-      </div>
-      <img src="/assets/img/screenshots/hand.png" alt="" className="mob-hand" />
-    </div>
-  )
-}
-
-export default Screenshots
\ No newline at end of file
diff --git a/src/components/App/Services.jsx b/src/components/App/Services.jsx
deleted file mode 100644
index e0b15a9..0000000
--- a/src/components/App/Services.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import services from 'data/App/services.json';
-
-import "swiper/css";
-
-const Services = () => {
-  return (
-    <section className="services section-padding bg-white pb-50 style-6">
-      <div className="container">
-        <div className="section-head text-center style-4 mb-60">
-          <small className="title_small"> Software Apps </small>
-          <h2 className="mb-20"> Our Top <span> Services </span> </h2>
-          <p> Notero intergrate with popular apps. Help you easy to connect and collaboration </p>
-        </div>
-      </div>
-      <div className="content">
-        <div className="services-slider position-relative style-6">
-          <Swiper
-            className="swiper-container"
-            slidesPerView={6}
-            centeredSlides={true}
-            spaceBetween={0}
-            speed={1000}
-            pagination={false}
-            navigation={false}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000
-            }}
-            loop={true}
-            breakpoints={{
-              0: {
-                slidesPerView: 1
-              },
-              480: {
-                slidesPerView: 1
-              },
-              787: {
-                slidesPerView: 2
-              },
-              991: {
-                slidesPerView: 4
-              },
-              1200: {
-                slidesPerView: 6
-              }
-            }}
-          >
-            {
-              services.map((service, index) => (
-                <SwiperSlide key={index}>
-                  <Link to="/page-services-5" className="service-card style-6">
-                    <div className="icon">
-                      <img src={service.img} alt="" />
-                    </div>
-                    <div className="info">
-                      <h5>{ service.info }</h5>
-                      <div className="text">
-                        { service.text }
-                      </div>
-                    </div>
-                  </Link>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/App/Team.jsx b/src/components/App/Team.jsx
deleted file mode 100644
index 424ca76..0000000
--- a/src/components/App/Team.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import teamMembers from 'data/App/team.json'
-
-const Team = () => {
-  return (
-    <section className="team section-padding style-6">
-      <div className="content">
-        <div className="container">
-          <div className="section-head text-center style-4 mb-60">
-            <small className="title_small">The Team Work</small>
-            <h2 className="mb-20">Our <span>Leaders</span> </h2>
-            <p>The Professional Creative Team for Growth-up Works</p>
-          </div>
-          <div className="row">
-            {
-              teamMembers.map((member, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className={`team-card ${index !== teamMembers.length - 1 ? 'mb-30 mb-lg-0':''} style-6`}>
-                    <div className="img img-cover">
-                      <img src={member.picture} alt="" />
-                      <div className="social-icons">
-                        <a href="#" className="me-1">
-                          <i className="fab fa-twitter"></i>
-                        </a>
-                        <a href="#" className="me-1">
-                          <i className="fab fa-facebook-f"></i>
-                        </a>
-                        <a href="#" className="me-1">
-                          <i className="fab fa-linkedin-in"></i>
-                        </a>
-                        <a href="#">
-                          <i className="fab fa-github"></i>
-                        </a>
-                      </div>
-                    </div>
-                    <div className="info">
-                      <a className="d-block" href="#"><h6>{ member.name }</h6></a>
-                      <small>{ member.position }</small>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Team
\ No newline at end of file
diff --git a/src/components/App/Testimonials.jsx b/src/components/App/Testimonials.jsx
deleted file mode 100644
index 5a2a4d8..0000000
--- a/src/components/App/Testimonials.jsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import testimonialsData from 'data/App/testimonials.json';
-import testimonialsDataRTL from 'data/App/testimonials-rtl.json';
-import "react-modal-video/css/modal-video.css";
-
-const Testimonials = ({ rtl }) => {
-  const [isOpen, setOpen] = useState(false);
-  const data = rtl ? testimonialsDataRTL : testimonialsData;
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <section className="testimonials style-4 pt-70" data-scroll-index="5">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-5">
-              <div className="section-head style-4">
-                <small className="title_small">{ rtl ? 'اراء العملاء' : 'Testimonials' }</small>
-                <h2 className="mb-30">{ rtl ? 'محبوب من' : 'Loved From' } <span>{ rtl ? 'العملاء' : 'Customers' }</span></h2>
-              </div>
-              <p className="text mb-40">
-                { rtl ? 'أحب نوتيرو من آلاف العملاء في جميع أنحاء العالم وحصل على الثقة من الشركات الكبرى.' : 'Notero loved from thoudsands customer worldwide and get trusted from big companies.' }
-              </p>
-              <div className="numbs">
-                {
-                  data.numCards.map((card, index) => (
-                    <div className="num-card" key={index}>
-                      <div className="icon img-contain">
-                        <img src={card.image} alt="" />
-                      </div>
-                      <h2>{ card.value }</h2>
-                      {
-                        card.stars &&
-                        <div className="stars">
-                          { Array(card.stars).fill().map((_,i) => <i className="fas fa-star" key={i}></i>) }
-                        </div>
-                      }
-                      <p>{ typeof card.type === 'string' ? card.type : (<>{card.type.text1} <br /> {card.type.text2}</>) }</p>
-                    </div>
-                  ))
-                }
-              </div>
-              <div className="d-flex align-items-center mt-70">
-                <a href="https://www.apple.com/app-store" rel="noreferrer" className="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
-                  <small> { rtl ? 'انظر التعليقات على متجر التطبيقات' : 'See Reviews On App Store' }</small>
-                </a>
-                <a href="https://youtu.be/pGbIOC83-So?t=21" className="play-btn" onClick={openVideo}>
-                  <span className="icon me-2">
-                    <i className="fas fa-play ms-1"></i>
-                  </span>
-                  <strong className="small">{ rtl ? 'مشاهده' : 'View' } <br />{ rtl ? 'البرومو' : 'Promotion' }</strong>
-                </a>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="testi-cards">
-                {
-                  data.testiCards.map((card, index) => (
-                    <div className="client_card" key={index}>
-                      <div className="user_img">
-                        <img src={card.userImg} alt="" />
-                      </div>
-                      <div className="inf_content">
-                        <div className="stars mb-2">
-                          { Array(card.stars).fill().map((_,i) => <i className="fas fa-star" key={i}></i>) }
-                        </div>
-                        <h6>
-                          { typeof card.title === 'string' ? card.title : (<>{card.title.text1} <br /> {card.title.text2}</>) }
-                        </h6>
-                        <p>{ card.author.name } <span className="text-muted"> /  { card.author.position } { rtl ? 'في' : 'at' } <span>{ card.author.company }</span> </span></p>
-                      </div>
-                    </div>
-                  ))
-                }
-                <img src="/assets/img/contact_globe.svg" alt="" className="testi-globe" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Blog/AllNews/Blogs.jsx b/src/components/Blog/AllNews/Blogs.jsx
deleted file mode 100644
index 9acf72c..0000000
--- a/src/components/Blog/AllNews/Blogs.jsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Blogs = ({ blogs, isWide, style, rtl }) => {
-  return (
-    <div className={isWide ? 'col-lg-10':'col-lg-8'}>
-      {
-        blogs.map((blog, index) => (
-          <div className={`card border-0 bg-transparent rounded-0 ${index !== blogs.length - 1 ? 'border-bottom brd-gray':'mb-lg-0 pb-lg-0'} pb-30 mb-30`} key={index}>
-            <div className="row">
-              <div className="col-lg-5">
-                <div className="img img-cover">
-                  <img src={blog.cover} className="radius-7" alt="..." />
-                </div>
-              </div>
-              <div className="col-lg-7">
-                <div className="card-body p-0">
-                  <small className="d-block date text">
-                    <a href="#" className={`text-uppercase border-end brd-gray pe-3 me-3 color-blue${style} fw-bold`}>{ blog.type }</a>
-                    <i className="bi bi-clock me-1"></i>
-                    <a href="#" className="op-8">{ blog.time }</a>
-                  </small>
-                  <Link to={ rtl ? "/rtl-page-single-post" : "/page-single-post-5" } className="card-title mb-10">
-                    { blog.title }
-                  </Link>
-                  <p className="fs-13px color-666">{ blog.desc } [...]</p>
-                  <div className="auther-comments d-flex small align-items-center justify-content-between op-9">
-                    <div className="l_side d-flex align-items-center">
-                      <span className={`icon-10 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-blue${style} p-2 me-2 text-white`}>
-                        { blog.userImgLetter }
-                      </span>
-                      <a href="#">
-                        <small className="text-muted">{ rtl ? 'بواسطة' : 'By' }</small> { blog.username }
-                      </a>
-                    </div>
-                    <div className="r-side mt-1">
-                      <i className="bi bi-chat-left-text me-1"></i>
-                      <a href="#">{ blog.comments }</a>
-                      <i className="bi bi-eye ms-4 me-1"></i>
-                      <a href="#">{ blog.views }</a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        ))
-      }
-
-      <div className={`pagination style-5 color-${style} justify-content-center mt-60`}>
-        <a href="#" className="active">
-          <span>1</span>
-        </a>
-        <a href="#">
-          <span>2</span>
-        </a>
-        <a href="#">
-          <span>3</span>
-        </a>
-        <a href="#">
-          <span>4</span>
-        </a>
-        <a href="#">
-          <span>...</span>
-        </a>
-        <a href="#">
-          <span>20</span>
-        </a>
-        <a href="#">
-          <span className="text">{ rtl ? "التالي" : "next" } <i className="fas fa-chevron-right"></i> </span>
-        </a>
-      </div>
-    </div>
-  )
-}
-
-export default Blogs
\ No newline at end of file
diff --git a/src/components/Blog/AllNews/Sidebar.jsx b/src/components/Blog/AllNews/Sidebar.jsx
deleted file mode 100644
index 7f3b8aa..0000000
--- a/src/components/Blog/AllNews/Sidebar.jsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, { useEffect } from 'react';
-import { Link } from 'gatsby';
-import LightGallery from 'lightgallery/react';
-import 'lightgallery/css/lightgallery.css';
-
-const Sidebar = ({ data, style, rtl }) => {
-  useEffect(() => {
-    const lg = document.querySelector('.lg-react-element');
-    if (lg) lg.className = 'd-flex justify-content-between flex-wrap';
-  }, []);
-
-  return (
-    <div className="col-lg-4">
-      <div className="side-blog style-5 ps-lg-5 mt-5 mt-lg-0">
-        <form action="contact.php" className="search-form mb-50" method="post">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'بحث' : 'search' }
-          </h6>
-          <div className="form-group position-relative">
-            <input type="text" className="form-control rounded-pill" placeholder={ rtl ? "اكتب وارسل" : "Type and hit enter" } />
-            <button className="search-btn border-0 bg-transparent"> <i className="fas fa-search"></i> </button>
-          </div>
-        </form>
-
-        <div className="side-recent-post mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'المنشورات الاخيرة' : 'recent post' }
-          </h6>
-          {
-            data.recentPosts.map((post, index) => (
-              <Link to={ rtl ? "/rtl-page-single-post" : "/page-single-post-5" } key={index} className={`post-card ${index !== data.recentPosts.length - 1 ? 'pb-3 mb-3 border-bottom brd-gray':''}`}>
-                <div className="img me-3">
-                  <img src={post.image} alt="" />
-                </div>
-                <div className="inf">
-                  <h6>{ post.title }</h6>
-                  <p>{ rtl ? 'إذا كانت هناك طريقة واحدة تعمل بها التكنولوجيا اللاسلكية' : 'If there’s one way that wireless technology has' } [...]</p>
-                </div>
-              </Link>
-            ))
-          }
-        </div>
-
-        <div className="side-categories mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'التصنيفات' : 'categories' }
-          </h6>
-          {
-            data.categories.map((category, index) => (
-              <a href="#" className="cat-item" key={index}>
-                <span>{ category.title }</span>
-                <span>{ category.count }</span>
-              </a>
-            ))
-          }
-        </div>
-
-        <div className="side-newsletter mb-50">
-          <h6 className="title mb-10 text-uppercase fw-normal">
-            { rtl ? 'نشرة الاخبار' : 'newsletter' }
-          </h6>
-          <div className="text">
-            { rtl ? 'سجل الآن للحصول على آخر التحديثات الخاصة بالعروض الترويجية والقسائم.' : 'Register now to get latest updates on promotions & coupons.' }
-          </div>
-          <form action="contact.php" className="form-subscribe" method="post">
-            <div className="email-input d-flex align-items-center py-3 px-3 bg-white mt-3 radius-5">
-              <span className="icon me-2 flex-shrink-0">
-                <i className="far fa-envelope"></i>
-              </span>
-              <input type="text" placeholder="Email Address" className="border-0 bg-transparent fs-12px" />
-            </div>
-            <button className={`btn bg-blue${style} sm-butn text-white hover-darkBlue w-100 mt-3 radius-5 py-3`}>
-              <span>{ rtl ? 'أشترك' : 'Subscribe' }</span>
-            </button>
-          </form>
-        </div>
-
-        <div className="side-share mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'اجتماعي' : 'social' }
-          </h6>
-          <a href="#" className="social-icon">
-            <i className="fab fa-twitter"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-facebook-f"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-pinterest"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-goodreads-g"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-linkedin-in"></i>
-          </a>
-        </div>
-
-        <div className="side-insta mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'انستجرام' : 'our instagram' }
-          </h6>
-          <LightGallery speed={500} backdropDuration={500}>
-            {
-              data.instagram.map((image, index) => (
-                <a href={image} className="insta-img img-cover" data-fancybox="gallery" key={index}>
-                  <img src={image} alt="" />
-                  <i className="fab fa-instagram icon"></i>
-                </a>
-              ))
-            }
-          </LightGallery>
-        </div>
-
-        <div className="side-tags">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'الكلمات الاكثر بحثا' : 'popular tags' }
-          </h6>
-          <div className="content">
-            {
-              data.tags.map((tag, index) => (<a href="#" key={index} className="me-1">{ tag }</a>))
-            }
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Sidebar
\ No newline at end of file
diff --git a/src/components/Blog/AllNews/index.jsx b/src/components/Blog/AllNews/index.jsx
deleted file mode 100644
index 6998e18..0000000
--- a/src/components/Blog/AllNews/index.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import Blogs from './Blogs';
-import Sidebar from './Sidebar';
-
-import allNewsData from 'data/Blog/all-news.json';
-import allNewsDataRTL from 'data/Blog/all-news-rtl.json';
-
-const AllNews = ({ isWide, leftSidebar, style = "4", rtl }) => {
-  const data = rtl ? allNewsDataRTL : allNewsData;
-
-  return (
-    <section className="all-news section-padding blog bg-transparent style-3">
-      <div className="container">
-        <div className={`row ${isWide ? 'justify-content-center': leftSidebar ? 'gx-5':'gx-4 gx-lg-5'}`}>
-          { !isWide && leftSidebar && <Sidebar data={data.sidebar} style={style} rtl={rtl} /> }
-          <Blogs blogs={data.blogs} isWide={isWide} style={style} rtl={rtl} />
-          { !isWide && !leftSidebar && <Sidebar data={data.sidebar} style={style} rtl={rtl} /> }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default AllNews
\ No newline at end of file
diff --git a/src/components/Blog/BlogSlider.jsx b/src/components/Blog/BlogSlider.jsx
deleted file mode 100644
index 64540c9..0000000
--- a/src/components/Blog/BlogSlider.jsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Navigation, Pagination, Autoplay, EffectFade } from 'swiper';
-import slides from 'data/Blog/slides.json';
-import slidesRTL from 'data/Blog/slides-rtl.json';
-
-// Import Swiper styles
-import 'swiper/css';
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-import 'swiper/css/effect-fade';
-
-SwiperCore.use([Navigation, Pagination, Autoplay, EffectFade]);
-
-const BlogSlider = ({ style = "4", rtl }) => {
-  const data = rtl ? slidesRTL : slides;
-
-  return (
-    <section className="blog-slider pt-50 pb-50 style-1">
-      <div className="container">
-        <div className={`section-head text-center mb-60 style-${style}`}>
-          <h2 className="mb-20">{ rtl ? 'أخر' : 'Our' } <span>{ rtl ? 'الأخبار' : 'Journal' }</span></h2>
-          <div className="text color-666">{ rtl ? 'احصل على اخر الاخبار من خلال المدونه ناقش وشارك الخبر مع الاصدقاء' : 'Get the latest articles from our journal, writing, discuss and share' }</div>
-        </div>
-        <div className="blog-details-slider">
-          <Swiper
-            className="swiper-container"
-            slidesPerView={1}
-            spaceBetween={0}
-            effect="fade"
-            speed={1000}
-            pagination={{
-              el: ".blog-details-slider .swiper-pagination",
-              clickable: "true"
-            }}
-            navigation={{
-              nextEl: '.blog-details-slider .swiper-button-next',
-              prevEl: '.blog-details-slider .swiper-button-prev'
-            }}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000
-            }}
-            loop={true}
-          >
-            {
-              data.map((slide, index) => (
-                <SwiperSlide key={index}>
-                  <div className="content-card">
-                    <div className="img overlay">
-                      <img src={slide.image} alt="" />
-                    </div>
-                    <div className="info">
-                      <div className="row">
-                        <div className="col-lg-6">
-                          <div className="cont">
-                            <small className="date small mb-20"> 
-                              <a href="#" className="text-uppercase border-end brd-gray pe-3 me-3">{ slide.type }</a>
-                              <i className="far fa-clock me-2"></i>{ rtl ? 'موعد النشر' : 'Posted on' } <a href="#">{ slide.time }</a> 
-                            </small>
-                            <h2 className="title">
-                              <Link to={ rtl ? "/rtl-page-single-post" : "/page-single-post-5"}>
-                                { slide.title }
-                              </Link>
-                            </h2>
-                            <p className="fs-13px mt-10 text-light text-info">
-                              { slide.desc } [...]
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-
-          <div className="swiper-pagination"></div>
-
-          <div className="swiper-button-next"></div>
-          <div className="swiper-button-prev"></div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default BlogSlider
\ No newline at end of file
diff --git a/src/components/Blog/PopularPosts.jsx b/src/components/Blog/PopularPosts.jsx
deleted file mode 100644
index 4474ff4..0000000
--- a/src/components/Blog/PopularPosts.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import posts from 'data/Blog/popular-posts.json';
-import postsRTL from 'data/Blog/popular-posts-rtl.json';
-
-const PopularPosts = ({ style = "4", rtl }) => {
-  const postsData = rtl ? postsRTL : posts;
-
-  return (
-    <section className="popular-posts pt-50 pb-100 border-bottom brd-gray">
-      <div className="container">
-        <h5 className="post-sc-title text-center text-uppercase mb-70">{ rtl ? 'أخبار شائعة' : 'Popular Posts' }</h5>
-        <div className="row gx-5">
-          {
-            postsData.map((post, index) => (
-              <div className={`col-lg-4 ${index !== posts.length - 1 ? 'border-end brd-gray':''}`} key={index}>
-                <div className="card border-0 bg-transparent rounded-0 mb-30 mb-lg-0 d-block">
-                  <div className="img radius-7 overflow-hidden img-cover">
-                    <img src={post.cover} className="card-img-top" alt="..." />
-                  </div>
-                  <div className="card-body px-0">
-                    <small className="d-block date mt-10 fs-10px fw-bold">
-                      <a href="#" className={`text-uppercase border-end brd-gray pe-3 me-3 color-blue${style}`}>{ rtl ? 'أخبار' : 'News' }</a>
-                      <i className="bi bi-clock me-1"></i>
-                      <a href="#" className="op-8">{ rtl ? 'موعد النشر' : 'Posted on' } { post.time }</a>
-                    </small>
-                    <h5 className="fw-bold mt-10 title">
-                      <Link to={ rtl ? "/rtl-page-single-post" : "/page-single-post-5" }> 
-                        { post.title }
-                      </Link>
-                    </h5>
-                    <p className="small mt-2 op-8 fs-10px">{ post.desc } [...]
-                    </p>
-                    <div className="d-flex small mt-20 align-items-center justify-content-between op-9">
-                      <div className="l_side d-flex align-items-center">
-                        <span className="icon-20 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-main p-1 me-2 text-white">
-                          { post.userImgLetter }
-                        </span>
-                        <a href="#" className="mt-1">
-                          { rtl ? 'بواسطة' : 'By' } { post.username }
-                        </a>
-                      </div>
-                      <div className="r-side mt-1">
-                        <i className="bi bi-chat-left-text me-1"></i>
-                        <a href="#">{ post.comments }</a>
-                        <i className="bi bi-eye ms-4 me-1"></i>
-                        <a href="#">{ post.views }</a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default PopularPosts
\ No newline at end of file
diff --git a/src/components/CloudHosting/About.jsx b/src/components/CloudHosting/About.jsx
deleted file mode 100644
index df8d387..0000000
--- a/src/components/CloudHosting/About.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-
-const About = () => {
-  return (
-    <section className="about style-9 section-padding">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-6">
-            <div className="img wow fadeIn">
-              <img src="/assets/img/about/about9.svg" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="info">
-              <div className="section-head style-9 mb-40">
-                <h6 className=" wow fadeInUp"> about company </h6>
-                <h2 className=" wow fadeInUp"> Safeguard Sites With Staging & Backups </h2>
-              </div>
-              <ul>
-                <li className=" wow fadeInUp">
-                  <span className="icon">
-                    <img src="/assets/img/icons/ab9_1.png" alt="" />
-                  </span>
-                  <p> <strong className="color-darkBlue2"> Safely test changes: </strong> Test site updates, code modifications & content change. </p>
-                </li>
-                <li className=" wow fadeInUp">
-                  <span className="icon">
-                    <img src="/assets/img/icons/ab9_2.png" alt="" />
-                  </span>
-                  <p> <strong className="color-darkBlue2"> Easy development: </strong> Deploy files and database changes from your site. </p>
-                </li>
-              </ul>
-              <div className="call-info pt-40 mt-40 wow fadeInUp">
-                <h5> Call 000-111-2220 or Chat Now </h5>
-                <p> International calling fees may apply </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/CloudHosting/ChatBanner.jsx b/src/components/CloudHosting/ChatBanner.jsx
deleted file mode 100644
index b424163..0000000
--- a/src/components/CloudHosting/ChatBanner.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-const ChatBanner = () => {
-  return (
-    <section className="chat-banner style-9">
-      <div className="container">
-        <div className="content text-center wow zoomIn">
-          <div className="section-head text-center style-9">
-            <h6 className="text-white"> sync by app </h6>
-            <h2 className="text-white"> Your Favorite Hosting App Is <br /> One Click Away </h2>
-            <div className="btns mt-40">
-              <a href="#" className="butn bg-darkBlue2 border-darkBlue2 border-2 border  text-white rounded-3">
-                <span> Get In Touch </span>
-              </a>
-              <a href="#" className="butn text-white border-2 border-white border rounded-3 ms-3">
-                <span> Learn More </span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/chat_back9_icons.png" alt="" className="img_back slide_up_down" />
-    </section>
-  )
-}
-
-export default ChatBanner
\ No newline at end of file
diff --git a/src/components/CloudHosting/ChooseUs.jsx b/src/components/CloudHosting/ChooseUs.jsx
deleted file mode 100644
index b2eda03..0000000
--- a/src/components/CloudHosting/ChooseUs.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from 'react';
-
-const ChooseUs = () => {
-  return (
-    <section className="choose-us style-9 section-padding bg-gray2">
-      <div className="container">
-        <div className="section-head text-center style-9 mb-80 wow fadeInUp">
-          <h6> why choose us </h6>
-          <h2> This Website Needs from <br /> Startup to Success </h2>
-        </div>
-        <div className="content">
-          <ul className="nav nav-pills mb-3 wow fadeInUp" id="pills-tab" role="tablist">
-            <li className="nav-item" role="presentation">
-              <button className="nav-link active" id="choose1-tab" data-bs-toggle="pill" data-bs-target="#choose1" type="button" role="tab" aria-controls="pills-home" aria-selected="true">
-                <img src="/assets/img/icons/features/9.svg" alt="" /> 1 Click Acesss
-              </button>
-            </li>
-            <li className="nav-item" role="presentation">
-              <button className="nav-link" id="choose2-tab" data-bs-toggle="pill" data-bs-target="#choose2" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">
-                <img src="/assets/img/icons/features/10.svg" alt="" /> Update Management
-              </button>
-            </li>
-            <li className="nav-item" role="presentation">
-              <button className="nav-link" id="choose3-tab" data-bs-toggle="pill" data-bs-target="#choose1" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
-                <img src="/assets/img/icons/features/11.svg" alt="" /> Site Monitoring
-              </button>
-            </li>
-            <li className="nav-item" role="presentation">
-              <button className="nav-link" id="choose4-tab" data-bs-toggle="pill" data-bs-target="#choose2" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
-                <img src="/assets/img/icons/features/12.svg" alt="" /> Staging Site
-              </button>
-            </li>
-            <li className="nav-item" role="presentation">
-              <button className="nav-link" id="choose5-tab" data-bs-toggle="pill" data-bs-target="#choose1" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
-                <img src="/assets/img/icons/features/13.svg" alt="" /> Backup & Restore
-              </button>
-            </li>
-          </ul>
-          <div className="tab-content pt-2 wow fadeInUp" id="pills-tabContent">
-            <div className="tab-pane fade show active" id="choose1" role="tabpanel">
-              <p className="text-center fs-6 color-darkBlue2"> Cost-effective hosting that delivers secure, reliable performance. </p>
-              <div className="feat-content">
-                <div className="row align-items-center gx-0">
-                  <div className="col-lg-6">
-                    <div className="img img-cover">
-                      <img src="/assets/img/choose_us/choose9.png" alt="" />
-                    </div>
-                  </div>
-                  <div className="col-lg-5 offset-lg-1">
-                    <div className="info mt-4 mt-lg-0">
-                      <div className="icon">
-                        <img src="/assets/img/choose_us/icon3.png" alt="" />
-                      </div>
-                      <h2> This Website Needs from <br /> Startup to Success. </h2>
-                      <p> Websites are stored or “hosted” on a publicly accessible computer (a server). Some websites require an entire server to themselves. </p>
-                    </div>
-                  </div>
-                </div>
-                <a href="https://www.youtube.com/watch?v=pGbIOC83-So&t=21s" className="play_icon" data-lity>
-                  <i className="fas fa-play"></i>
-                </a>
-              </div>
-            </div>
-            <div className="tab-pane fade" id="choose2" role="tabpanel">
-              <p className="text-center fs-6 color-darkBlue2"> Cost-effective hosting that delivers secure, reliable performance. </p>
-              <div className="feat-content">
-                <div className="row align-items-center gx-0">
-                  <div className="col-lg-6">
-                    <div className="img img-cover">
-                      <img src="/assets/img/choose_us/choose9.png" alt="" />
-                    </div>
-                  </div>
-                  <div className="col-lg-5 offset-lg-1">
-                    <div className="info mt-4 mt-lg-0">
-                      <div className="icon">
-                        <img src="/assets/img/icons/ab9_2.png" alt="" />
-                      </div>
-                      <h2> This Website Needs from <br /> Startup to Success. </h2>
-                      <p> Websites are stored or “hosted” on a publicly accessible computer (a server). Some websites require an entire server to themselves. </p>
-                    </div>
-                  </div>
-                </div>
-                <a href="https://www.youtube.com/watch?v=pGbIOC83-So&t=21s" className="play_icon" data-lity>
-                  <i className="fas fa-play"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/CloudHosting/Domain.jsx b/src/components/CloudHosting/Domain.jsx
deleted file mode 100644
index a0e4dd2..0000000
--- a/src/components/CloudHosting/Domain.jsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react';
-
-const Domain = () => {
-  return (
-    <section className="domain-search style-9 section-padding bg-gray2">
-      <div className="container">
-        <div className="section-head text-center style-9 mb-80 wow fadeInUp">
-          <h6> domain search </h6>
-          <h2> It’s All Starts With A Good Domain </h2>
-          <p> Free to focus on growing your business, let us handle your site </p>
-        </div>
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-7">
-              <div className="domain-choose wow fadeInUp">
-                <div className="form-group">
-                  <span className="icon"> <i className="far fa-search"></i> </span>
-                  <input type="text" placeholder="Search with any name" />
-                  <select name="" id="" className="form-select">
-                    <option value="">.com</option>
-                    <option value="">.tech</option>
-                    <option value="">.net</option>
-                    <option value="">.co</option>
-                    <option value="">.info</option>
-                    <option value="">.org</option>
-                  </select>
-                </div>
-                <button className="butn bg-darkBlue2 border-0 rounded-3 text-white">
-                  <span> Search Now </span>
-                </button>
-              </div>
-            </div>
-          </div>
-          <div className="domain-names">
-            <div className="row justify-content-center wow fadeInUp">
-              <div className="col-lg-10">
-                <div className="row">
-                  <div className="col-lg-2 col-6">
-                    <div className="item dom-tech">
-                      <p> <i className="far fa-square-full"></i> .tech<span>/$8.00</span> </p>
-                    </div>
-                  </div>
-                  <div className="col-lg-2 col-6">
-                    <div className="item dom-net">
-                      <p> <i className="far fa-square-full"></i> .net<span>/$8.00</span> </p>
-                    </div>
-                  </div>
-                  <div className="col-lg-2 col-6">
-                    <div className="item dom-co">
-                      <p> <i className="far fa-square-full"></i> .co/<span>$5.00</span> </p>
-                    </div>
-                  </div>
-                  <div className="col-lg-2 col-6">
-                    <div className="item dom-com">
-                      <p> <i className="far fa-square-full"></i> .com<span>/$10.00</span> </p>
-                    </div>
-                  </div>
-                  <div className="col-lg-2 col-6">
-                    <div className="item dom-info">
-                      <p> <i className="far fa-square-full"></i> .info<span>/$10.00</span> </p>
-                    </div>
-                  </div>
-                  <div className="col-lg-2 col-6">
-                    <div className="item dom-org">
-                      <p> <i className="far fa-square-full"></i> .org<span>/$3.00</span> </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <h5 className=" wow fadeInUp"> Which domain is right for you? </h5>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Domain
\ No newline at end of file
diff --git a/src/components/CloudHosting/Footer.jsx b/src/components/CloudHosting/Footer.jsx
deleted file mode 100644
index 74f966e..0000000
--- a/src/components/CloudHosting/Footer.jsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React from 'react';
-import footerLinks from 'data/CloudHosting/footerLinks.json';
-
-const Footer = () => {
-  return (
-    <footer className="style-9">
-      <div className="container">
-        <div className="content">
-          <div className="row gx-0 justify-content-between">
-            <div className="col-lg-3 col-sm-6">
-              <h5 className="foot-title"> About Iteck </h5>
-              <div className="links">
-                <ul className="d-flex flex-wrap">
-                  {
-                    footerLinks.links.map((link, index) => (
-                      <li className="w-50" key={index}>
-                        <a href={link.href}> { link.text } {link.badge && <small className="text-uppercase bg-blue7 text-white py-1 px-3 rounded-pill ms-1 lh-1"> { link.badge } </small>} </a>
-                      </li>
-                    ))
-                  }
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <h5 className="foot-title"> Resources </h5>
-              <div className="links">
-                <ul className="">
-                  {
-                    footerLinks.resources.map((link, index) => (
-                      <li key={index}>
-                        <a href={link.href}> { link.text } </a>
-                      </li>
-                    ))
-                  }
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <h5 className="foot-title"> Shopping </h5>
-              <div className="links">
-                <ul>
-                  {
-                    footerLinks.shopping.map((link, index) => (
-                      <li key={index}>
-                        <a href={link.href}> { link.text } </a>
-                      </li>
-                    ))
-                  }
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6">
-              <h5 className="foot-title"> Partner Programs </h5>
-              <div className="links">
-                <ul>
-                  {
-                    footerLinks.programs.map((link, index) => (
-                      <li key={index}>
-                        <a href={link.href}> { link.text } </a>
-                      </li>
-                    ))
-                  }
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot">
-          <div className="row align-items-center">
-            <div className="col-lg-2 border-1 border-end brd-light">
-              <a className="navbar-brand pe-4" href="#">
-                <img src="/assets/img/logo_9.png" alt="" />
-              </a>
-            </div>
-            <div className="col-lg-7">
-              <div className="info ps-4">
-                <p className="mb-1"> Copyright © 1999 - 2022 <a href="#" className="fw-bold text-white"> ThemesCamp </a>, LLC. All Rights Reserved. </p>
-                <p> The ThemeCamp word mark is a registered trademark of ThemeForest Operating Company. </p>
-              </div>
-            </div>
-            <div className="col-lg-3 text-lg-end">
-              <div className="social-icons">
-                <a href="#" className="me-1"> <i className="fab fa-facebook-f"></i> </a>
-                <a href="#" className="me-1"> <i className="fab fa-twitter"></i> </a>
-                <a href="#" className="me-1"> <i className="fab fa-behance"></i> </a>
-                <a href="#"> <i className="fab fa-youtube"></i> </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/CloudHosting/Header.jsx b/src/components/CloudHosting/Header.jsx
deleted file mode 100644
index 3b840a4..0000000
--- a/src/components/CloudHosting/Header.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import Navbar from 'components/Navbars/CloudNav';
-import TopNav from 'components/Navbars/CloudNav/TopNav';
-
-const Header = () => {
-  return (
-    <header className="style-9">
-      <TopNav />
-      <Navbar />
-      <div className="navs-container">
-        <div className="hosting-links py-4 text-white text-center">
-          <div className="container">
-            <div className="links">
-              <a href="#" className="fw-bold pe-3 me-3 border-end border-1 brd-light hover-darkBlue"> Cloud Hosting </a>
-              <a href="#" className="me-4 hover-darkBlue"> Web Hosting </a>
-              <a href="#" className="me-4 hover-darkBlue"> Windows Hosting </a>
-              <a href="#" className="me-4 hover-darkBlue"> Dedicated Server </a>
-              <a href="#" className="me-4 hover-darkBlue"> VPS Hosting </a>
-              <a href="#" className="hover-darkBlue"> Reseller Hosting </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="container">
-        <div className="content section-padding">
-          <div className="row align-items-center">
-            <div className="col-lg-5">
-              <div className="info">
-                <h6> cloud hosting </h6>
-                <h1> High Performance Secured <span> Hosting </span> </h1>
-                <ul>
-                  <li> Improved page loads and SEO </li>
-                  <li> Fee domain, email & support included </li>
-                  <li> 30-day money back guarantee </li>
-                </ul>
-                <a href="#" className="butn border-2 border-white border rounded-3 text-white mt-40">
-                  <span> Get Started Now </span>
-                </a>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="img">
-                <img src="/assets/img/header/header9.svg" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/CloudHosting/Partners.jsx b/src/components/CloudHosting/Partners.jsx
deleted file mode 100644
index d884299..0000000
--- a/src/components/CloudHosting/Partners.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-
-const Partners = () => {
-  return (
-    <section className="clients style-9 section-padding bg-gray2">
-      <div className="container">
-        <div className="section-head text-center style-9 mb-80 wow fadeInUp">
-          <h6> All in one place </h6>
-          <h2> Partner Programs </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-6">
-              <div className="client-card wow fadeInUp">
-                <div className="row">
-                  <div className="col-md-3">
-                    <div className="img">
-                      <img src="/assets/img/icons/prt1.png" alt="" />
-                    </div>
-                  </div>
-                  <div className="col-md-9">
-                    <div className="info">
-                      <h5> Reseller Hosting </h5>
-                      <p> Get everything you need to start and run your web hosting and domain business.  </p>
-                      <a href="#" className="mt-30"> <i className="far fa-long-arrow-right l-arrow me-2"></i> Read More <i className="far fa-long-arrow-right r-arrow ms-2"></i> </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="client-card mt-4 mt-md-0 wow fadeInUp" data-wow-delay="0.2s">
-                <div className="row">
-                  <div className="col-md-3">
-                    <div className="img">
-                      <img src="/assets/img/icons/prt2.png" alt="" />
-                    </div>
-                  </div>
-                  <div className="col-md-9">
-                    <div className="info">
-                      <h5> Iteck <span> Pro </span> Version </h5>
-                      <p> Spend less time managing client sites, and free up your day to create more and manage less. </p>
-                      <a href="#" className="mt-30"> <i className="far fa-long-arrow-right l-arrow me-2"></i> Read More <i className="far fa-long-arrow-right r-arrow ms-2"></i> </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="logos-content">
-            <h4 className=" wow fadeInUp"> <span> 25K+ </span> Installation & Featured On </h4>
-            <div className="logos">
-              <a href="#" className=" wow fadeInUp"> <img src="/assets/img/logos/23.png" alt="" /> </a>
-              <a href="#" className=" wow fadeInUp" data-wow-delay="0.2s"> <img src="/assets/img/logos/24.png" alt="" /> </a>
-              <a href="#" className=" wow fadeInUp" data-wow-delay="0.4s"> <img src="/assets/img/logos/25.png" alt="" /> </a>
-              <a href="#" className=" wow fadeInUp" data-wow-delay="0.6s"> <img src="/assets/img/logos/26.png" alt="" /> </a>
-              <a href="#" className=" wow fadeInUp" data-wow-delay="0.8s"> <img src="/assets/img/logos/27.png" alt="" /> </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Partners
\ No newline at end of file
diff --git a/src/components/CloudHosting/Pricing.jsx b/src/components/CloudHosting/Pricing.jsx
deleted file mode 100644
index 7f16896..0000000
--- a/src/components/CloudHosting/Pricing.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import plans from 'data/CloudHosting/plans.json';
-
-const Pricing = () => {
-  return (
-    <section className="pricing style-9 section-padding bg-gray2">
-      <div className="container">
-        <div className="section-head text-center style-9 mb-80 wow fadeInUp">
-          <h6> best plans </h6>
-          <h2> Hosting Plans Include </h2>
-          <p> Free to focus on growing your business, let us handle your site </p>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              plans.map((plan, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="pricing-card wow fadeInUp">
-                    <div className="card-head">
-                      <h5> { plan.title } </h5>
-                      <p> { plan.description } </p>
-                    </div>
-                    <div className="pricing-cont">
-                      <h2 className="price"> ${plan.price} <small> /mo </small> </h2>
-                      <p className="hightLight"> { plan.highlight } </p>
-                      <p className="color-999"> { plan.text } </p>
-                      <a href="#" className="butn border-2 border-darkBlue2 border rounded-3 color-darkBlue2 fw-bold mt-30 w-100 mb-20">
-                        <span> Purchase Plan </span>
-                      </a>
-                      <ul>
-                        {
-                          plan.features.map((feature, i) => (
-                            <li key={i}> 
-                              <p><strong className="color-darkBlue2"> { feature.value } </strong> { feature.title } </p> 
-                              <span className="icon"> <i className="fal fa-check"></i> </span> 
-                            </li>
-                          ))
-                        }
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-          <h5 className="offer-text wow fadeInDown"> In addition to Windows Web Hosting plans, we offer <a href="#"> Linux Plans </a> </h5>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Pricing
\ No newline at end of file
diff --git a/src/components/CloudHosting/Services.jsx b/src/components/CloudHosting/Services.jsx
deleted file mode 100644
index 6084100..0000000
--- a/src/components/CloudHosting/Services.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import services from 'data/CloudHosting/services.json';
-
-const Services = () => {
-  return (
-    <section className="services style-9 bg-gray2">
-      <div className="services-content">
-        <div className="container">
-          <div className="row">
-            {
-              services.map((service, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className="service-card wow fadeInUp" data-wow-delay={`${index * 0.2}s`}>
-                    <div className="img-icon">
-                      <img src={service.icon} alt="" />
-                    </div>
-                    <h3> { service.title.partOne } <br />  { service.title.partTwo } </h3>
-                    <p> {  service.description } </p>
-                    <a href="#" className="icon"> <i className="far fa-long-arrow-right"></i> </a>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-      <div className="container">
-        <div className="con-info wow fadeInDown">
-          <h5> Need help? Call our award-winning support team at <strong> 040-67607600 </strong> </h5>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/CloudHosting/SideMenu.jsx b/src/components/CloudHosting/SideMenu.jsx
deleted file mode 100644
index 559c19d..0000000
--- a/src/components/CloudHosting/SideMenu.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-
-const SideMenu = () => {
-  const toggleSideMenu = (e) => {
-    e.preventDefault();
-    const side_menu = document.getElementById('side_menu');
-    const side_overlay = document.querySelector('.side_overlay');
-
-    side_menu && side_menu.classList.remove('show');
-    side_overlay && side_overlay.classList.remove('show');
-  }
-
-  return (
-    <>
-      <div className="side_menu style-7 dark_theme" id="side_menu">
-        <a href="#0" className="side_menu_cls" onClick={toggleSideMenu}>
-          <img src="/assets/img/icons/4dots_light.png" alt="" />
-        </a>
-        <div className="content">
-          <div className="logo">
-            <a href="#" className="w-100">
-              <img src="/assets/img/logo_9.png" alt="" />
-            </a>
-          </div>
-          <div className="pages_links">
-            <ul>
-              <li><a href="#" className="active">Home</a></li>
-              <li><a href="#">about</a></li>
-              <li><a href="#">services</a></li>
-              <li><a href="#">portfolio</a></li>
-              <li><a href="#">blog</a></li>
-              <li><a href="#">contact</a></li>
-              <li><a href="#">shop</a></li>
-            </ul>
-          </div>
-          <div className="side_foot">
-            <h5> get in touch </h5>
-            <div className="row">
-              <div className="col-lg-6">
-                <a href="#"> <i className="fal fa-phone-alt me-2"></i> (+23) 5535 68 68 </a>
-              </div>
-              <div className="col-lg-6">
-                <a href="#"> <i className="fal fa-envelope me-2 mt-4 mt-lg-0"></i> contact@Iteck.co </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="side_overlay"></div>
-    </>
-  )
-}
-
-export default SideMenu
\ No newline at end of file
diff --git a/src/components/CloudHosting/Testimonials.jsx b/src/components/CloudHosting/Testimonials.jsx
deleted file mode 100644
index 5cb1572..0000000
--- a/src/components/CloudHosting/Testimonials.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-import testimonialsData from 'data/CloudHosting/testimonials.json';
-
-const Testimonials = () => {
-  return (
-    <section className="testimonials style-9 section-padding">
-      <div className="container">
-        <div className="testi-head mb-80 wow fadeInUp">
-          <div className="row justify-content-between">
-            <div className="col-lg-5">
-              <h3> Trusted by 20+ Million Users Around The World. </h3>
-            </div>
-            <div className="col-lg-4 text-lg-end">
-              <div className="reviews-numb">
-                <div className="img">
-                  <img src="/assets/img/testimonials/trust_logo.png" alt="" className="logo" />
-                  <div className="stars">
-                    <img src="/assets/img/testimonials/trust_star.png" alt="" className="star" />
-                    <img src="/assets/img/testimonials/trust_star.png" alt="" className="star" />
-                    <img src="/assets/img/testimonials/trust_star.png" alt="" className="star" />
-                    <img src="/assets/img/testimonials/trust_star.png" alt="" className="star" />
-                    <img src="/assets/img/testimonials/trust_star.png" alt="" className="star" />
-                  </div>
-                </div>
-                <div className="info text-start">
-                  <p className="color-666"> { testimonialsData.totalRating } out of 5 based on </p>
-                  <h6 className="color-darkBlue2 fw-bold"> { testimonialsData.totalReviews } reviews </h6>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="testi-body">
-          <div className="row gx-5">
-            {
-              testimonialsData.testimonials.map((testimonial, index) => (
-                <div className={`col-lg-4 ${index !== testimonialsData.testimonials.length - 1 ? 'border-1 border-end brd-gray wow fadeInUp':''}`} key={index}>
-                  <div className={`testi-card p${index === 0 ? 'e' : index === 1 ? 'x' : 's'}-lg-4`}>
-                    <div className="stars">
-                      {
-                        Array(testimonial.stars).fill().map((_,i) => <img key={i} src="/assets/img/testimonials/trust_star.png" alt="" className="star" />)
-                      }
-                    </div>
-                    <div className="text">
-                      “ { testimonial.content } ”
-                    </div>
-                    <div className="author">
-                      <div className="img icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                        <img src={testimonial.author.image} alt="" />
-                      </div>
-                      <div className="inf">
-                        <p> { testimonial.author.position } </p>
-                        <h6> { testimonial.author.name } </h6>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Contact/Community.jsx b/src/components/Contact/Community.jsx
deleted file mode 100644
index ab3e1e3..0000000
--- a/src/components/Contact/Community.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import communityData from 'data/Contact/community.json';
-
-const Community = () => {
-  return (
-    <section className="community section-padding style-5">
-      <div className="container">
-        <div className="section-head text-center style-4 mb-40">
-          <small className="title_small">Contact us</small>
-          <h2 className="mb-20">Get In <span>Touch</span> </h2>
-          <p>We will contact again after receive your request in 24h</p>
-        </div>
-        <div className="content rounded-pill">
-          {
-            communityData.map((card, i) => (
-              <div className="commun-card" key={i}>
-                <div className="icon icon-45">
-                  <img src={card.icon} alt="" />
-                </div>
-                <div className="inf">
-                  <h5>{ card.info }</h5>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Community
\ No newline at end of file
diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx
deleted file mode 100644
index f0b279d..0000000
--- a/src/components/Contact/Form.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import React, { useState } from 'react';
-import axios from 'axios';
-import contactInfo from 'data/Contact/form.json';
-import contactInfoRTL from 'data/Contact/form-rtl.json';
-
-const Form = ({ style = "4", rtl }) => {
-  const [formData, setFormdata] = useState({
-    name: "",
-    email: "",
-    phone: "",
-    website: "",
-    option: "",
-    message: ""
-  });
-
-  const contactInfoData = rtl ? contactInfoRTL : contactInfo;
-
-  const handleFormChange = (e) => {
-    setFormdata(prev => ({
-      ...prev,
-      [e.target.name]: e.target.value
-    }))
-  }
-
-  const handleFormSubmit = async (e) => {
-    e.preventDefault();
-    const formValues = new FormData();
-
-    formValues.append('name', formData.name);
-    formValues.append('email', formData.email);
-    formValues.append('phone', formData.phone);
-    formValues.append('website', formData.website);
-    formValues.append('option', formData.option);
-    formValues.append('message', formData.message);
-    
-    const res = await axios.post('/contact.php', formValues)
-      .catch(err => alert(err.message));
-
-    if (!res) return;
-
-    alert('Form submitted successfully.')
-  }
-
-  return (
-    <section className={`contact section-padding pt-${style === '4' ? '0':'50'} style-6`}>
-      {
-        style === '5' && (
-          <>
-            <div className="section-head text-center mb-100 style-5">
-              <h2 className="mb-20">{ rtl ? 'يسعدنا' : 'Get In' } <span>{ rtl ? 'تواصلك' : 'Touch' }</span> { rtl && 'معنا' }</h2>
-              <p>{ rtl ? 'سنتواصل معك مرة أخرى بعد استلام طلبك خلال 24 ساعة' : 'We will contact again after receive your request in 24h' }</p>
-            </div>
-            <div className="text-center mb-100">
-              <h2 className="ltspc-20 text-uppercase fs-1 lh-1 mb-50 mt-30 color-blue5">{ contactInfoData.phone }</h2>
-              <h4 className="fw-normal mb-20 color-000">{ contactInfoData.email }</h4>
-              <h4 className="fw-normal mb-10 color-000">{ contactInfoData.address }</h4>
-            </div>
-          </>
-        )
-      }
-      <div className="container">
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-8">
-              <form action="contact.php" className="form" method="post" onSubmit={handleFormSubmit}>
-                <p className="text-center text-danger fs-12px mb-30">{ rtl ? 'الحقل اللذى يحتوى على هذة العلامة اجبارى *' : 'The field is required mark as *' }</p>
-                <div className="row">
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="name" className="form-control" placeholder={ rtl ? 'الاسم' : "Name" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="email" className="form-control" placeholder={ rtl ? 'البريد الالكترونى *' : "Email Address *" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="phone" className="form-control" placeholder={ rtl ? 'رقم الهاتف (اختياري)' : "Phone Number (option)" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="website" className="form-control" placeholder={ rtl ? 'رابط موقعك (اختيارى)' : "Your Website (option)" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group mb-20">
-                      <select className="form-select" defaultValue={ rtl ? 'كيف يمكننا مساعدتك ؟' : "How can we help you?" } name="option" onChange={handleFormChange}>
-                        <option value="how can we help">{ rtl ? 'كيف يمكننا مساعدتك ؟' : 'How can we help you?' }</option>
-                        <option value="option 1">{ rtl ? 'الاختيار الاول' : 'option 1' }</option>
-                        <option value="option 2">{ rtl ? 'الاختيار الثاني' : 'option 2' }</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group">
-                      <textarea rows="10" name="message" className="form-control" placeholder={ rtl ? 'كيف يمكننا مساعدتك ؟' : "How can we help you?" } onChange={handleFormChange}></textarea>
-                    </div>
-                  </div>
-                  <div className="col-lg-12 text-center">
-                    <div className="form-check d-inline-flex mt-30 mb-30">
-                      <input className="form-check-input me-2 mt-0" type="checkbox" value="" id="flexCheckDefault" />
-                      <label className="form-check-label small" htmlFor="flexCheckDefault">
-                        { rtl ? 'من خلال الإرسال ، أوافق على' : 'By submitting, i’m agreed to the' } <a href="#" className="text-decoration-underline">{ rtl ? 'الشروط و الاحكام' : 'Terms & Conditons' }</a>
-                      </label>
-                    </div>
-                  </div>
-                  <div className="col-lg-12 text-center">
-                    <input type="submit" value={ rtl ? 'ارسل طلبك' : 'Send Your Request' } className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold text-light" />
-                  </div>
-                </div>
-              </form>
-            </div>
-          </div>
-          <img src="/assets/img/icons/contact_a.png" alt="" className="contact_a" />
-          <img src="/assets/img/icons/contact_message.png" alt="" className="contact_message" />
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Form
\ No newline at end of file
diff --git a/src/components/Contact/Map.jsx b/src/components/Contact/Map.jsx
deleted file mode 100644
index 552e3ae..0000000
--- a/src/components/Contact/Map.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-
-const Map = () => {
-  return (
-    <div className="map">
-      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24219.60999175365!2d-73.9764341314902!3d40.64198229194528!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b400c94a227%3A0x18e2a4d3fb21f0ec!2sFlatbush%2C%20Brooklyn%2C%20NY%2C%20USA!5e0!3m2!1sen!2seg!4v1651361759450!5m2!1sen!2seg" height="500" style={{ border: 0 }} allowFullScreen="" loading="lazy" referrerPolicy="no-referrer-when-downgrade"></iframe>
-    </div>
-  )
-}
-
-export default Map
\ No newline at end of file
diff --git a/src/components/CountTo/index.jsx b/src/components/CountTo/index.jsx
deleted file mode 100644
index b91dafc..0000000
--- a/src/components/CountTo/index.jsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-
-const propTypes = {
-  from: PropTypes.number,
-  to: PropTypes.number.isRequired,
-  speed: PropTypes.number.isRequired,
-  delay: PropTypes.number,
-  onComplete: PropTypes.func,
-  digits: PropTypes.number,
-  className: PropTypes.string,
-  tagName: PropTypes.string,
-  children: PropTypes.func,
-  easing: PropTypes.func,
-  position: PropTypes.shape({
-    height: PropTypes.number,
-    startY: PropTypes.number,
-  }),
-};
-
-const defaultProps = {
-  from: 0,
-  delay: 100,
-  digits: 0,
-  tagName: 'span',
-  easing: t => t,
-};
-
-class CountTo extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    const { from } = props;
-
-    this.state = {
-      counter: from,
-      restart: false
-    };
-
-    this.start = this.start.bind(this);
-    this.clear = this.clear.bind(this);
-    this.next = this.next.bind(this);
-    this.updateCounter = this.updateCounter.bind(this);
-  }
-
-  componentDidMount() {
-    this.start();
-    window.addEventListener('scroll', () => {
-      if (!this.props.position) return;
-
-      const { from, to } = this.props.position;
-
-      if (window.scrollY > from && window.scrollY < to && this.state.restart) {
-        this.start();
-        this.setState({ restart: false });
-      }
-
-      if (window.scrollY < from && !this.state.restart) {
-        this.setState({ restart: true });
-      }
-    });
-  }
-
-  componentWillUnmount() {
-    this.clear();
-  }
-
-  start(props = this.props) {
-    this.clear();
-    const { from } = props;
-    this.setState({
-      counter: from,
-    }, () => {
-      const { speed, delay } = this.props;
-      const now = Date.now();
-      this.endDate = now + speed;
-      this.scheduleNextUpdate(now, delay);
-      this.raf = requestAnimationFrame(this.next);
-    });
-  }
-
-  next() {
-    const now = Date.now();
-    const { speed, onComplete, delay } = this.props;
-
-    if (now >= this.nextUpdate) {
-      const progress = Math.max(0, Math.min(1, 1 - (this.endDate - now) / speed));
-      this.updateCounter(progress);
-      this.scheduleNextUpdate(now, delay);
-    }
-
-    if (now < this.endDate) {
-      this.raf = requestAnimationFrame(this.next);
-    } else if (onComplete) {
-      onComplete();
-    }
-  }
-
-  scheduleNextUpdate(now, delay) {
-    this.nextUpdate = Math.min(now + delay, this.endDate);
-  }
-
-  updateCounter(progress) {
-    const { from, to, easing } = this.props;
-    const delta = to - from;
-    const counter = from + delta * easing(progress);
-    this.setState({
-      counter,
-    });
-  }
-
-  clear() {
-    cancelAnimationFrame(this.raf);
-  }
-
-  render() {
-    const { className, digits, tagName: Tag, children: fn } = this.props;
-    const { counter } = this.state;
-    const value = counter.toFixed(digits);
-
-    if (fn) {
-      return fn(value);
-    }
-
-    return (
-      <Tag className={className}>
-        {value}
-      </Tag>
-    );
-  }
-}
-
-CountTo.propTypes = propTypes;
-CountTo.defaultProps = defaultProps;
-
-export default CountTo;
\ No newline at end of file
diff --git a/src/components/Crypto/About.jsx b/src/components/Crypto/About.jsx
deleted file mode 100644
index 98a9764..0000000
--- a/src/components/Crypto/About.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react'
-
-const About = () => {
-  return (
-    <section className="about style-15 section-padding">
-      <div className="container">
-        <div className="row align-items-center justify-content-between">
-          <div className="col-lg-5">
-            <div className="info wow fadeInUp">
-              <div className="section-head mb-30">
-                <h6 className="text-uppercase fw-bold lh-8"> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" />  <span> core features </span> </h6>
-                <h2 className="fs-1"> Most Trusted & Secure Crypto Platform </h2>
-              </div>
-              <p> When We Save this Money for Investors, They can be an Reinvest the Save Money </p>
-              <ul>
-                <li> <i className="fal fa-check me-3 color-red2"></i> <span> Start investing now, on Iteck crypto </span> </li>
-                <li> <i className="fal fa-check me-3 color-red2"></i> <span> To buy and sell cryptocurrency assets </span> </li>
-              </ul>
-              <a href="#0" className="btn rounded-pill bg-red2 fw-bold text-white mt-40" target="_blank">
-                <span> Compare With Other Crypto <i className="fal fa-angle-down ms-2"></i> </span>
-              </a>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="img wow fadeInUp" data-wow-delay="0.2s">
-              <img src="/assets/img/about/about_15_img.svg" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/Crypto/Blog.jsx b/src/components/Crypto/Blog.jsx
deleted file mode 100644
index 275f40c..0000000
--- a/src/components/Crypto/Blog.jsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react'
-
-const Blog = () => {
-  return (
-    <section className="blog section-padding style-15">
-      <div className="container">
-        <div className="row align-items-end mb-70 wow fadeInUp">
-          <div className="col-lg-6">
-            <div className="section-head">
-              <h6 className="text-uppercase fw-bold lh-8"> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" />  <span> news </span> </h6>
-              <h2 className="fs-1"> Blog & Insights </h2>
-            </div>
-          </div>
-          <div className="col-lg-6 text-lg-end">
-            <a href="#" className="butn border-1 brd-light border rounded-pill text-white hover-red2 mb-2">
-              <span> More News <i className="fal fa-long-arrow-right ms-2"></i> </span>
-            </a>
-          </div>
-        </div>
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-8">
-              <div className="main-card wow fadeInUp">
-                <div className="row gx-0">
-                  <div className="col-lg-6">
-                    <div className="img img-cover">
-                      <img src="/assets/img/blog/25.jpg" alt="" />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="info">
-                      <div className="cont">
-                        <h6 className="color-red2 text-uppercase mb-3"> <a href="#"> crypto, </a> <a href="#"> bitcoin </a> </h6>
-                        <h4> <a href="#"> When it comes to magazine and news websites. </a> </h4>
-                        <p> It comes to magazine and news websites, WordPress is top of the bill. Well-known news sites like The New York Times </p>
-                        <a href="#" className="author mt-40">
-                          <div className="icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                            <img src="/assets/img/team/9.jpg" alt="" />
-                          </div>
-                          <div className="inf">
-                            <h6> Rosalina D. William </h6>
-                            <p> Posted: June 22, 2023 </p>
-                          </div>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className="center_icon img-contain">
-                  <img src="/assets/img/icons/blog_15_icon.png" alt="" />
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="sub-card wow fadeInUp" data-wow-delay="0.2s">
-                <div className="img img-cover">
-                  <img src="/assets/img/blog/26.jpg" alt="" />
-                  <div className="center_icon img-contain">
-                    <img src="/assets/img/icons/blog_15_icon.png" alt="" />
-                  </div>
-                </div>
-                <div className="info">
-                  <div className="cont">
-                    <h6 className="color-red2 text-uppercase mb-3"> <a href="#"> crypto, </a> <a href="#"> bitcoin </a> </h6>
-                    <h4> <a href="#"> When it comes to magazine and news websites. </a> </h4>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/Crypto/FAQ.jsx b/src/components/Crypto/FAQ.jsx
deleted file mode 100644
index d87c5ef..0000000
--- a/src/components/Crypto/FAQ.jsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import FAQs from 'data/Crypto/faq.json'
-
-const FAQ = () => {
-  return (
-    <section className="faq pt-100 style-15">
-      <div className="container">
-        <div className="section-head text-center mb-50 wow fadeInUp">
-          <h6 className="text-uppercase fw-bold lh-8"> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" />  <span> some faq </span>  <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 ms-2" /> </h6>
-          <h2 className="fs-1"> Freequently Asked Anything </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              FAQs.map((question, idx) => (
-                <div className="col-lg-6" key={idx}>
-                  <div className="faq-card wow fadeInUp">
-                    <span className="numb">
-                      {question.numb}
-                    </span>
-                    <div className="info">
-                      <h6> {question.question} </h6>
-                      <p> {question.answer} </p>
-                    </div>
-                    <img src="/assets/img/icons/faq_15_icon.png" alt="" className="icon" />
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-        <div className="text-center mt-50 wow fadeInUp">
-          <a href="#" className="butn border-1 brd-light border rounded-pill text-white hover-red2">
-            <span> Ask More Question <i className="fal fa-long-arrow-right ms-2"></i> </span>
-          </a>
-        </div>
-        <div className="subscribe-content mt-100 wow fadeInUp">
-          <div className="row justify-content-center">
-            <div className="col-lg-10">
-              <div className="subscribe-card">
-                <div className="row justify-content-center">
-                  <div className="col-lg-9">
-                    <div className="icon">
-                      <img src="/assets/img/icons/ch10.png" alt="" />
-                    </div>
-                  </div>
-                  <h2 className="fs-1s"> Daily Update & Newsletter </h2>
-                  <div className="form-group">
-                    <span className="ico"> <i className="fas fa-envelope-open"></i> </span>
-                    <input type="text" placeholder="Business Email" />
-                    <button> Subscribe Now </button>
-                    <img src="/assets/img/subs_arrow.png" alt="" className="subs_arrow" />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default FAQ
\ No newline at end of file
diff --git a/src/components/Crypto/Features.jsx b/src/components/Crypto/Features.jsx
deleted file mode 100644
index cdce6c0..0000000
--- a/src/components/Crypto/Features.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import features from 'data/Crypto/features.json';
-
-const Features = () => {
-  return (
-    <section className="features style-15">
-      <div className="container">
-        <div className="section-head text-center mb-50 wow fadeInUp">
-          <h6 className="text-uppercase fw-bold lh-8"> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" />  <span> core features </span>  <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 ms-2" /> </h6>
-          <h2 className="fs-1"> Features & Reveals </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              features.map((feature, index) => (
-                <div className="col-lg-4" key={index}>
-                  <a href="#" className="features-card wow fadeInUp">
-                    <div className="icon">
-                      <img src={feature.icon} alt="" />
-                    </div>
-                    <h6> {feature.title} </h6>
-                    <p> {feature.details} </p>
-                  </a>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/Crypto/Footer.jsx b/src/components/Crypto/Footer.jsx
deleted file mode 100644
index 3cb2325..0000000
--- a/src/components/Crypto/Footer.jsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React from 'react'
-
-const Footer = () => {
-  return (
-    <footer className="style-15">
-      <div className="container">
-        <div className="content">
-          <div className="foot-logo-social mb-70">
-            <div className="row align-items-center">
-              <div className="col-lg-6">
-                <div className="foot-logo">
-                  <img src="/assets/img/logo_15.png" alt="" />
-                </div>
-              </div>
-              <div className="col-lg-6 text-lg-end">
-                <div className="social-icons">
-                  <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                  <a href="#"> <i className="fab fa-twitter"></i> </a>
-                  <a href="#"> <i className="fab fa-behance"></i> </a>
-                  <a href="#"> <i className="fab fa-youtube"></i> </a>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="links-content">
-            <div className="row justify-content-between gx-0">
-              <div className="col-lg-4">
-                <h6 className="sub-title"> our company </h6>
-                <div className="main-links">
-                  <ul>
-                    <li> <a href="#"> About us </a> </li>
-                    <li> <a href="#"> Price & Plans </a> </li>
-                    <li> <a href="#"> Blog </a> </li>
-                    <li> <a href="#"> Support </a> </li>
-                    <li> <a href="#"> Media Center </a> </li>
-                    <li> <a href="#"> Get In Touch </a> </li>
-                    <li> <a href="#"> Careers </a> </li>
-                    <li> <a href="#"> FAQ </a> </li>
-                    <li> <a href="#"> Licenses & Registration </a> </li>
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-3 col-sm-6">
-                <h6 className="sub-title"> get in touch </h6>
-                <div className="links">
-                  <ul>
-                    <li> <i className="fas fa-phone color-red2 me-2"></i> <a href="#"> +888 999 777 88 </a> </li>
-                    <li> <i className="fas fa-envelope-open color-red2 me-2"></i> <a href="#"> info@webmail.com </a> </li>
-                    <li> <i className="fas fa-globe color-red2 me-2"></i> <a href="#"> www.example-web.com </a> </li>
-                    <li> <i className="fas fa-map-marker-alt color-red2 me-2"></i> <a href="#"> 7/A, New Booston, NYC </a> </li>
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-2">
-                <h6 className="sub-title"> Mobile app </h6>
-                <div className="down-imgs">
-                  <a href="#" className="img mt-30">
-                    <img src="/assets/img/foot_15_down1.png" alt="" />
-                  </a>
-                  <a href="#" className="img mt-20">
-                    <img src="/assets/img/foot_15_down2.png" alt="" />
-                  </a>
-                </div>
-              </div>
-              <div className="col-lg-2">
-                <h6 className="sub-title"> our products </h6>
-                <div className="links">
-                  <ul>
-                    <li> <a href="#"> Buy Crypto </a> </li>
-                    <li> <a href="#"> Earn Crypto Interest </a> </li>
-                    <li> <a href="#"> Instant Crypto Credit Lines™ </a> </li>
-                    <li> <a href="#"> Crypto Exchange </a> </li>
-                    <li> <a href="#"> iTeck Crypto Card </a> </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot">
-          <p> Copyright & Design By <a href="#" className="text-white"> @ThemeCamp </a> - 2022 </p>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/Crypto/Header.jsx b/src/components/Crypto/Header.jsx
deleted file mode 100644
index a4fa2cd..0000000
--- a/src/components/Crypto/Header.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React, { useEffect } from 'react';
-import TopNav from 'components/Navbars/TopNav-15';
-import Navbar from 'components/Navbars/CryptoNav';
-import timer from 'common/timer';
-
-const Header = () => {
-  useEffect(() => {
-    setTimeout(() => {
-      timer('nov 29, 2022 11:30');
-    }, 0);
-  }, []);
-
-  return (
-    <header className="style-15">
-      <div className="navs-container">
-        <TopNav />
-        <Navbar />
-      </div>
-      <div className="container">
-        <div className="content">
-          <div className="row align-items-center">
-            <div className="col-lg-5">
-              <div className="info">
-                <h6> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" /> We've got your #crypto back </h6>
-                <h1> Iteck is an innovative payment network & kind of money. </h1>
-                <a href="#" className="butn bg-yellowGreen text-dark fw-bold rounded-pill">
-                  <span> <i className="fas fa-wallet me-2"></i> Choose Wallet </span>
-                </a>
-                <a href="#" className="butn border-1 border-white border rounded-pill text-white ms-3 hover-red2">
-                  <span> Buy Bitcoin </span>
-                </a>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="img mt-50">
-                <img src="/assets/img/header/head_15_img.svg" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="countdown-content wow fadeInUp">
-          <div className="countdown-card">
-            <div className="row align-items-center">
-              <div className="col-lg-3 col-sm-6">
-                <div className="inf">
-                  <h3> Token Sale is Live 5%  Bonus Ends In: </h3>
-                  <a href="#" className="color-red2 text-uppercase mt-15"> register & Buy Now <i className="fal fa-long-arrow-right ms-2"></i> </a>
-                </div>
-              </div>
-              <div className="col-lg-4">
-                <div className="countdown px-3">
-                  <div className="item">
-                    <h2 id="days"></h2>
-                    <small> days </small>
-                  </div>
-                  <div className="item">
-                    <h2 id="hours"></h2>
-                    <small> Hours </small>
-                  </div>
-                  <div className="item">
-                    <h2 id="minutes"></h2>
-                    <small> Minute </small>
-                  </div>
-                  <div className="item">
-                    <h2 id="seconds"></h2>
-                    <small> Seconds </small>
-                  </div>
-                </div>
-              </div>
-              <div className="col-lg-5">
-                <div className="progs-content ps-4">
-                  <p className="text-end mb-15"> Hard Cap </p>
-                  <div className="progress">
-                    <div className="progress-bar" role="progressbar" style={{ width: '25%' }} aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                  </div>
-                  <div className="color-yellowGreen d-flex justify-content-between mt-20">
-                    <div className="l-side"> <span className="text-white-50"> Raisen: </span> <span className="counter"> <small> $ </small> 65,556.80 </span> </div>
-                    <div className="r-side"> <span className="counter">  <small> $ </small> 1,000,000 </span> </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="logos">
-            <span className="text-white-50 fw-bold"> We accept: </span>
-            <img src="/assets/img/logos/50.png" alt="" />
-            <img src="/assets/img/logos/51.png" alt="" />
-            <img src="/assets/img/logos/52.png" alt="" />
-            <img src="/assets/img/logos/53.png" alt="" />
-          </div>
-        </div>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Crypto/Markets.jsx b/src/components/Crypto/Markets.jsx
deleted file mode 100644
index 6cd3bcf..0000000
--- a/src/components/Crypto/Markets.jsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import marketsData from 'data/Crypto/markets.json';
-
-const Markets = () => {
-  return (
-    <section className="markets section-padding style-15">
-      <div className="container">
-        <div className="section-head text-center mb-70 wow fadeInUp">
-          <h6 className="text-uppercase fw-bold lh-8"> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" />  <span> exchnage </span>  <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 ms-2" /> </h6>
-          <h2 className="fs-1"> Interested You Today </h2>
-        </div>
-        <div className="content">
-          <div className="markets-table">
-            <div className="table-head wow fadeInUp">
-              <div className="item">
-                <p> Instrument </p>
-              </div>
-              <div className="item">
-                <p> Last Price </p>
-              </div>
-              <div className="item">
-                <p> 24H Change </p>
-              </div>
-              <div className="item">
-                <p> 24H Change </p>
-              </div>
-            </div>
-            <div className="table-body">
-              {
-                marketsData.map((row, idx) => (
-                  <div className="body-row wow fadeInUp" key={idx}>
-                    <div className="item">
-                      <div className="icon-40 me-3">
-                        <img src={row.paymentIcon} alt="" />
-                      </div>
-                      <p className="text-white-50"> <strong className="text-white text-uppercase"> {row.from} </strong> /{row.to} </p>
-                    </div>
-                    <div className="item">
-                      <p className="text-white-50"> <strong className="text-white me-1"> {row.price} </strong> ${row.price} </p>
-                    </div>
-                    <div className="item">
-                      <p className={row.lastDayChange.operator === '+' ? 'per-up' : 'color-red2'}> {row.lastDayChange.operator}{row.lastDayChange.change}% </p>
-                    </div>
-                    <div className="item">
-                      <p className="text-white w-100"> <strong> ${row.lastDayPrice.dollar}  </strong> </p>
-                      <p className="text-white-50 w-100"> <strong> {row.lastDayPrice.crypto}  </strong> </p>
-                    </div>
-                    <div className="item">
-                      <img src="/assets/img/icons/line_chart.png" alt="" className="line_chart" />
-                    </div>
-                    <div className="item">
-                      <a href="#" className="trad-btn"> Trade Now </a>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          </div>
-          <div className="text-center wow fadeInUp">
-            <a href="#0" className="btn rounded-pill bg-red2 fw-bold text-white mt-40" target="_blank">
-              <span> View More Market <i className="fal fa-long-arrow-right ms-2"></i> </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Markets
\ No newline at end of file
diff --git a/src/components/Crypto/Team.jsx b/src/components/Crypto/Team.jsx
deleted file mode 100644
index a1595b5..0000000
--- a/src/components/Crypto/Team.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import teamMemebers from 'data/Crypto/team.json';
-
-const Team = () => {
-  return (
-    <section className="team style-15">
-      <div className="row gx-0">
-        {
-          teamMemebers.map((member, idx) => (
-            <div className="col-lg-3 col-sm-6" key={idx}>
-              <div className="team-card wow fadeInUp">
-                <div className="img">
-                  <img src={member.picture} alt="" />
-                </div>
-                <div className="info">
-                  <div className="social-icons">
-                    <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                    <a href="#"> <i className="fab fa-twitter"></i> </a>
-                    <a href="#"> <i className="fab fa-behance"></i> </a>
-                    <a href="#"> <i className="fab fa-youtube"></i> </a>
-                    <a href="#"> <i className="fab fa-linkedin"></i> </a>
-                  </div>
-                  <div className="inf">
-                    <p className="text-uppercase"> {member.position} </p>
-                    <h5> {member.name} </h5>
-                  </div>
-                </div>
-              </div>
-            </div>
-          ))
-        }
-      </div>
-    </section>
-  )
-}
-
-export default Team
\ No newline at end of file
diff --git a/src/components/Crypto/Timeline.jsx b/src/components/Crypto/Timeline.jsx
deleted file mode 100644
index 3818877..0000000
--- a/src/components/Crypto/Timeline.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import timelineData from 'data/Crypto/timeline.json';
-
-const Timeline = () => {
-  return (
-    <section className="timeline style-15">
-      <div className="container">
-        <div className="section-head mb-70 wow fadeInUp">
-          <h6 className="text-uppercase fw-bold lh-8"> <img src="/assets/img/icons/home_15_icon.png" alt="" className="icon-30 me-2" />  <span> timeline </span> </h6>
-          <h2 className="fs-1"> The Timeline Of Our Journey </h2>
-        </div>
-        <div className="content">
-          <div className="timeline-cards">
-            <div className="row">
-              {
-                timelineData.map((item, idx) => (
-                  <div className="col-lg-3 col-sm-6" key={idx}>
-                    <div className="timeline-card wow fadeInUp">
-                      <div className="icon">
-                        <img src={item.image} alt="" />
-                      </div>
-                      <div className="info">
-                        <h6> {item.title.partOne} <br /> {item.title.partTwo} </h6>
-                      </div>
-                      <span className="year"> {item.year} </span>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-            <div className="progress">
-              <div className="progress-bar wow" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Timeline
\ No newline at end of file
diff --git a/src/components/CyberSecurity/About.jsx b/src/components/CyberSecurity/About.jsx
deleted file mode 100644
index 08b86f8..0000000
--- a/src/components/CyberSecurity/About.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react'
-
-const About = () => {
-  return (
-    <section className="about style-10 section-padding">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-6">
-            <div className="imgs">
-              <div className="row gx-3">
-                <div className="col-lg-6 pt-60">
-                  <div className="img img-cover">
-                    <img src="/assets/img/about/about_10_1.jpg" alt="" />
-                  </div>
-                  <div className="img img-cover mt-3">
-                    <img src="/assets/img/about/about2_2.png" alt="" />
-                  </div>
-                </div>
-                <div className="col-lg-6">
-                  <div className="img img-cover">
-                    <img src="/assets/img/about/about_10_2.jpg" alt="" />
-                  </div>
-                  <div className="img img-cover mt-3">
-                    <img src="/assets/img/about/about_10_3.jpg" alt="" />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="info">
-              <h6> Since From 2000 </h6>
-              <h2> We Provide Professional <br /> Security Solutions </h2>
-              <p> Cybersecurity is the practice of protecting systems, networks, <br /> and programs from digital attacks. </p>
-              <p> These cyberattacks are usually aimed at accessing, changing, <br /> or destroying sensitive information; extorting money from user <br /> or interrupting normal business processes. </p>
-              <a href="#0" className="btn btn-icon-circle rounded-pill bg-blue7 fw-bold text-white mt-50" target="_blank">
-                <small> Learn More <i className="fas fa-long-arrow-alt-right"></i> </small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about10_pattern.png" alt="" className="pattern" />
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Blog.jsx b/src/components/CyberSecurity/Blog.jsx
deleted file mode 100644
index 973a3e8..0000000
--- a/src/components/CyberSecurity/Blog.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react'
-
-const Blog = () => {
-  return (
-    <section className="blog style-10 section-padding bg-light">
-      <div className="container">
-        <div className="mb-70">
-          <div className="row">
-            <div className="col-lg-8">
-              <p className="color-blue7 mb-10"> News Feeds </p>
-              <h2> Company Blog & Insights </h2>
-            </div>
-            <div className="col-lg-4 text-lg-end">
-              <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold brd-gray hover-orange2 mt-4 mt-lg-0">
-                <small> show more <i className="fas fa-long-arrow-alt-right bg-blue7 text-white"></i> </small>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div className="contact">
-          <div className="row">
-            <div className="col-lg-5">
-              <div className="blog-card">
-                <div className="img">
-                  <img src="/assets/img/blog/18.png" alt="" className="" />
-                </div>
-                <div className="info">
-                  <h5> <a href="#"> Best unlocked me an striking perceive. </a> </h5>
-                  <p> One of the most important WIP of a blog design is readability. An sure that the background and foreground colors. </p>
-                  <div className="date"> <a href="#"> Nov 21, 2022 </a> <span className="color-999 mx-3"> | </span> <a href="#"> <span className="color-999"> By </span> Admin </a> </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="cards">
-                <div className="row">
-                  <div className="col-lg-6">
-                    <div className="blog-card mt-4 mt-lg-0">
-                      <div className="info w-100">
-                        <h5> <a href="#"> The practice of blog's look, feel, branding </a> </h5>
-                        <p> One of the most important WIP of a blog design is readability. An sure that the background and foreground colors. </p>
-                        <div className="date"> <a href="#"> Nov 21, 2022 </a> <span className="color-999 mx-3"> | </span> <a href="#"> <span className="color-999"> By </span> Admin </a> </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="blog-card mt-4 mt-lg-0">
-                      <div className="info w-100">
-                        <h5> <a href="#"> The readability & open functionality </a> </h5>
-                        <p> One of the most important WIP of a blog design is readability. An sure that the background and foreground colors. </p>
-                        <div className="date"> <a href="#"> Nov 21, 2022 </a> <span className="color-999 mx-3"> | </span> <a href="#"> <span className="color-999"> By </span> Admin </a> </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/CyberSecurity/FAQ.jsx b/src/components/CyberSecurity/FAQ.jsx
deleted file mode 100644
index 47419f0..0000000
--- a/src/components/CyberSecurity/FAQ.jsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from 'react';
-import IntegrationCard from './IntegrationCard';
-import faqs from 'data/CyberSecurity/faq.json';
-
-const FAQ = () => {
-  return (
-    <section className="faq style-10 bg-light pt-100">
-      <div className="container">
-        <div className="mb-70">
-          <div className="row">
-            <div className="col-lg-8">
-              <p className="color-blue7 mb-10"> FAQ </p>
-              <h2> Freequently Asked Question </h2>
-            </div>
-            <div className="col-lg-4 text-lg-end mt-4 mt-lg-0">
-              <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold brd-gray hover-orange2">
-                <small> More Question <i className="fas fa-long-arrow-alt-right bg-blue7 text-white"></i> </small>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div className="content overflow-hidden">
-          <div className="row gx-5">
-            <div className="col-lg-8">
-              <div className="accordion" id="accordionExample">
-                {
-                  faqs.map((faq, idx) => (
-                    <div className="accordion-item" key={idx}>
-                      <h2 className="accordion-header" id={`hd${idx}`}>
-                        <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target={`#cl${idx}`} aria-expanded="true" aria-controls="collapseOne">
-                          {faq.question}
-                        </button>
-                      </h2>
-                      <div id={`cl${idx}`} className="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
-                        <div className="accordion-body">
-                          <p>
-                            {faq.answer}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  ))
-                }
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="faq-form mt-5 mt-lg-0">
-                <h4> Ask More Question </h4>
-                <div className="form-group">
-                  <input type="text" className="form-control" placeholder="Your name" />
-                  <span className="icon"> <i className="fas fa-user"></i> </span>
-                </div>
-                <div className="form-group">
-                  <input type="text" className="form-control" placeholder="Email address" />
-                  <span className="icon"> <i className="fas fa-envelope"></i> </span>
-                </div>
-                <div className="form-group">
-                  <textarea name="" id="" rows="5" className="form-control" placeholder="message"></textarea>
-                  <span className="icon"> <i className="fas fa-pen"></i> </span>
-                </div>
-                <button className="butn w-100 bg-blue7 text-white border-0 rounded-3"> <span> send message </span> </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <IntegrationCard />
-    </section>
-  )
-}
-
-export default FAQ
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Features.jsx b/src/components/CyberSecurity/Features.jsx
deleted file mode 100644
index 8c83788..0000000
--- a/src/components/CyberSecurity/Features.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import features from 'data/CyberSecurity/features.json';
-
-const Features = () => {
-  return (
-    <section className="features style-10">
-      <div className="content">
-        <div className="row gx-0">
-          {
-            features.map((feature, idx) => (
-              <div className="col-lg-3 col-sm-6" key={idx}>
-                <div className="feat-card">
-                  <div className="icon">
-                    <img src={feature.image} alt="" />
-                  </div>
-                  <div className="info">
-                    <a href="#"> {feature.sub_title} </a>
-                    <h4> {feature.title} </h4>
-                    <p> {feature.details} </p>
-                  </div>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Footer.jsx b/src/components/CyberSecurity/Footer.jsx
deleted file mode 100644
index b26d2a3..0000000
--- a/src/components/CyberSecurity/Footer.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react'
-
-const Footer = () => {
-  return (
-    <footer className="style-10">
-      <div className="container">
-        <div className="content section-padding overflow-hidden">
-          <div className="row gx-5">
-            <div className="col-lg-4">
-              <div className="info-card border-blue7">
-                <h5 className="color-666 fw-normal text-capitalize mb-10"> Head Office </h5>
-                <h5> 12/A, New Booston, <br /> NYC info@webmail.com </h5>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="info-card mt-5 mt-lg-0">
-                <h5 className="color-666 fw-normal text-capitalize mb-10"> Sub Office </h5>
-                <h5> Pablo Hemilton Tower, Tokyo <br /> jobs@example.com </h5>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6 offset-lg-1">
-              <div className="subscribe-card mt-5 mt-lg-0">
-                <h5 className="mb-30 fw-bold lh-1"> Get Newsletter </h5>
-                <div className="form-group">
-                  <span className="icon"> <i className="fas fa-envelope-open"></i> </span>
-                  <input type="text" placeholder="Email address" />
-                  <button type="submit"> Subscribe </button>
-                </div>
-                <p> ** We are not going to save data </p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot">
-          <div className="row align-items-center">
-            <div className="col-lg-3 col-sm-6">
-              <a className="navbar-brand" href="#">
-                <img src="/assets/img/logo_10.png" alt="" />
-              </a>
-            </div>
-            <div className="col-lg-6">
-              <div className="links text-center">
-                <a href="#" className="mx-4"> About </a>
-                <a href="#" className="mx-4"> Career </a>
-                <a href="#" className="mx-4"> Faq </a>
-                <a href="#" className="mx-4"> Insights </a>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6 text-lg-end">
-              <div className="social-icons">
-                <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                <a href="#"> <i className="fab fa-twitter"></i> </a>
-                <a href="#"> <i className="fab fa-behance"></i> </a>
-                <a href="#"> <i className="fab fa-youtube"></i> </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/footer/footer_10_pattern.png" alt="" className="pattern" />
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Header.jsx b/src/components/CyberSecurity/Header.jsx
deleted file mode 100644
index ddaf4ac..0000000
--- a/src/components/CyberSecurity/Header.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react'
-import Navbar from 'components/Navbars/CyberNav'
-
-const Header = () => {
-  return (
-    <header className="style-10">
-      <div className="navs-container">
-        <Navbar />
-      </div>
-      <div className="container">
-        <div className="content pt-50">
-          <div className="row align-items-center gx-0">
-            <div className="col-lg-6">
-              <div className="info">
-                <h6> From The Market Ieaders In Data Intelligence </h6>
-                <h1> Trusted Data For Every Users </h1>
-                <div className="btns mt-50">
-                  <a href="#0" className="btn btn-icon-circle rounded-pill bg-blue7 fw-bold text-white me-4" target="_blank">
-                    <small> Request For Demo <i className="fas fa-long-arrow-alt-right"></i> </small>
-                  </a>
-                  <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold brd-light text-white hover-blue7">
-                    <small> Get Started Now <i className="fas fa-long-arrow-alt-right bg-light"></i> </small>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img">
-                <img src="/assets/img/header/header10_img.svg" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="logos">
-          <p className="text-center color-orange2"> Intregrated With: </p>
-          <div className="logos-content">
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/28.png" alt="" /> </a>
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/29.png" alt="" /> </a>
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/30.png" alt="" /> </a>
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/31.png" alt="" /> </a>
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/32.png" alt="" /> </a>
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/33.png" alt="" /> </a>
-            <a href="#" className="logo_img img-contain"> <img src="/assets/img/logos/34.png" alt="" /> </a>
-          </div>
-        </div>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/CyberSecurity/IntegrationCard.jsx b/src/components/CyberSecurity/IntegrationCard.jsx
deleted file mode 100644
index 1f7f58d..0000000
--- a/src/components/CyberSecurity/IntegrationCard.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react'
-
-const IntegrationCard = () => {
-  return (
-    <div className="integration-card">
-      <div className="container">
-        <div className="content">
-          <p> Iteck Syncs With The Apps You’re Already Using </p>
-          <h3> Over 30+ App Integrations </h3>
-          <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold border-white text-white hover-orange2 text-capitalize">
-            <small> View All Integrations <i className="fas fa-long-arrow-alt-right bg-white"></i> </small>
-          </a>
-          <div className="icons">
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/1.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/2.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/3.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/4.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/5.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/6.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/7.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/8.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/9.png" alt="" /> </span>
-            <span className="icon slide_up_down"> <img src="/assets/img/integ/10.png" alt="" /> </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default IntegrationCard
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Pricing.jsx b/src/components/CyberSecurity/Pricing.jsx
deleted file mode 100644
index bc6621f..0000000
--- a/src/components/CyberSecurity/Pricing.jsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import React from 'react'
-
-const Pricing = () => {
-  return (
-    <section className="pricing style-10 section-padding">
-      <div className="container">
-        <div className="text-center mb-40">
-          <p className="color-blue7 mb-10"> Price & Plans </p>
-          <h2> Packages For Everyone </h2>
-        </div>
-        <div className="content">
-          <div className="pricing-table">
-            <div className="table-titles">
-              <div className="main-head">
-                <div className="icon">
-                  <img src="/assets/img/pricing/money.png" alt="" />
-                </div>
-                <p> You pay <strong> $49.00/mo </strong> today renews june 2024 for <strong> $59.00/mo </strong> </p>
-              </div>
-              <div className="main-body d-none d-lg-block">
-                <ul>
-                  <li> Team </li>
-                  <li> Installed Agent </li>
-                  <li> Real-Time Feedback </li>
-                  <li> Video Dedicated Support </li>
-                  <li> Attacked Targets Per Month </li>
-                </ul>
-              </div>
-            </div>
-            <div className="table-body-card">
-              <div className="sub-head">
-                <p className="color-blue7 mb-2"> Starter </p>
-                <h2> $19.00 <small> /mo </small> </h2>
-                <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold brd-gray hover-orange2">
-                  <small> Purchase Now <i className="fas fa-long-arrow-alt-right bg-blue7 text-white"></i> </small>
-                </a>
-              </div>
-              <div className="sub-body">
-                <ul>
-                  <li> <strong> Team </strong> 02 </li>
-                  <li> <strong> Installed Agent </strong> 12 </li>
-                  <li> <strong> Real-Time Feedback </strong> Limited </li>
-                  <li> <strong> Video Dedicated Support </strong>  Limited </li>
-                  <li> <strong> Attacked Targets Per Month </strong> 100 </li>
-                </ul>
-              </div>
-            </div>
-            <div className="table-body-card recommended-card">
-              <div className="sub-head">
-                <p className="text-white mb-2"> Advance </p>
-                <h2> $49.00 <small> /mo </small> </h2>
-                <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold brd-gray bg-orange2 border-0">
-                  <small> Purchase Now <i className="fas fa-long-arrow-alt-right text-dark bg-white"></i> </small>
-                </a>
-              </div>
-              <div className="sub-body">
-                <ul>
-                  <li> <strong> Team </strong> 06 </li>
-                  <li> <strong> Installed Agent </strong> 50 </li>
-                  <li> <strong> Real-Time Feedback </strong> 24/7 </li>
-                  <li> <strong> Video Dedicated Support </strong>  24/7 </li>
-                  <li> <strong> Attacked Targets Per Month </strong> 1000 </li>
-                </ul>
-              </div>
-            </div>
-            <div className="table-body-card">
-              <div className="sub-head">
-                <p className="color-blue7 mb-2"> Team Plan </p>
-                <h2> $99.00 <small> /mo </small> </h2>
-                <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold brd-gray hover-orange2">
-                  <small> Purchase Now <i className="fas fa-long-arrow-alt-right bg-blue7 text-white"></i> </small>
-                </a>
-              </div>
-              <div className="sub-body">
-                <ul>
-                  <li> <strong> Team </strong> 10 </li>
-                  <li> <strong> Installed Agent </strong> 100 </li>
-                  <li> <strong> Real-Time Feedback </strong> unLimited </li>
-                  <li> <strong> Video Dedicated Support </strong>  Anytime </li>
-                  <li> <strong> Attacked Targets Per Month </strong> 10000 </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Pricing
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Services.jsx b/src/components/CyberSecurity/Services.jsx
deleted file mode 100644
index 798e19f..0000000
--- a/src/components/CyberSecurity/Services.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import services from 'data/CyberSecurity/services.json';
-
-const Services = () => {
-  return (
-    <section className="services style-10 overflow-hidden">
-      <div className="container">
-        <div className="content">
-          <div className="row gx-5">
-            {
-              services.map((service, idx) => (
-                <div className="col-lg-3 col-sm-6" key={idx}>
-                  <div className="services-card">
-                    <h6> Service #{service.number} </h6>
-                    <h3> {service.title} </h3>
-                    <p> {service.details} </p>
-                    <div className="icon">
-                      <img src={service.image} alt="" />
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-          <div className="section-title"> services </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/CyberSecurity/SideMenu.jsx b/src/components/CyberSecurity/SideMenu.jsx
deleted file mode 100644
index 374e03f..0000000
--- a/src/components/CyberSecurity/SideMenu.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react'
-
-const SideMenu = () => {
-  const toggleSideMenu = (e) => {
-    e.preventDefault();
-    const side_menu = document.getElementById('side_menu');
-    const side_overlay = document.querySelector('.side_overlay');
-
-    side_menu && side_menu.classList.remove('show');
-    side_overlay && side_overlay.classList.remove('show');
-  }
-
-  return (
-    <>
-      <div className="side_menu style-7 dark_theme" id="side_menu">
-        <a href="#0" className="side_menu_cls" onClick={toggleSideMenu}>
-          <img src="/assets/img/icons/4dots_light.png" alt="" />
-        </a>
-        <div className="content">
-          <div className="logo">
-            <a href="#" className="w-100">
-              <img src="/assets/img/logo_9.png" alt="" />
-            </a>
-          </div>
-          <div className="pages_links">
-            <ul>
-              <li><a href="#" className="active">Home</a></li>
-              <li><a href="#">about</a></li>
-              <li><a href="#">services</a></li>
-              <li><a href="#">portfolio</a></li>
-              <li><a href="#">blog</a></li>
-              <li><a href="#">contact</a></li>
-              <li><a href="#">shop</a></li>
-            </ul>
-          </div>
-          <div className="side_foot">
-            <h5> get in touch </h5>
-            <div className="row">
-              <div className="col-lg-6">
-                <a href="#"> <i className="fal fa-phone-alt me-2"></i> (+23) 5535 68 68 </a>
-              </div>
-              <div className="col-lg-6">
-                <a href="#"> <i className="fal fa-envelope me-2 mt-4 mt-lg-0"></i> contact@Iteck.co </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="side_overlay" onClick={toggleSideMenu}></div>
-    </>
-  )
-}
-
-export default SideMenu
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Solutions.jsx b/src/components/CyberSecurity/Solutions.jsx
deleted file mode 100644
index 99a8f46..0000000
--- a/src/components/CyberSecurity/Solutions.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import solutions from 'data/CyberSecurity/solutions.json';
-
-const Solutions = () => {
-  return (
-    <section className="solutions style-10 section-padding bg-light">
-      <div className="container">
-        <div className="text-center mb-40">
-          <p className="color-blue7 mb-10"> Our Level </p>
-          <h2> Explore Solutions By Industry </h2>
-        </div>
-        <div className="content">
-          <div className="row justify-content-center">
-            {
-              solutions.map((solution, idx) => (
-                <div className="col-lg-3 col-sm-6" key={idx}>
-                  <a href="#" className="solution-card">
-                    <h6> {solution.title} </h6>
-                    <span className="icon"> <img src={solution.image} alt="" /> </span>
-                  </a>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Solutions
\ No newline at end of file
diff --git a/src/components/CyberSecurity/Team.jsx b/src/components/CyberSecurity/Team.jsx
deleted file mode 100644
index 2851b72..0000000
--- a/src/components/CyberSecurity/Team.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import team from 'data/CyberSecurity/team.json';
-
-const Team = () => {
-  return (
-    <section className="team style-10 section-padding">
-      <div className="container">
-        <div className="mb-70 text-center">
-          <p className="color-blue7 mb-10"> Our Team </p>
-          <h2> Our Talent Expert </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              team.map((member, idx) => (
-                <div className="col-lg-4" key={idx}>
-                  <div className="team-card">
-                    <div className="img">
-                      <img src={member.picture} alt="" className="main-img" />
-                      <span className={`bg_color bg-${idx === 1 ? 'blue7' : 'orange2'}`}></span>
-                      <div className="social-icons">
-                        <span className="icon"> </span>
-                        <div className="socials">
-                          <a href="#"> <i className="fab fa-twitter"></i> </a>
-                          <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                          <a href="#"> <i className="fab fa-behance"></i> </a>
-                          <a href="#"> <i className="fab fa-youtube"></i> </a>
-                        </div>
-                      </div>
-                    </div>
-                    <div className="info">
-                      <p className="text-capitalize color-blue7"> {member.position} </p>
-                      <h5> {member.name} </h5>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Team
\ No newline at end of file
diff --git a/src/components/DataAnalysis/About.jsx b/src/components/DataAnalysis/About.jsx
deleted file mode 100644
index 8fef544..0000000
--- a/src/components/DataAnalysis/About.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-
-const About = () => {
-  return (
-    <section className="about style-8 section-padding bg-gray2">
-      <div className="container">
-        <div className="row align-items-center justify-content-between">
-          <div className="col-lg-6">
-            <div className="img mb-4 mb-lg-0 wow fadeIn">
-              <img src="/assets/img/about/3d_vector2.svg" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head style-8 mb-40">
-                <h6 className="wow fadeInUp"> about our service </h6>
-                <h3 className="wow fadeInUp"> We offer Real-time <br /> Data Solutions. </h3>
-              </div>
-              <p className="color-666 wow fadeInUp"> Stay focused and productive with a clean and clutter-free note space the flexible ways to organize </p>
-              <ul className="mt-30">
-                <li className="wow fadeInUp">
-                  <img src="/assets/img/about/icon3.svg" alt="" className="icon" />
-                  <p> Various AI Data Analysis Options </p>
-                </li>
-                <li className="wow fadeInUp">
-                  <img src="/assets/img/about/icon3.svg" alt="" className="icon" />
-                  <p> Auto Generate AI Content </p>
-                </li>
-              </ul>
-              <div className="d-flex align-items-center mt-40 wow fadeInUp">
-                <div className="author">
-                  <div className="img icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                    <img src="/assets/img/testimonials/user7.png" alt="" />
-                  </div>
-                  <div className="inf">
-                    <p> Certified By </p>
-                    <h6> Alonso D.Dowson </h6>
-                  </div>
-                </div>
-                <img src="/assets/img/about/signature.svg" alt="" className="signature ms-5" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Blog.jsx b/src/components/DataAnalysis/Blog.jsx
deleted file mode 100644
index 65e1c85..0000000
--- a/src/components/DataAnalysis/Blog.jsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react';
-import blogs from 'data/DataAnalysis/blog.json'
-
-const Blog = () => {
-  return (
-    <section className="blog style-8 bg-gray2">
-      <div className="container">
-        <div className="content section-padding wow fadeInUp">
-          <div className="section-head text-center style-8 mb-80">
-            <h6> blog </h6>
-            <h3> our News & Insights </h3>
-          </div>
-          <div className="blog-content">
-            <div className="row">
-              <div className="col-lg-6">
-                <div className="main-post wow fadeInUp">
-                  <div className="img img-cover">
-                    <img src={blogs[0].cover} alt="" />
-                    <div className="tags">
-                      <a href="#"> { blogs[0].tag } </a>
-                    </div>
-                  </div>
-                  <div className="info pt-30">
-                    <div className="date-author">
-                      <a href="#" className="date">
-                        { blogs[0].date }
-                      </a>
-                      <span className="color-999 mx-3"> | </span>
-                      <a href="#" className="author color-999">
-                        By <span className="color-000 fw-bold"> { blogs[0].author } </span>
-                      </a>
-                    </div>
-                    <h4 className="title">
-                      <a href="#"> { blogs[0].title } </a>
-                    </h4>
-                  </div>
-                </div>
-              </div>
-              <div className="col-lg-6">
-                <div className="side-posts">
-                  {
-                    blogs.map((blog, index) => (
-                      index > 0 ?
-                        (
-                          <div className="item wow fadeInUp" key={index}>
-                            <div className="img img-cover">
-                              <img src={blog.cover} alt="" />
-                            </div>
-                            <div className="info">
-                              <div className="date-author">
-                                <a href="#" className="date">
-                                  { blog.date }
-                                </a>
-                                <span className="color-999 mx-3"> | </span>
-                                <a href="#" className="author color-999">
-                                  By <span className="color-000 fw-bold"> { blog.author } </span>
-                                </a>
-                              </div>
-                              <h4 className="title">
-                                <a href="#"> { blog.title } </a>
-                              </h4>
-                            </div>
-                          </div>
-                        )
-                        :
-                        null
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/DataAnalysis/ChooseUs.jsx b/src/components/DataAnalysis/ChooseUs.jsx
deleted file mode 100644
index 19740ad..0000000
--- a/src/components/DataAnalysis/ChooseUs.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-
-const ChooseUs = () => {
-  return (
-    <section className="choose-us style-8 section-padding">
-      <div className="container">
-        <div className="row gx-0 justify-content-between">
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head style-8 wow fadeInUp">
-                <h6> why choose us </h6>
-                <h3> Track And Analyze Your Business Statistics </h3>
-              </div>
-              <div className="row">
-                <div className="col-6">
-                  <div className="choose-card  wow fadeInUp">
-                    <div className="icon">
-                      <img src="/assets/img/icons/ch7.svg" alt="" />
-                    </div>
-                    <h6> Target Audience </h6>
-                    <span className="arrow"> <i className="fal fa-long-arrow-right"></i> </span>
-                  </div>
-                </div>
-                <div className="col-6">
-                  <div className="choose-card wow fadeInUp" data-wow-delay="0.2s">
-                    <div className="icon">
-                      <img src="/assets/img/icons/ch8.svg" alt="" />
-                    </div>
-                    <h6> Various Options </h6>
-                    <span className="arrow"> <i className="fal fa-long-arrow-right"></i> </span>
-                  </div>
-                </div>
-              </div>
-              <div className="d-flex align-items-center mt-40 wow fadeInUp">
-                <a href="#" className="butn bg-orange1 border-0 rounded-pill hover-shadow flex-shrink-0" type="submit">
-                  <span className="text-white"> Get Started Now <i className="fal fa-long-arrow-right ms-2"></i> </span>
-                </a>
-                <div className="inf ms-4">
-                  <p className="color-999"> Support Email </p>
-                  <a href="#" className="color-000 fw-bold"> info@support-iteck.com </a>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="img mt-5 mt-lg-0 wow fadeIn">
-              <img src="/assets/img/choose_us/3d_vector1.svg" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Footer.jsx b/src/components/DataAnalysis/Footer.jsx
deleted file mode 100644
index 123488a..0000000
--- a/src/components/DataAnalysis/Footer.jsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react';
-import footerData from 'data/DataAnalysis/footer.json';
-
-const Footer = () => {
-  return (
-    <footer className="style-8 bg-gray2">
-      <div className="container">
-        <div className="content section-padding">
-          <div className="logo-social">
-            <div className="row align-items-center">
-              <div className="col-lg-6">
-                <div className="foot-logo">
-                  <a href="#">
-                    <img src="/assets/img/logo_home8.png" alt="" />
-                  </a>
-                </div>
-              </div>
-              <div className="col-lg-6 text-lg-end">
-                <div className="socials">
-                  <a href="#">
-                    <i className="fab fa-facebook-f"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-twitter"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-youtube"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-linkedin-in"></i>
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="links-content">
-            <div className="row justify-content-between">
-              <div className="col-lg-4">
-                <div className="foot-info">
-                  <h6 className="foot-title"> About Us </h6>
-                  <p>{footerData.text}</p>
-                  <ul className="mt-20">
-                    <li>
-                      <a href="#"> <i className="fas fa-envelope-open me-2 color-main"></i> {footerData.email}</a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="fas fa-phone me-2 color-main"></i> {footerData.phone}</a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="fas fa-map-marker-alt me-2 color-main"></i> {footerData.address}</a>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-2">
-                <div className="links">
-                  <h6 className="foot-title"> What We Do </h6>
-                  <ul>
-                    {
-                      footerData.links.map((link, i) => (
-                        <li key={i}>
-                          <a href={link.href}>{link.text}</a>
-                        </li>
-                      ))
-                    }
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-2">
-                <div className="links">
-                  <h6 className="foot-title"> Other Pages </h6>
-                  <ul>
-                    {
-                      footerData.morePages.map((link, i) => (
-                        <li key={i}>
-                          <a href={link.href}>{link.text}</a>
-                        </li>
-                      ))
-                    }
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-3 col-sm-6">
-                <div className="foot-subscribe">
-                  <h6 className="foot-title"> Get Newsletter </h6>
-                  <p> Get every single promotional & business update. </p>
-                  <div className="form-group mt-30">
-                    <span className="icon"> <i className="fas fa-envelope-open"></i> </span>
-                    <input type="text" className="form-control" placeholder="Email address" />
-                  </div>
-                  <a href="#" className="butn bg-main border-0 rounded-pill hover-shadow flex-shrink-0 mt-20 w-100 py-3" type="submit">
-                    <span className="text-white"> Subscribe Now <i className="fal fa-long-arrow-right ms-2"></i> </span>
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot py-4 border-1 border-top brd-gray text-center">
-          <p> Full Copyright & Design By <a href="#" className="fw-bold"> @ThemesCamp </a> - 2022 </p>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Header.jsx b/src/components/DataAnalysis/Header.jsx
deleted file mode 100644
index 99a418f..0000000
--- a/src/components/DataAnalysis/Header.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import Navbar from 'components/Navbars/DataAnalysis';
-
-const Header = () => {
-  return (
-    <header className="style-8 bg-gray2">
-      <Navbar />
-      <div className="container">
-        <div className="content section-padding">
-          <div className="row align-items-center gx-0">
-            <div className="col-lg-6">
-              <div className="info">
-                <p className="fw-bold color-main text-decoration-underline text-uppercase wow fadeInUp"> We Bring Ideas To Life </p>
-                <h1 className="wow fadeInUp"> Ai & Data Machine <br /> Deep Solutions. </h1>
-                <div className="form wow fadeInUp">
-                  <h5> Subscribe & Get 7-Days Trail </h5>
-                  <div className="form-group mt-4">
-                    <span className="icon flex-shrink-0 ms-3">
-                      <i className="fas fa-envelope-open"></i>
-                    </span>
-                    <input type="text" className="form-control" placeholder="Business email address" />
-                    <button className="butn bg-orange1 border-0 rounded-pill hover-shadow flex-shrink-0" type="submit">
-                      <span className="text-white"> Get A Demo <i className="fal fa-long-arrow-right ms-2"></i> </span>
-                    </button>
-                  </div>
-                </div>
-                <p className="text-center color-999 mt-3"> *** We are not going to save your data </p>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img mt-4 mt-lg-0 wow fadeIn">
-                <img src="/assets/img/header/3d_vector_head8.svg" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Numbers.jsx b/src/components/DataAnalysis/Numbers.jsx
deleted file mode 100644
index ed66e2e..0000000
--- a/src/components/DataAnalysis/Numbers.jsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React, { useState, useRef } from 'react';
-import CountTo from '../CountTo';
-import numbers from 'data/DataAnalysis/numbers.json';
-
-const Numbers = () => {
-  const numbersSectionRef = useRef(null);
-  const [position] = useState({ from: 2500, to: 2750 });
-
-
-  return (
-    <section className="numbers style-8 pt-100">
-      <div className="container">
-        <div className="section-head style-8 text-center mb-80 wow fadeInUp">
-          <h6> support platform </h6>
-          <h3> Intregrations Platforms </h3>
-        </div>
-        <div className="content">
-          <div className="logo-icon wow zoomIn">
-            <img src="/assets/img/logo_home8_icon.png" alt="" />
-          </div>
-          <div className="plat-icons">
-            <a href="#" className="icon icon-shadow slide_up_down">
-              <img src="/assets/img/icons/numbers/1.png" alt="" />
-            </a>
-            <a href="#" className="icon slide_up_down">
-              <img src="/assets/img/icons/numbers/2.png" alt="" />
-            </a>
-            <a href="#" className="icon icon-shadow slide_up_down">
-              <img src="/assets/img/icons/numbers/3.png" alt="" />
-            </a>
-            <a href="#" className="icon slide_up_down">
-              <img src="/assets/img/icons/numbers/4.png" alt="" />
-            </a>
-            <a href="#" className="icon icon-shadow slide_up_down">
-              <img src="/assets/img/icons/numbers/5.png" alt="" />
-            </a>
-            <a href="#" className="icon icon-shadow slide_up_down">
-              <img src="/assets/img/icons/numbers/6.png" alt="" />
-            </a>
-          </div>
-          <img src="/assets/img/num8_circle.png" alt="" className="num8_circle rotate-center" />
-        </div>
-      </div>
-      <div className="numbers-btm" ref={numbersSectionRef}>
-        <div className="container">
-          <div className="numbers-content">
-            <div className="row">
-              {
-                numbers.map((number, idx) => (
-                  <div className="col-lg-3 col-sm-6" key={idx}>
-                    <div className="number-card style-8 mt-4 mt-lg-0 wow fadeInUp">
-                      <div className="icon">
-                        <img src={number.image} alt="" />
-                      </div>
-                      <div className="inf">
-                        <h3> <CountTo className="counter" from={0} to={number.value} speed={1500} position={position} /> { number.operator } </h3>
-                        <p>{ number.title }</p>
-                      </div>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/icons/numbers/7.png" alt="" className="r_shape rotate-center" />
-    </section>
-  )
-}
-
-export default Numbers
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Pricing.jsx b/src/components/DataAnalysis/Pricing.jsx
deleted file mode 100644
index 5238010..0000000
--- a/src/components/DataAnalysis/Pricing.jsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React, { useState } from 'react';
-import plans from 'data/DataAnalysis/plans.json';
-import Slider from 'rc-slider';
-import 'rc-slider/assets/index.css'
-
-const Pricing = () => {
-  const [range, setRange] = useState(20);
-
-  const sliderChange = (value) => {
-    setRange(value);
-  }
-
-  return (
-    <section className="pricing style-8 bg-gray2">
-      <div className="pricing-head wow fadeInUp">
-        <div className="container">
-          <div className="row align-items-center">
-            <div className="col-lg-5">
-              <div className="section-head style-8">
-                <h6> our plans </h6>
-                <h3 className="text-white"> Minimalist Plans </h3>
-              </div>
-            </div>
-            <div className="col-lg-5">
-              <div className="position-relative">
-                <Slider
-                  value={range}
-                  onChange={sliderChange}
-                  railStyle={{ backgroundColor: '#151515', height: '5px' }}
-                  trackStyle={{ backgroundColor: `#0066FF`, height: '5px' }}
-                />
-                <p className="users-number"> <input type="text" id="amount" value={range} readOnly /> <span> users </span>  </p>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="pricing-tabsHead text-center">
-                <div className="price-radios">
-                  <div className="form-check form-check-inline">
-                    <input className="form-check-input" type="radio" name="inlineRadioOptions" id="monthly-input"
-                      value="option1" />
-                    <label className="form-check-label" htmlFor="monthly-input">
-                      Monthly
-                    </label>
-                  </div>
-                  <div className="form-check form-check-inline">
-                    <input className="form-check-input" type="radio" name="inlineRadioOptions" id="yearly-input"
-                      value="option2" checked />
-                    <label className="form-check-label" htmlFor="yearly-input">
-                      yearly
-                    </label>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="pricing-body">
-        <div className="container">
-          <div className="content">
-            <div className="row">
-              {
-                plans.map((plan, index) => (
-                  <div className={`col-lg-4 ${plan.head ? '' : 'pt-60'} order-0 order-lg-0 wow fadeInUp`} data-wow-delay={`${index * 0.2}s`} key={index}>
-                    {
-                      plan.head && (
-                        <div className="popular-head">
-                          <p> { plan.head } </p>
-                        </div>
-                      )
-                    }
-                    <div className="pricing-card">
-                      <div className="pricing-title">
-                        <h2> { plan.title } </h2>
-                        <p> { plan.description } </p>
-                      </div>
-                      <div className="price">
-                        <p> Price: ${ plan.price } </p>
-                        <a href="#" className="price-btn"> Purchase Now <i className="fal fa-long-arrow-right"></i> </a>
-                      </div>
-                      <div className="pricing-info">
-                        <ul>
-                          {
-                            plan.features.map((feature, i) => (
-                              <li key={i}>
-                                <span className="icon">
-                                  <img src="/assets/img/icons/numbers/8.png" alt="" />
-                                </span>
-                                <span> { feature } </span>
-                              </li>
-                            ))
-                          }
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Pricing
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Projects.jsx b/src/components/DataAnalysis/Projects.jsx
deleted file mode 100644
index 5d470bd..0000000
--- a/src/components/DataAnalysis/Projects.jsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay, Keyboard, Navigation } from 'swiper';
-import projects from 'data/DataAnalysis/projects.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/keyboard';
-import 'swiper/css/navigation';
-
-SwiperCore.use([Autoplay, Keyboard, Navigation]);
-
-const Projects = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoad(true);
-    });
-  }, []);
-
-
-  return (
-    <section className="projects style-8 section-padding bg-gray2">
-      <div className="container">
-        <div className="section-head style-8 mb-80 wow fadeInUp">
-          <h6> case study </h6>
-          <h3> Completed Projects </h3>
-          <div className="arrows">
-            <div className="swiper-button-next">
-              <i className="fal fa-long-arrow-right"></i>
-            </div>
-            <div className="swiper-button-prev">
-              <i className="fal fa-long-arrow-left"></i>
-            </div>
-          </div>
-        </div>
-        <div className="content wow fadeIn">
-          <div className="projects-slider8">
-            {
-              load && (
-                <Swiper
-                  className="swiper-container"
-                  slidesPerView={1}
-                  spaceBetween={0}
-                  speed={1200}
-                  pagination={false}
-                  navigation={{
-                    nextEl: '.projects.style-8 .swiper-button-next',
-                    prevEl: '.projects.style-8 .swiper-button-prev',
-                  }}
-                  mousewheel={false}
-                  keyboard={true}
-                  autoplay={{
-                    delay: 4000
-                  }}
-                  loop={false}
-                >
-                  {
-                    projects.map((project, index) => (
-                      <SwiperSlide key={index}>
-                        <div className="project-card">
-                          <div className="row align-items-center">
-                            <div className="col-lg-6">
-                              <div className="img">
-                                <img src={project.image} alt="" className="main-img" />
-                                <div className="tags">
-                                  <a href="#"> {project.tag} </a>
-                                </div>
-                                <img src="/assets/img/about/about7_chart.png" alt="" className="img-chart slide_up_down" />
-                              </div>
-                            </div>
-                            <div className="col-lg-6">
-                              <div className="info">
-                                <div className="logo">
-                                  <img src={project.logo} alt="" />
-                                </div>
-                                <h4 className="title"> {project.title} </h4>
-                                <p> {project.text} </p>
-                                <div className="proj-det">
-                                  <div className="item">
-                                    <p> Client Name </p>
-                                    <h6> {project.client.name} </h6>
-                                  </div>
-                                  <div className="item">
-                                    <p> Budget </p>
-                                    <h6> {project.client.budget} </h6>
-                                  </div>
-                                  <div className="item">
-                                    <p> Estimate </p>
-                                    <h6> {project.client.estimate} </h6>
-                                  </div>
-                                  <a href="#" className="icon">
-                                    <i className="fal fa-long-arrow-right"></i>
-                                  </a>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                    ))
-                  }
-                </Swiper>
-              )
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Projects
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Services.jsx b/src/components/DataAnalysis/Services.jsx
deleted file mode 100644
index cd48c76..0000000
--- a/src/components/DataAnalysis/Services.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import services from 'data/DataAnalysis/services.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-
-SwiperCore.use([Autoplay]);
-
-const Services = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoad(true);
-    });
-  }, []);
-
-  return (
-    <section className="services style-8 section-padding">
-      <div className="container">
-        <div className="section-head style-8 text-center mb-80 wow fadeInUp">
-          <h6> our services </h6>
-          <h3> Our Experties Field </h3>
-        </div>
-      </div>
-      <div className="content wow fadeInUp">
-        <div className="services-slider8 pb-60">
-          {
-            load && (
-              <Swiper
-                spaceBetween={50}
-                speed={10000}
-                autoplay={{
-                  delay: 1
-                }}
-                loop={true}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 1,
-                  },
-                  480: {
-                    slidesPerView: 1,
-                  },
-                  787: {
-                    slidesPerView: 1,
-                  },
-                  991: {
-                    slidesPerView: 3,
-                  },
-                  1200: {
-                    slidesPerView: 4,
-                  }
-                }}
-              >
-                {
-                  services.map((service, index) => (
-                    <SwiperSlide key={index}>
-                      <div className="service-card style-8">
-                        <div className="icon">
-                          <img src={service.image} alt="" />
-                        </div>
-                        <div className="info">
-                          <h5>{service.title}</h5>
-                          <p>{service.text}</p>
-                          <a href="#"> Read More </a>
-                        </div>
-                      </div>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-        <div className="container">
-          <div className="btm-info pt-20 border-1 border-top brd-gray wow fadeInDown">
-            <div className="row align-items-center">
-              <div className="col-lg-6">
-                <h5> See Plan Details And Pricing For More Informations </h5>
-              </div>
-              <div className="col-lg-6 text-lg-end">
-                <a href="#" className="pe-4 me-4 border-1 border-end brd-gray"> <i className="fas fa-server color-main me-1"></i> Daily Backups </a>
-                <a href="#"> <i className="fas fa-shield color-main me-1"></i> Free Migrations </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/DataAnalysis/Testimonials.jsx b/src/components/DataAnalysis/Testimonials.jsx
deleted file mode 100644
index 40f646a..0000000
--- a/src/components/DataAnalysis/Testimonials.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import testimonials from 'data/DataAnalysis/testimonials.json';
-
-const Testimonials = () => {
-  return (
-    <section className="testimonials style-8 section-padding bg-gray2">
-      <div className="container">
-        <div className="section-head text-center style-8 mb-80 wow fadeInUp">
-          <h6> testimonials </h6>
-          <h3> Happy User Reviews </h3>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              testimonials.map((testimonial, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="testi-card wow fadeInUp">
-                    <div className="info">
-                      <div className="stars">
-                        { Array(testimonial.stars).fill().map((_, i) => <i className="fas fa-star" key={i}></i>) }
-                      </div>
-                      <p> “ { testimonial.text } ” </p>
-                      <img src="/assets/img/icons/qout8.png" alt="" className="icon" />
-                    </div>
-                    <div className="author mt-40">
-                      <div className="img icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                        <img src={ testimonial.author.image } alt="" />
-                      </div>
-                      <div className="inf">
-                        <p> { testimonial.author.position } </p>
-                        <h6> { testimonial.author.name } </h6>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Digital/About.jsx b/src/components/Digital/About.jsx
deleted file mode 100644
index 32253aa..0000000
--- a/src/components/Digital/About.jsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import CountTo from '../CountTo';
-import { Link } from 'gatsby';
-import aboutData from 'data/Digital/about.json';
-
-const About = () => {
-  const numbersSectionRef = useRef(null);
-  const [position, setPosition] = useState({ from: 300, to: 500 });
-
-  useEffect(() => {
-    const numbersSection = numbersSectionRef.current;
-    const numbersSectionHeight = numbersSection.offsetHeight;
-    const numbersSectionTop = numbersSection.offsetTop;
-
-    const Position = { from: numbersSectionTop - numbersSectionHeight - 100, to: numbersSectionTop + numbersSectionHeight };
-
-    setPosition(Position);
-  }, []);
-
-  return (
-    <section className="about style-1" data-scroll-index="1">
-      <div className="container">
-        <div className="content">
-          <div className="about-logos d-flex align-items-center justify-content-between border-bottom border-1 brd-light pb-20">
-            { 
-              aboutData.logos.map((logo, index) => (
-                <a href="#" className="logo wow fadeInUp" data-wow-delay={index * 0.2 + "s"} key={index}>
-                  <img src={logo} alt="" />
-                </a>
-              ))
-            }
-          </div>
-          <div className="about-info">
-            <div className="row justify-content-between">
-              <div className="col-lg-5">
-                <div className="title">
-                  <h3 className=" wow fadeInUp slow">“Technology is best when it brings people  together.”</h3>
-                  <small className="wow fadeInUp slow fw-bold">Patricia Cross</small>
-                </div>
-              </div>
-              <div className="col-lg-6">
-                <div className="info">
-                  <h6 className=" wow fadeInUp slow">
-                    We can help to maintain and modernize your IT infrastructure  & solve various infrastructure-specific issues a business may face.
-                  </h6>
-                  <p className=" wow fadeInUp slow">
-                    Iteck Co is the partner of choice for many of the world’s leading  enterprises, SMEs and technology challengers. We help businesses  elevate their value through custom software development, product  design, QA and consultancy services.
-                  </p>
-                  <Link to="/page-about-5" className="btn btn-outline-light mt-5 sm-butn wow fadeInUp slow">
-                    <span>more about us</span>
-                  </Link>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="about-numbers" ref={numbersSectionRef}>
-            <div className="row">
-              {
-                aboutData.numbers.map((item, index) => (
-                  <div className="col-lg-3 col-sm-6" key={index}>
-                    <div className="num-item wow fadeInUp" data-wow-delay="0">
-                      <div className="num">
-                        <CountTo className="counter" from={0} to={item.number} speed={1500} position={position} />
-                        { item.operator && (<span>{typeof item.operator === 'string' ? item.operator : <i className="fas fa-plus"></i>}</span>) }
-                      </div>
-                      <div className="inf">
-                        { item.info }
-                      </div>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          </div>
-          <img src="/assets/img/about/num_shap.png" alt="" className="about_shap" />
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/Digital/Blog.jsx b/src/components/Digital/Blog.jsx
deleted file mode 100644
index ac135ff..0000000
--- a/src/components/Digital/Blog.jsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Navigation, Autoplay } from 'swiper';
-import blogs from 'data/Digital/blog.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Pagination, Navigation, Autoplay]);
-
-const Blog = () => {
-  const showDetails = (event) => {
-    const detailsEl = event.currentTarget.querySelector('.text');
-    detailsEl.style.display = "block";
-  }
-
-  const hideDetails = (event) => {
-    const detailsEl = event.currentTarget.querySelector('.text');
-    detailsEl.style.display = "none";
-  }
-
-  return (
-    <section className="blog section-padding bg-gray style-1" data-scroll-index="6">
-      <div className="container">
-        <div className="row">
-          <div className="col offset-lg-1">
-            <div className="section-head mb-60">
-              <h6 className="color-main text-uppercase wow fadeInUp">our press</h6>
-              <h2 className="wow fadeInUp">
-                Latest Posts <span className="fw-normal">From Our Press</span>
-              </h2>
-            </div>
-          </div>
-        </div>
-        <div className="content">
-          <div className="blog_slider">
-            <Swiper
-              className="swiper-container"
-              slidesPerView={3}
-              spaceBetween={30}
-              speed={1000}
-              pagination={{
-                el: ".blog_slider .swiper-pagination"
-              }}
-              navigation={{
-                nextEl: '.blog_slider .swiper-button-next',
-                prevEl: '.blog_slider .swiper-button-prev'
-              }}
-              mousewheel={false}
-              keyboard={true}
-              autoplay={{
-                delay: 4000
-              }}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1
-                },
-                480: {
-                  slidesPerView: 2
-                },
-                787: {
-                  slidesPerView: 2
-                },
-                991: {
-                  slidesPerView: 3
-                },
-                1200: {
-                  slidesPerView: 4
-                }
-              }}
-            >
-              {
-                blogs.map((blog, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="blog_box" onMouseMove={showDetails} onMouseLeave={hideDetails}>
-                      <div className="tags">
-                        <a href="#">{ blog.type }</a>
-                      </div>
-                      <div className="img">
-                        <img src={blog.cover} alt="" />
-                      </div>
-                      <div className="info">
-                        <h6><Link to="/page-single-post-5">{ blog.title }</Link></h6>
-                        <div className="auther">
-                          <span>
-                            <img className="auther-img" src={blog.userPic} alt="" />
-                            <small><a href="#">By { blog.user }</a></small>
-                          </span>
-                          <span>
-                            <i className="bi bi-calendar2"></i>
-                            <small><a href="#">{ blog.date }</a></small>
-                          </span>
-                        </div>
-                        <div className="text">
-                          { blog.details } [...]
-                        </div>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-
-            <div className="swiper-button-prev"></div>
-            <div className="swiper-button-next"></div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/Digital/ChooseUs.jsx b/src/components/Digital/ChooseUs.jsx
deleted file mode 100644
index 67e09cf..0000000
--- a/src/components/Digital/ChooseUs.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import chooseUsData from 'data/Digital/chooseus.json';
-
-const ChooseUs = () => {
-  return (
-    <section className="choose-us section-padding pt-0 style-1" data-scroll-index="3">
-      <div className="container">
-        <div className="row justify-content-end">
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head mb-60">
-                <h6 className="color-main text-uppercase wow fadeInUp">Why choose us</h6>
-                <h2 className="wow fadeInUp">
-                  Boost Your Business <span className="fw-normal">With New Tech</span>
-                </h2>
-              </div>
-              <div className="text">
-                Our team can assist you in transforming your business through latest tech capabilities to stay ahead of the curve.
-              </div>
-              <ul>
-                {
-                  chooseUsData.map((item, index) => (
-                    <li className="wow fadeInUp" key={index}>
-                      <span className="icon">
-                        <i className="bi bi-check2"></i>
-                      </span>
-                      <h6>
-                        { item }
-                      </h6>
-                    </li>
-                  ))
-                }
-              </ul>
-
-              <Link to="/page-about-5" className="btn butn-gard border-0 text-white wow fadeInUp">
-                <span>How We Works</span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/choose_us/choose_lines.svg" alt="" className="choose-us-img" />
-      <img src="/assets/img/choose_us/choose_brands.png" alt="" className="choose-us-brands" />
-      <img src="/assets/img/choose_us/choose_bubbles.png" alt="" className="choose-us-bubbles" />
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/Digital/Contact.jsx b/src/components/Digital/Contact.jsx
deleted file mode 100644
index 7573e93..0000000
--- a/src/components/Digital/Contact.jsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import React, { useState } from 'react';
-import axios from 'axios';
-import contactInfo from 'data/Digital/contact.json';
-
-const Contact = () => {
-  const [formData, setFormdata] = useState({
-    name: "",
-    email: "",
-    option: "",
-    message: ""
-  });
-
-  const handleFormChange = (e) => {
-    setFormdata(prev => ({
-      ...prev,
-      [e.target.name]: e.target.value
-    }))
-  }
-
-  const handleFormSubmit = async (e) => {
-    e.preventDefault();
-    const formValues = new FormData();
-
-    formValues.append('name', formData.name);
-    formValues.append('email', formData.email);
-    formValues.append('option', formData.option);
-    formValues.append('message', formData.message);
-    
-    const res = await axios.post('/contact.php', formValues)
-      .catch(err => alert(err.message));
-
-    if (!res) return;
-
-    alert('Form submitted successfully.')
-  }
-
-
-  return (
-    <section className="contact section-padding bg-gradient style-1" data-scroll-index="7">
-      <div className="container">
-        <div className="section-head mb-60 text-center">
-          <h6 className="text-white text-uppercase wow fadeInUp">contact us</h6>
-          <h2 className="wow fadeInUp text-white">
-            Request Free <span className="fw-normal">Consultancy</span>
-          </h2>
-        </div>
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-5">
-              <div className="contact_info text-white">
-                <p className="wow fadeInUp">Hotline 24/7</p>
-                <h4 className="wow fadeInUp">{ contactInfo.phone }</h4>
-                <ul>
-                  <li className="wow fadeInUp">
-                    <strong>Address : </strong> { contactInfo.address }
-                  </li>
-                  <li className="wow fadeInUp">
-                    <strong>Email : </strong> { contactInfo.email }
-                  </li>
-                  <li className="wow fadeInUp">
-                    <strong>Fax : </strong> { contactInfo.fax }
-                  </li>
-                  <li className="wow fadeInUp">
-                    <strong>Work Hour : </strong> { contactInfo.workingHours }
-                  </li>
-                </ul>
-                <a href="#" className="wow fadeInUp">get direction</a>
-              </div>
-            </div>
-            <div className="col-lg-6 offset-lg-1">
-              <form className="contact_form" action="contact.php" method="post" onSubmit={handleFormSubmit}>
-                <div className="row gx-3">
-                  <div className="col-lg-6">
-                    <div className="form-group mb-3 wow fadeInUp">
-                      <input type="text" name="name" className="form-control" placeholder="name *" onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-3 wow fadeInUp">
-                      <input type="text" name="email" className="form-control" placeholder="Email Address *" onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group mb-3 wow fadeInUp">
-                      <select name="option" className="form-select" aria-label="Default select example" defaultValue="Your inquiry about" onChange={handleFormChange}>
-                        <option>Your inquiry about</option>
-                        <option value="1">One</option>
-                        <option value="2">Two</option>
-                        <option value="3">Three</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group mb-3 wow fadeInUp">
-                      <textarea className="form-control" name="message" rows="4" placeholder="Write your inquiry here" onChange={handleFormChange}></textarea>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-check mb-4 wow fadeInUp">
-                      <input className="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
-                      <label className="form-check-label text-light small" htmlFor="flexCheckDefault">
-                        By submitting, i’m agreed to the <a href="#" className="text-decoration-underline">Terms & Conditons</a>
-                      </label>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <input type="submit" value="Request Now" className="btn btn-dark wow fadeInUp text-light fs-14px"></input>
-                  </div>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/contact_globe.svg" alt="" className="contact_globe" />
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/Digital/Footer.jsx b/src/components/Digital/Footer.jsx
deleted file mode 100644
index d8158f1..0000000
--- a/src/components/Digital/Footer.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import React from 'react';
-import footerInfo from 'data/Digital/footer.json';
-
-const Footer = () => {
-  return (
-    <footer className="style-1">
-      <div className="container">
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-4">
-              <div className="foot_info">
-                <a href="#" className="logo mb-3">
-                  <img src="/assets/img/logo_cl.png" alt="" />
-                </a>
-                <div className="text mb-4">
-                  Best IT Solutions & Technology WordPress <br /> Theme for Your Busines
-                </div>
-                <ul className="mb-4">
-                  <li className="d-flex">
-                    <i className="bi bi-house me-3"></i>
-                    <a href="#">
-                      <span>{ footerInfo.address }</span>
-                    </a>
-                  </li>
-                  <li className="d-flex">
-                    <i className="bi bi-envelope me-3"></i>
-                    <a href="#">
-                      <span>{ footerInfo.email }</span>
-                    </a>
-                  </li>
-                  <li className="d-flex">
-                    <i className="bi bi-phone me-3"></i>
-                    <a href="#">
-                      <span>{ footerInfo.phone }</span>
-                    </a>
-                  </li>
-                </ul>
-                <div className="social_icons">
-                  <a href="#">
-                    <i className="fab fa-twitter"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-facebook-f"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-linkedin-in"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-github"></i>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links">
-                <div className="cont">
-                  <h6 className="link_title">
-                    Services
-                  </h6>
-                  <ul>
-                    {
-                      footerInfo.services.map((item, index) => (
-                        <li key={index}>
-                          <a href="#">{ item }</a>
-                        </li>
-                      ))
-                    }
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links">
-                <div className="cont">
-                  <h6 className="link_title">
-                    Information
-                  </h6>
-                  <ul>
-                    {
-                      footerInfo.information.map((item, index) => (
-                        <li key={index}>
-                          <a href="#">{ item }</a>
-                        </li>
-                      ))
-                    }
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="foot_subscribe">
-                <h6 className="link_title">
-                  Newsletter
-                </h6>
-                <p>
-                  Register now to get latest updates on  promotions & coupons.
-                </p>
-                <div className="input-group my-4">
-                  <input type="text" className="form-control" placeholder="Enter your email" aria-label="Enter your email" aria-describedby="button-addon2" />
-                  <button className="btn butn-gard border-0 text-white px-3" type="button" id="button-addon2">
-                    <span>Subscribe</span>
-                  </button>
-                </div>
-                <p className="fst-italic">By subscribing, you accepted the our <a href="#" className="text-decoration-underline"> Policy</a></p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="row justify-content-center">
-          <div className="col-lg-12">
-            <div className="foot">
-              <p>
-                © 2022 Copyrights by <a href="#" className="text-white text-decoration-underline">Iteck Co.</a> All Rights Reserved by <a href="#" className="text-white text-decoration-underline"> ThemesCamp </a>
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/footer/foot_l.png" alt="" className="foot_l" />
-      <img src="/assets/img/footer/foot_r.png" alt="" className="foot_r" />
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/Digital/Header.jsx b/src/components/Digital/Header.jsx
deleted file mode 100644
index 1d79140..0000000
--- a/src/components/Digital/Header.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React, { useState } from 'react';
-import { Link } from 'gatsby';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const Header = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <header className="section-padding style-1" data-scroll-index="0">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-6">
-              <div className="info">
-                <div className="section-head mb-60">
-                  <h6 className="color-main text-uppercase">Iteck agency</h6>
-                  <h2>
-                    Technology & IT <span className="fw-normal">Solutions</span>
-                  </h2>
-                </div>
-                <div className="text">
-                  We transform businesses of most major sectors with powerful and adaptable digital solutions that satisfy the needs of today.
-                </div>
-                <div className="bttns mt-5">
-                  <Link to="/page-services-5" className="btn btn-dark">
-                    <span>our services</span>
-                  </Link>
-                  <a href="https://youtu.be/pGbIOC83-So?t=21" className="vid-btn" onClick={openVideo}>
-                    <i className="bi bi-play wow heartBeat infinite slow"></i>
-                    <span>Iteck’s <br /> Showreels</span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-5 offset-lg-1">
-              <div className="img">
-                <img src="/assets/img/header/head.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/header/head_shape_r.png" alt="" className="head-shape-r wow" />
-      <img src="/assets/img/header/head_shape_l.png" alt="" className="head-shape-l wow" />
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Digital/Portfolio.jsx b/src/components/Digital/Portfolio.jsx
deleted file mode 100644
index 4b9df53..0000000
--- a/src/components/Digital/Portfolio.jsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Navigation, Pagination, Autoplay } from 'swiper';
-import portfolios from 'data/Digital/portfolio.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Navigation, Pagination, Autoplay]);
-
-const Portfolio = () => {
-  return (
-    <section className="portfolio section-padding bg-gray style-1" data-scroll-index="4">
-      <div className="container">
-        <div className="row">
-          <div className="col offset-lg-1">
-            <div className="section-head mb-60">
-              <h6 className="color-main text-uppercase wow fadeInUp">Portfolio</h6>
-              <h2 className="wow fadeInUp">
-                Latest Projects <span className="fw-normal">From Our Team</span>
-              </h2>
-            </div>
-          </div>
-        </div>
-        <div className="content wow fadeIn slow">
-          <div className="portfolio-slider">
-            <Swiper
-              className="swiper-container"
-              slidesPerView={3}
-              spaceBetween={30}
-              speed={1000}
-              pagination={{
-                el: ".portfolio-slider .swiper-pagination"
-              }}
-              navigation={{
-                nextEl: '.portfolio-slider .swiper-button-next',
-                prevEl: '.portfolio-slider .swiper-button-prev'
-              }}
-              mousewheel={false}
-              keyboard={true}
-              autoplay={{
-                delay: 4000
-              }}
-              loop={true}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1
-                },
-                480: {
-                  slidesPerView: 2
-                },
-                787: {
-                  slidesPerView: 2
-                },
-                991: {
-                  slidesPerView: 3
-                },
-                1200: {
-                  slidesPerView: 3
-                }
-              }}
-            >
-              {
-                portfolios.map((portfolio, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="portfolio-card">
-                      <div className="img">
-                        <img src={portfolio.image} alt="" />
-                      </div>
-                      <div className="info">
-                        <h5>
-                          <Link to="/page-single-project-5">
-                            { portfolio.title }
-                          </Link>
-                        </h5>
-                        <small className="d-block color-main text-uppercase">
-                          {
-                            portfolio.types.map((type, i) => (<a href="#" className="me-1" key={i}>{ type }</a>))
-                          }
-                        </small>
-                        <div className="text">
-                          { portfolio.text }
-                        </div>
-                        <div className="tags">
-                          {
-                            portfolio.tags.map((tag, i) => (<a href="#" className="me-1" key={i}>{ tag }</a>))
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-
-            <div className="swiper-pagination"></div>
-
-            <div className="swiper-button-next"></div>
-            <div className="swiper-button-prev"></div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/projects/prog/shap_r.png" alt="" className="shap_r" />
-      <img src="/assets/img/projects/prog/shap_l.png" alt="" className="shap_l" />
-    </section>
-  )
-}
-
-export default Portfolio
\ No newline at end of file
diff --git a/src/components/Digital/Services.jsx b/src/components/Digital/Services.jsx
deleted file mode 100644
index 31960d7..0000000
--- a/src/components/Digital/Services.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import services from 'data/Digital/services.json';
-
-const Services = () => {
-  return (
-    <section className="services section-padding style-1" data-scroll-index="2">
-      <div className="container">
-        <div className="row">
-          <div className="col offset-lg-1">
-            <div className="section-head mb-60">
-              <h6 className="color-main text-uppercase wow fadeInUp">our services</h6>
-              <h2 className="wow fadeInUp">
-                Perfect IT Solutions <span className="fw-normal">For Your Business</span>
-              </h2>
-            </div>
-          </div>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              services.map((service, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="service-box mb-4 wow fadeInUp" data-wow-delay={index * 0.2 + "s"}>
-                    <h5>
-                      <Link to="/page-services-5">{ service.title }</Link>
-                      <span className="num">{ service.number }</span>
-                    </h5>
-                    <div className="icon">
-                      <img src={service.icon} alt="" />
-                    </div>
-                    <div className="info">
-                      <div className="text">
-                        { service.text }
-                      </div>
-                      <div className="tags">
-                        {
-                          service.tags.map((tag, index) => (
-                            <a href="#" className="me-1" key={index}>{ tag }</a>
-                          ))
-                        }
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/services/ser_shap_l.png" alt="" className="ser_shap_l" />
-      <img src="/assets/img/services/ser_shap_r.png" alt="" className="ser_shap_r" />
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/Digital/Team.jsx b/src/components/Digital/Team.jsx
deleted file mode 100644
index 755f0ed..0000000
--- a/src/components/Digital/Team.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import teamMembers from 'data/Digital/team.json'
-
-const Team = () => {
-  return (
-    <section className="team section-padding pt-0 style-1">
-      <div className="container">
-        <div className="section-head mb-60 text-center">
-          <h6 className="color-main text-uppercase wow fadeInUp">meet our expert</h6>
-          <h2 className="wow fadeInUp">
-            Clients Satisfaction, <span className="fw-normal">Our Reputation</span>
-          </h2>
-        </div>
-        <div className="content">
-          {
-            teamMembers.map((member, index) => (
-              <div className="team_box wow fadeInUp" data-wow-delay={index * 0.2 + "s"} key={index}>
-                <div className="avatar">
-                  <img src={member.picture} alt="" />
-                </div>
-                <div className="info">
-                  <h6><a href="#">{ member.name }</a></h6>
-                  <small>{ member.position }</small>
-                  <div className="social_icons">
-                    <a href="#">
-                      <i className="fab fa-twitter"></i>
-                    </a>
-                    <a href="#">
-                      <i className="fab fa-facebook-f"></i>
-                    </a>
-                    <a href="#">
-                      <i className="fab fa-linkedin-in"></i>
-                    </a>
-                    <a href="#">
-                      <i className="fab fa-github"></i>
-                    </a>
-                  </div>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-        <div className="bttns mt-4 text-center">
-          <Link to="/page-about-5" className="btn btn-dark wow zoomIn me-2">
-            <span>See All Team</span>
-          </Link>
-          <Link to="/page-contact-5" className="btn butn-gard border-0 text-white wow zoomIn">
-            <span>Join Our Team</span>
-          </Link>
-        </div>
-      </div>
-      <img src="/assets/img/team/team_shap.png" alt="" className="team_shap" />
-    </section>
-  )
-}
-
-export default Team
\ No newline at end of file
diff --git a/src/components/Digital/Testimonials.jsx b/src/components/Digital/Testimonials.jsx
deleted file mode 100644
index bc47167..0000000
--- a/src/components/Digital/Testimonials.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-import testimonials from 'data/Digital/testimonials.json'
-
-const Testimonials = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <section className="testimonials section-padding style-1" data-scroll-index="5">
-      <div className="container">
-        <div className="section-head mb-60 text-center">
-          <h6 className="color-main text-uppercase wow fadeInUp">testimonials</h6>
-          <h2 className="wow fadeInUp">
-            The Trust <span className="fw-normal">From Clients</span>
-          </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-5">
-              <div className="vid_img mb-2 mb-md-0 wow zoomIn slow">
-                <img src="/assets/img/testimonials/testi.jpeg" alt="" />
-                <a href="https://youtu.be/pGbIOC83-So?t=21" className="play_icon" onClick={openVideo}>
-                  <i className="bi bi-play"></i>
-                </a>
-                <div className="img_info wow fadeInUp">
-                  <h4><a href="#">Casper Defloy</a></h4>
-                  <small><a href="#">Tech Leader at Esty Inc</a></small>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="info wow fadeInUp">
-                {
-                  testimonials.map((testimonial, index) => (
-                    <div className={`client_card ${index !== testimonials.length - 1 ? 'mb-2':''}`} data-wow-delay={index * 0.2 + "s"} key={index}>
-                      <div className="user_img">
-                        <img src={testimonial.userImg} alt="" />
-                      </div>
-                      <div className="inf_content">
-                        <div className="rate_stars">
-                          {
-                            Array(testimonial.stars).fill().map((_,i) => (<i key={i} className="bi bi-star-fill"></i>))
-                          }
-                        </div>
-                        <h6>
-                          “{ testimonial.comment }”
-                        </h6>
-                        <p>{ testimonial.username }  <span className="text-muted">/  { testimonial.position }</span></p>
-                      </div>
-                    </div>
-                  ))
-                }
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Freelancer/About.jsx b/src/components/Freelancer/About.jsx
deleted file mode 100644
index 015e4d7..0000000
--- a/src/components/Freelancer/About.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react'
-
-const About = () => {
-  return (
-    <section className="about style-13">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-8">
-              <div className="info">
-                <h5> About Me </h5>
-                <div className="text">
-                  I’m an freelance ui & ux designer with over two decades of experience. I’ve covered both Milan’s fashion week and the US primaries in the same year. Above all, I believe that fair and free press is fundamental to with healthy society the core ideal behind my work.
-                </div>
-                <div className="logos">
-                  <img src="/assets/img/about/logo1.png" alt="" />
-                  <img src="/assets/img/about/logo2.png" alt="" />
-                  <img src="/assets/img/about/logo3.png" alt="" />
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="about-contact">
-                <div className="item mt-5 mt-lg-0">
-                  <div className="inf">
-                    <p> Full Name </p>
-                    <h6> Miranda H. Halim </h6>
-                  </div>
-                  <div className="icon">
-                    <img src="/assets/img/icons/ab_13_1.png" alt="" />
-                  </div>
-                </div>
-                <div className="item mt-30">
-                  <div className="inf">
-                    <p> Email Address </p>
-                    <h6> info@webmail.com </h6>
-                  </div>
-                  <div className="icon">
-                    <img src="/assets/img/icons/ab_13_2.png" alt="" />
-                  </div>
-                </div>
-                <div className="item mt-30">
-                  <div className="inf">
-                    <p> Phone </p>
-                    <h6> +111 222 333 44 </h6>
-                  </div>
-                  <div className="icon">
-                    <img src="/assets/img/icons/ab_13_3.png" alt="" />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/Freelancer/Blog.jsx b/src/components/Freelancer/Blog.jsx
deleted file mode 100644
index 44f35b2..0000000
--- a/src/components/Freelancer/Blog.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import blogs from 'data/Freelancer/blog.json';
-
-const Blog = () => {
-  return (
-    <section className="blog section-padding style-13">
-      <div className="container">
-        <div className="section-head text-center mb-50 style-13">
-          <h6> news </h6>
-          <h2> Blog & Insights </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              blogs.map((blog, idx) => (
-                <div className="col-lg-4" key={idx}>
-                  <div className="blog-item">
-                    <div className="cont">
-                      <div className="tags">
-                        {
-                          blog.tags.map((tag, i) => (<a href="#" key={i}> {tag} </a>))
-                        }
-                      </div>
-                      <h5> <a href="#"> {blog.title}... </a> </h5>
-                      <div className="author d-flex align-items-center">
-                        <div className="img icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                          <img src={blog.authorPic} alt="" />
-                        </div>
-                        <div className="inf">
-                          <h6 className="fw-bold mb-1"> <a href="#"> {blog.authorName} </a> </h6>
-                          <p className=""> <span className="color-999"> Date: </span> <a href="#"> {blog.date} </a> </p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/Freelancer/Contact.jsx b/src/components/Freelancer/Contact.jsx
deleted file mode 100644
index 2f1b14c..0000000
--- a/src/components/Freelancer/Contact.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react'
-
-const Contact = () => {
-  return (
-    <section className="contact style-13">
-      <div className="container">
-        <div className="content">
-          <div className="row gx-0 justify-content-between">
-            <div className="col-lg-5">
-              <div className="contact-info">
-                <div className="section-head side-title mb-40 style-13">
-                  <h6> call to action </h6>
-                  <h2> Any Project On Mind </h2>
-                </div>
-                <p> A portfolio is a collection of financial investments like stocks, bonds, commodities, cash, & cash equivalent including closed-end funds. </p>
-                <ul className="mt-30">
-                  <li>
-                    <p> <strong>  Address : </strong> 58 Howard Street, San Francisco, CA 941 </p>
-                  </li>
-                  <li>
-                    <p> <strong>  Fax : </strong> 888 999 000 99, 000 999 888 99 </p>
-                  </li>
-                  <li>
-                    <p> <strong>  Email : </strong> info@webmail.com, jobs@webmail.com </p>
-                  </li>
-                  <li>
-                    <p> <strong>  Work Hour : </strong> Mon - Sat : 9:00 - 18:00 </p>
-                  </li>
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="contact-form mt-4 mt-lg-0">
-                <div className="row gx-3 align-items-center">
-                  <div className="col-lg-6">
-                    <div className="form-group">
-                      <input type="text" className="form-control" placeholder="Full name" />
-                      <span className="icon"> <i className="fas fa-user"></i> </span>
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group">
-                      <input type="text" className="form-control" placeholder="Email address" />
-                      <span className="icon"> <i className="fas fa-envelope"></i> </span>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group">
-                      <select name="" id="" className="form-control form-select">
-                        <option value=""> Enquiry Subject </option>
-                        <option value=""> Enquiry Subject </option>
-                        <option value=""> Enquiry Subject </option>
-                      </select>
-                      <span className="icon"> <i className="fas fa-book"></i> </span>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group">
-                      <textarea name="" rows="5" className="form-control" placeholder="Message"></textarea>
-                      <span className="icon"> <i className="fas fa-pen"></i> </span>
-                    </div>
-                  </div>
-                </div>
-                <a href="#0" className="btn rounded-pill text-white bg-orange3" target="_blank">
-                  <small> Submit Request </small>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/Freelancer/Footer.jsx b/src/components/Freelancer/Footer.jsx
deleted file mode 100644
index 2fdb5f7..0000000
--- a/src/components/Freelancer/Footer.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-
-const Footer = () => {
-  return (
-    <footer className="style-13">
-      <div className="content">
-        <div className="container">
-          <div className="row gx-0 align-items-center">
-            <div className="col-lg-7">
-              <div className="info">
-                <h2> Shall we have a chat? </h2>
-                <p> If you have a project or collaboration that you would like to discuss with us, or if you are curious to hear more about how we can help you, we look forward to hearing from you. </p>
-              </div>
-            </div>
-            <div className="col-lg-4 offset-lg-1">
-              <div className="links fs-5 pt-40 color-666">
-                <a href="#" className="d-block mb-3"> <i className="fas fa-envelope me-2 text-dark"></i> info@webexample.com </a>
-                <a href="#" className="d-block"> <i className="fas fa-phone-alt me-2 text-dark"></i> +908 (908) 678 77 </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="foot">
-        <div className="container">
-          <div className="row justify-content-between">
-            <div className="col-lg-6">
-              <p> Copyright & Design By <a href="#"> @ThemesCamp </a> - 2022 </p>
-            </div>
-            <div className="col-lg-4">
-              <div className="links">
-                <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                <a href="#"> <i className="fab fa-twitter"></i> </a>
-                <a href="#"> <i className="fab fa-behance"></i> </a>
-                <a href="#"> <i className="fab fa-youtube"></i> </a>
-                <a href="#"> <i className="fab fa-linkedin-in"></i> </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/Freelancer/Header.jsx b/src/components/Freelancer/Header.jsx
deleted file mode 100644
index 8c59696..0000000
--- a/src/components/Freelancer/Header.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-
-const Header = () => {
-  return (
-    <header className="style-13">
-      <div className="container">
-        <div className="content">
-          <div className="row align-items-center gx-0">
-            <div className="col-lg-6">
-              <div className="info">
-                <p className="color-999 text-uppercase mb-10"> Welcome To My Portfolio </p>
-                <h1> I’m Miranda Halim <span className="text-decoration-underline"> UX Designer </span> </h1>
-                <div className="btns d-flex align-content-center mt-30">
-                  <a href="#0" className="btn rounded-pill text-white bg-orange3" target="_blank">
-                    <small> Download CV </small>
-                  </a>
-                  <div className="skp ms-3">
-                    <p className="color-999">Skype</p>
-                    <h6> Miranda.Designer </h6>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img mt-5 mt-lg-0">
-                <img src="/assets/img/header/head_13_hero.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="social-icons">
-        <a href="#"> <i className="fab fa-youtube"></i> </a>
-        <a href="#"> <i className="fab fa-dribbble"></i> </a>
-        <a href="#"> <i className="fab fa-behance"></i> </a>
-        <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-      </div>
-      <div className="head-contact">
-        <a href="mailto:info@webmail.com" className="me-4"> info@webmail.com </a>
-        <a href="callto:+908 999 000 11"> +908 999 000 11 </a>
-      </div>
-      <div className="lines">
-        <span></span>
-        <span></span>
-        <span></span>
-        <span></span>
-        <span></span>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Freelancer/Projects.jsx b/src/components/Freelancer/Projects.jsx
deleted file mode 100644
index 569b5e4..0000000
--- a/src/components/Freelancer/Projects.jsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import projectsData from 'data/Freelancer/projects.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-
-SwiperCore.use([Autoplay]);
-
-const Projects = () => {
-  const [loadSwiper, setLoadSwiper] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoadSwiper(true);
-    }, 0);
-  }, []);
-
-  return (
-    <section className="projects section-padding style-13 overflow-hidden">
-      <div className="container">
-        <div className="section-head text-center mb-40 style-13">
-          <h6> portfolio </h6>
-          <h2> Our Case & Projects </h2>
-        </div>
-        <div className="links-tabs">
-          <ul className="nav nav-pills mb-40 justify-content-center" id="pills-tab" role="tablist">
-            {
-              projectsData.linkTabs.map((link, idx) => (
-                <li className="nav-item" role="presentation" key={idx}>
-                  <button className={`nav-link ${idx === 0 ? 'active' : ''}`} id={`pills-${link.id}-tab`} data-bs-toggle="pill" data-bs-target={`#pills-${link.tab}`} type="button" role="tab" aria-controls={link.control} aria-selected={idx === 0 ? 'true' : 'false'}>{link.name}</button>
-                </li>
-              ))
-            }
-          </ul>
-        </div>
-        <div className="tab-content" id="pills-tabContent">
-          {
-            projectsData.tabContent.map((tab, idx) => (
-              <div className={`tab-pane fade ${idx === 0 ? 'show active' : ''}`} id={`pills-${tab.id}`} role="tabpanel" aria-labelledby={`pills-${tab.id}-tab`} key={idx}>
-                <div className="projects-slider13">
-                  {
-                    loadSwiper && (
-                      <Swiper
-                        className="swiper-container overflow-visible"
-                        spaceBetween={30}
-                        observer={true}
-                        observeParents={true}
-                        speed={1000}
-                        autoplay={{
-                          delay: 5000
-                        }}
-                        loop={true}
-                        pagination={false}
-                        navigation={false}
-                        breakpoints={{
-                          0: {
-                            slidesPerView: 1,
-                          },
-                          480: {
-                            slidesPerView: 1,
-                          },
-                          787: {
-                            slidesPerView: 2,
-                          },
-                          991: {
-                            slidesPerView: 2,
-                          },
-                          1200: {
-                            slidesPerView: 2,
-                          }
-                        }}
-                      >
-                        {
-                          tab.slides.map((slide, index) => (
-                            <SwiperSlide key={index}>
-                              <div className="project-card">
-                                <a href="#" className="img img-cover">
-                                  <img src={slide.image} alt="" />
-                                  <div className="info">
-                                    <div className="row align-items-center">
-                                      <div className="col-8">
-                                        <div className="inf">
-                                          <p> {slide.subTitle} </p>
-                                          <h6> {slide.title} </h6>
-                                        </div>
-                                      </div>
-                                      <div className="col-4">
-                                        <div className="logo">
-                                          <img src="/assets/img/logos/39.png" alt="" />
-                                        </div>
-                                      </div>
-                                    </div>
-                                  </div>
-                                </a>
-                              </div>
-                            </SwiperSlide>
-                          ))
-                        }
-                      </Swiper>
-                    )
-                  }
-                  <div className="text-center mt-50">
-                    <a href="#0" className="btn rounded-pill text-dark bg-white border-1 brd-gray shadow-lg hover-orange3" target="_blank">
-                      <small> More Works <i className="fal fa-plus ms-2"></i> </small>
-                    </a>
-                  </div>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-        <div className="links">
-          <div className="links-content">
-            <a href="#"> <img src="/assets/img/logos/40.png" alt="" /> </a>
-            <a href="#"> <img src="/assets/img/logos/41.png" alt="" /> </a>
-            <a href="#"> <img src="/assets/img/logos/42.png" alt="" /> </a>
-            <a href="#"> <img src="/assets/img/logos/43.png" alt="" /> </a>
-            <a href="#"> <img src="/assets/img/logos/44.png" alt="" /> </a>
-          </div>
-          <p className="text-center"> <strong> 10000+ </strong> Happy users from around the world </p>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Projects
\ No newline at end of file
diff --git a/src/components/Freelancer/Services.jsx b/src/components/Freelancer/Services.jsx
deleted file mode 100644
index 6710749..0000000
--- a/src/components/Freelancer/Services.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import services from 'data/Freelancer/services.json';
-
-const Services = () => {
-  return (
-    <section className="services style-13 section-padding">
-      <div className="container">
-        <div className="section-head text-center mb-40 style-13">
-          <h6> services </h6>
-          <h2> Essential Services </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              services.map((service, idx) => (
-                <div className="col-lg-4" key={idx}>
-                  <div className="item">
-                    <div className="cont">
-                      <div className="title">
-                        <img src={service.image} alt="" className="icon" />
-                        <span> {service.title} </span>
-                      </div>
-                      <p> {service.details} </p>
-                      <a href="#"> Service Details </a>
-                    </div>
-                    <span className="circle"></span>
-                    <img alt="" src="/assets/img/services/pattern1.png" className="pattern" />
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/Freelancer/Testimonials.jsx b/src/components/Freelancer/Testimonials.jsx
deleted file mode 100644
index 7a4c8c5..0000000
--- a/src/components/Freelancer/Testimonials.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import testimonials from 'data/Freelancer/testimonials.json';
-
-const Testimonial = () => {
-  return (
-    <section className="testimonials section-padding style-13">
-      <div className="container">
-        <div className="section-head text-center mb-30 style-13">
-          <h6> testimonials </h6>
-          <h2> Users Feedback </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              testimonials.map((testimonial, idx) => (
-                <div className="col-lg-4" key={idx}>
-                  <div className="testi-card">
-                    <div className="info">
-                      <span className="card-tag"> {testimonial.category} </span>
-                      <p> “ {testimonial.content} ” </p>
-                      <div className="stars">
-                        <i className="fas fa-star"></i>
-                        <i className="fas fa-star"></i>
-                        <i className="fas fa-star"></i>
-                        <i className="fas fa-star"></i>
-                        <i className="fas fa-star"></i>
-                      </div>
-                      <img src="/assets/img/testimonials/testi_13_icon.png" alt="" className="icon" />
-                    </div>
-                    <div className="img">
-                      <img src={testimonial.image} alt="" className="user_img" />
-                      <h6> {testimonial.author.name} </h6>
-                      <p> {testimonial.author.position} </p>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Testimonial
\ No newline at end of file
diff --git a/src/components/HelpDesk/FeaturesStyle11.jsx b/src/components/HelpDesk/FeaturesStyle11.jsx
deleted file mode 100644
index e215e61..0000000
--- a/src/components/HelpDesk/FeaturesStyle11.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React from 'react'
-
-const FeaturesStyle11 = () => {
-  return (
-    <section className="features style-11">
-      <div className="container">
-        <div className="content section-padding border-1 border-top brd-gray">
-          <div className="row justify-content-between align-items-center">
-            <div className="col-lg-5">
-              <div className="info">
-                <div className="section-head wow fadeInUp">
-                  <h6 className="color-green text-uppercase"> //    Core Features </h6>
-                  <h2 className="fs-1"> Why Should You Use Our Iteck Helpdesk </h2>
-                </div>
-                <ul>
-                  <li className="wow fadeInUp" data-wow-delay="0.1s">
-                    <img src="/assets/img/icons/features/22.png" alt="" className="icon" />
-                    <p> Show off your goods in elegant product cards and make more sales while chatting </p>
-                  </li>
-                  <li className="wow fadeInUp" data-wow-delay="0.2s">
-                    <img src="/assets/img/icons/features/23.png" alt="" className="icon" />
-                    <p> Qualify leads online with custom forms and AI chatbot automations </p>
-                  </li>
-                </ul>
-                <a href="#0" className="btn rounded-pill fw-bold border-1 border brd-gray hover-green mt-40 wow fadeInUp" data-wow-delay="0.3s" target="_blank">
-                  <small> Learn More </small>
-                </a>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="features-cards">
-                <div className="row">
-                  <div className="col-lg-6">
-                    <div className="cards-side">
-                      <div className="feat-card wow fadeInUp">
-                        <div className="icon">
-                          <img src="/assets/img/icons/features/24.png" alt="" />
-                        </div>
-                        <h3> <span> Chatbot </span> Pro Intregrations </h3>
-                        <p> Automate customer service with AI support </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="cards-side">
-                      <div className="feat-card wow fadeInUp" data-wow-delay="0.2s">
-                        <div className="icon">
-                          <img src="/assets/img/icons/features/25.png" alt="" />
-                        </div>
-                        <h3> <span> HelpDesk </span> Auto Generate </h3>
-                        <p> Support customers with tickets generate </p>
-                      </div>
-                      <div className="feat-card mt-30 wow fadeInUp" data-wow-delay="0.4s">
-                        <div className="icon">
-                          <img src="/assets/img/icons/features/26.png" alt="" />
-                        </div>
-                        <h3> <span> Knowledgebase </span> Ready </h3>
-                        <p> Guide and educate customer in easy way </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <img src="/assets/img/feat_11_pattern.png" alt="" className="pattern rotate-center" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default FeaturesStyle11
\ No newline at end of file
diff --git a/src/components/HelpDesk/FeaturesStyle9.jsx b/src/components/HelpDesk/FeaturesStyle9.jsx
deleted file mode 100644
index cb4aa75..0000000
--- a/src/components/HelpDesk/FeaturesStyle9.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React from 'react';
-import features from 'data/HelpDesk/features.json';
-
-const FeaturesStyle9 = () => {
-  return (
-    <section className="features style-9">
-      <div className="container">
-        <div className="content section-padding border-1 border-top brd-gray">
-          <div className="row justify-content-between align-items-center">
-            <div className="col-lg-5">
-              <div className="info wow fadeInUp">
-                <div className="section-head mb-40">
-                  <h6 className="color-green text-uppercase"> // Core Features </h6>
-                  <h2 className="fs-1"> Easy to customize with ai chat boot. </h2>
-                </div>
-                <div className="accordion accordion-flush" id="accordionFlushExample">
-                  {
-                    features.map((feature, index) => (
-                      <div className="accordion-item" key={index}>
-                        <h2 className="accordion-header" id="flush-headingOne">
-                          <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target={`#flush-collapse${feature.id}`} aria-expanded="false" aria-controls={`flush-collapse${feature.id}`}>
-                            <span> {feature.id}. </span> {feature.title}
-                          </button>
-                        </h2>
-                        <div id={`flush-collapse${feature.id}`} className={`accordion-collapse collapse ${index === 1 ? 'show' : ''}`} aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
-                          <div className="accordion-body">
-                            {feature.details}
-                          </div>
-                        </div>
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="img wow zoomIn" data-wow-delay="0.2s">
-                <img src="/assets/img/feat_9_img.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default FeaturesStyle9
\ No newline at end of file
diff --git a/src/components/HelpDesk/Footer.jsx b/src/components/HelpDesk/Footer.jsx
deleted file mode 100644
index 5c05e30..0000000
--- a/src/components/HelpDesk/Footer.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import React from 'react'
-
-const Footer = () => {
-  return (
-    <footer className="style-11">
-      <div className="container">
-        <div className="content section-padding">
-          <div className="top-foot-info pb-60">
-            <div className="row align-items-center">
-              <div className="col-lg-5">
-                <div className="logo">
-                  <img src="/assets/img/logo_11.png" alt="" />
-                </div>
-              </div>
-              <div className="col-lg-7 text-lg-end">
-                <strong> Get Iteck App: </strong>
-                <a href="#0" className="btn rounded-pill fw-bold border-1 border brd-light hover-green ms-4 py-3 text-white" target="_blank">
-                  <small> <i className="fal fa-globe me-2"></i>  Web Browser </small>
-                </a>
-                <a href="#0" className="btn rounded-pill fw-bold border-1 border brd-light hover-green ms-4 py-3 text-white" target="_blank">
-                  <small> <i className="fab fa-windows me-2"></i>  Windows </small>
-                </a>
-                <a href="#0" className="btn rounded-pill fw-bold border-1 border brd-light hover-green ms-4 py-3 text-white" target="_blank">
-                  <small> <i className="fab fa-apple me-2"></i>  iOs / Mac </small>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div className="foot-links pt-30">
-            <div className="row">
-              <div className="col-lg-3 col-sm-6">
-                <div className="links-item">
-                  <h6> Product </h6>
-                  <ul>
-                    <li> <a href="#"> Pricing </a> </li>
-                    <li> <a href="#"> Iteck Benefits </a> </li>
-                    <li> <a href="#"> Tour </a> </li>
-                    <li> <a href="#"> Features </a> </li>
-                    <li> <a href="#"> Lead Generation </a> </li>
-                    <li> <a href="#"> Product Demo </a> </li>
-                    <li> <a href="#"> App </a> </li>
-                    <li> <a href="#"> Marketplace </a> </li>
-                    <li> <a href="#"> Updates </a> </li>
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-3 col-sm-6">
-                <div className="links-item">
-                  <h6> Solutions </h6>
-                  <ul>
-                    <li> <a href="#"> Customer Support </a> </li>
-                    <li> <a href="#"> Sales & Marketing </a> </li>
-                    <li> <a href="#"> Enterprise </a> </li>
-                  </ul>
-                </div>
-                <div className="links-item">
-                  <h6> Customers </h6>
-                  <ul>
-                    <li> <a href="#"> Industries </a> </li>
-                    <li> <a href="#"> Customers </a> </li>
-                    <li> <a href="#"> Reviews & Testimonials </a> </li>
-                    <li> <a href="#"> Case Studies </a> </li>
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-3 col-sm-6">
-                <div className="links-item">
-                  <h6> Resources </h6>
-                  <ul>
-                    <li> <a href="#"> Success by Iteck </a> </li>
-                    <li> <a href="#"> Customer Service Guide </a> </li>
-                    <li> <a href="#"> Customer Service Report </a> </li>
-                    <li> <a href="#"> Benchmark </a> </li>
-                    <li> <a href="#"> Reports </a> </li>
-                    <li> <a href="#"> Typing Speed Test </a> </li>
-                    <li> <a href="#"> Privacy Policy Generator </a> </li>
-                    <li> <a href="#"> Newsletter </a> </li>
-                  </ul>
-                </div>
-              </div>
-              <div className="col-lg-3 col-sm-6">
-                <div className="links-item">
-                  <h6> Support </h6>
-                  <ul>
-                    <li> <a href="#"> Help Center </a> </li>
-                    <li> <a href="#"> Community </a> </li>
-                    <li> <a href="#"> Webinars </a> </li>
-                    <li> <a href="#"> Experts Marketplace </a> </li>
-                  </ul>
-                </div>
-                <div className="links-item">
-                  <h6> Company </h6>
-                  <ul>
-                    <li> <a href="#"> About </a> </li>
-                    <li> <a href="#"> Contact </a> </li>
-                    <li> <a href="#"> Team </a> </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="foot">
-        <div className="container">
-          <div className="row align-items-center">
-            <div className="col-lg-6">
-              <div className="social-icons">
-                <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                <a href="#"> <i className="fab fa-twitter"></i> </a>
-                <a href="#"> <i className="fab fa-behance"></i> </a>
-                <a href="#"> <i className="fab fa-youtube"></i> </a>
-              </div>
-            </div>
-            <div className="col-lg-6 text-lg-end">
-              <p> Copyright ©2022 <a href="#" className="text-white fw-bold">Iteck,</a> Inc. All rights reserved </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/HelpDesk/Header.jsx b/src/components/HelpDesk/Header.jsx
deleted file mode 100644
index 380c518..0000000
--- a/src/components/HelpDesk/Header.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React from 'react';
-import Navbar from 'components/Navbars/HelpDeskNav';
-import TopNav from 'components/Navbars/HelpDeskNav/TopNav';
-
-const Header = () => {
-  return (
-    <header className="style-11">
-      <div className="navs-container">
-        <TopNav />
-        <Navbar />
-      </div>
-      <div className="container">
-        <div className="content section-padding">
-          <div className="row align-items-center">
-            <div className="col-lg-6">
-              <div className="info">
-                <h6> //  Build better bonds automatically </h6>
-                <h1> A Simple Ticketing System For a Team Like Yours </h1>
-                <p className="color-999 me-5 d-inline-block"> <i className="fal fa-check me-2"></i> Ready-to-use automations </p>
-                <p className="color-999 d-inline-block"> <i className="fal fa-check me-2"></i> Free 14-day trial </p>
-                <div className="btns mt-50">
-                  <a href="#0" className="btn rounded-pill bg-green fw-bold text-white" target="_blank">
-                    <small> Get Started Now </small>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img">
-                <img src="/assets/img/header/header_11_img.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/HelpDesk/Integration.jsx b/src/components/HelpDesk/Integration.jsx
deleted file mode 100644
index 6c10912..0000000
--- a/src/components/HelpDesk/Integration.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React from 'react'
-
-const Integration = () => {
-  return (
-    <section className="integration style-11">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-7">
-              <div className="icons wow zoomIn" data-wow-delay="0.2s">
-                <div className="logo">
-                  <img src="/assets/img/logo_11_icon.png" alt="" />
-                </div>
-                <img src="/assets/img/integ/11.png" alt="" className="icon" />
-                <img src="/assets/img/integ/12.png" alt="" className="icon" />
-                <img src="/assets/img/integ/13.png" alt="" className="icon" />
-                <img src="/assets/img/integ/14.png" alt="" className="icon" />
-                <img src="/assets/img/integ/15.png" alt="" className="icon" />
-                <img src="/assets/img/integ/16.png" alt="" className="icon" />
-                <img src="/assets/img/integ_11_pattern.png" alt="" className="pattern_back rotate-center" />
-              </div>
-            </div>
-            <div className="col-lg-5">
-              <div className="info section-padding wow fadeInUp" data-wow-delay="0.2s">
-                <div className="section-head mb-30">
-                  <h6 className="color-green text-uppercase"> // integrations </h6>
-                  <h2 className="fs-1 text-white"> Easily connect with essential tools </h2>
-                </div>
-                <p className="mb-20"> Integrate Iteck ticketing system with your CRM, favorite apps, and management platforms to fully reflect your daily workflow. </p>
-                <p className=""> software is a tool that serves a wide range of customer support activities. You can organize messages, give assistance, & exchange information with customers at a single point of contact. The help desk uses tickets for communication. </p>
-                <a href="#0" className="btn rounded-pill fw-bold bg-green mt-40 text-white" target="_blank">
-                  <small> Find your integration </small>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Integration
\ No newline at end of file
diff --git a/src/components/HelpDesk/Recommends.jsx b/src/components/HelpDesk/Recommends.jsx
deleted file mode 100644
index ebd0ffd..0000000
--- a/src/components/HelpDesk/Recommends.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React from 'react'
-
-const Recommends = () => {
-  return (
-    <section className="Recommends section-padding">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-6">
-            <div className="section-head text-center wow fadeInUp">
-              <h6 className="color-green text-uppercase"> //    Recommends    // </h6>
-              <h2 className="fs-1"> Leading industry experts recommend Iteck </h2>
-            </div>
-          </div>
-        </div>
-        <div className="content mt-70">
-          <div className="row justify-content-between gx-0">
-            <div className="col-lg-2 col-5">
-              <div className="img mb-30 wow fadeInUp">
-                <img src="/assets/img/choose_us/1.svg" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-2 col-5">
-              <div className="img mb-30 wow fadeInUp" data-wow-delay="0.2s">
-                <img src="/assets/img/choose_us/2.svg" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-2 col-5">
-              <div className="img mb-30 wow fadeInUp" data-wow-delay="0.4s">
-                <img src="/assets/img/choose_us/3.svg" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-2 col-5">
-              <div className="img mb-30 wow fadeInUp" data-wow-delay="0.6s">
-                <img src="/assets/img/choose_us/4.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-2 col-5">
-              <div className="img mb-30 wow fadeInUp" data-wow-delay="0.8s">
-                <img src="/assets/img/choose_us/5.png" alt="" />
-              </div>
-            </div>
-          </div>
-          <p className="color-666 pt-20 border-1 border-top brd-gray text-center mt-50 wow fadeInDown"> Generate leads, create help tickets, and chat across channels <a href="#" className="color-000 fw-bold"> Get Started Now </a> </p>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Recommends
\ No newline at end of file
diff --git a/src/components/HelpDesk/ScreenShots.jsx b/src/components/HelpDesk/ScreenShots.jsx
deleted file mode 100644
index 8c83a40..0000000
--- a/src/components/HelpDesk/ScreenShots.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react'
-
-const ScreenShots = () => {
-  return (
-    <section className="screenshots style-11 section-padding">
-      <div className="container">
-        <div className="links">
-          <div className="row">
-            <div className="col-lg-2 col-6">
-              <div className="img wow fadeInRight">
-                <img src="/assets/img/icons/social/massenger.png" alt="" />
-                <strong> massenger </strong>
-              </div>
-            </div>
-            <div className="col-lg-2 col-6">
-              <div className="img wow fadeInRight" data-wow-delay="0.2s">
-                <img src="/assets/img/icons/social/line.png" alt="" />
-                <strong> line </strong>
-              </div>
-            </div>
-            <div className="col-lg-2 col-6">
-              <div className="img wow fadeInRight" data-wow-delay="0.4s">
-                <img src="/assets/img/icons/social/skype.png" alt="" />
-                <strong> skype </strong>
-              </div>
-            </div>
-            <div className="col-lg-2 col-6">
-              <div className="img wow fadeInRight" data-wow-delay="0.6s">
-                <img src="/assets/img/icons/social/twitter.png" alt="" />
-                <strong> twitter </strong>
-              </div>
-            </div>
-            <div className="col-lg-2 col-6">
-              <div className="img wow fadeInRight" data-wow-delay="0.8s">
-                <img src="/assets/img/icons/social/wechat.png" alt="" />
-                <strong> wechat </strong>
-              </div>
-            </div>
-            <div className="col-lg-2 col-6">
-              <div className="img wow fadeInRight" data-wow-delay="1s">
-                <img src="/assets/img/icons/social/whatsapp.png" alt="" />
-                <strong> whatsapp </strong>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="content">
-          <div className="main-img wow fadeInUp">
-            <div className="link-icon">
-              <i className="far fa-link"></i>
-            </div>
-            <img src="/assets/img/screenshots/6.png" alt="" />
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default ScreenShots
\ No newline at end of file
diff --git a/src/components/HelpDesk/Signup.jsx b/src/components/HelpDesk/Signup.jsx
deleted file mode 100644
index 60109c8..0000000
--- a/src/components/HelpDesk/Signup.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React from 'react'
-
-const Signup = () => {
-  return (
-    <section className="signup style-11 section-padding bg-light">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-7">
-            <div className="section-head text-center wow fadeInUp">
-              <h6 className="color-green text-uppercase"> //    Get free trail    // </h6>
-              <h2 className="fs-1"> That delights your customers and fuels your sales </h2>
-            </div>
-            <div className="content mb-80 wow fadeInUp">
-              <div className="form-group">
-                <span className="icon"> <i className="fas fa-envelope-open"></i> </span>
-                <input type="text" className="form-control" placeholder="Business email" />
-                <button> sign up free </button>
-              </div>
-              <div className="text fw-bold text-uppercase mt-20 d-flex justify-content-around">
-                <span> <i className="fal fa-check-circle color-green me-1"></i> Free 14-day trial </span>
-                <span> <i className="fal fa-check-circle color-green me-1"></i> Automation </span>
-                <span> <i className="fal fa-check-circle color-green me-1"></i> Omnichannel messaging </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/pattern_signUp.png" alt="" className="pattern slide_up_down" />
-    </section>
-  )
-}
-
-export default Signup
\ No newline at end of file
diff --git a/src/components/HelpDesk/Testimonials.jsx b/src/components/HelpDesk/Testimonials.jsx
deleted file mode 100644
index 456b7a5..0000000
--- a/src/components/HelpDesk/Testimonials.jsx
+++ /dev/null
@@ -1,152 +0,0 @@
-/* eslint-disable react/jsx-no-comment-textnodes */
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay, Keyboard, Pagination } from 'swiper';
-import ModalVideo from "react-modal-video";
-import testimonials from 'data/HelpDesk/testimonials.json';
-
-import "react-modal-video/css/modal-video.css";
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/keyboard';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Autoplay, Keyboard, Pagination]);
-
-const Testimonials = () => {
-  const [load, setLoad] = useState(false);
-  const [isOpen, setOpen] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoad(true);
-    });
-  }, []);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <section className="testimonials pt-100 style-11">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-6">
-            <div className="section-head mb-70 text-center wow fadeInUp">
-              <h6 className="color-green text-uppercase"> //    User Feedbacks    // </h6>
-              <h2 className="fs-1"> Worldwide use Iteck to support customers </h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="content">
-        <div className="testimonials-slider11 wow fadeInUp" data-wow-delay="0.1s">
-          <div className="container">
-            {
-              load && (
-                <Swiper
-                  className="swiper-container"
-                  slidesPerView={1}
-                  spaceBetween={0}
-                  speed={1000}
-                  pagination={{
-                    el: ".testimonials-slider11 .swiper-pagination",
-                    clickable: true,
-                  }}
-                  navigation={false}
-                  mousewheel={false}
-                  keyboard={true}
-                  autoplay={{
-                    delay: 6000
-                  }}
-                  loop={true}
-                >
-                  {
-                    testimonials.map((testimonial, idx) => (
-                      <SwiperSlide className="swiper-slide" key={idx}>
-                        <div className="testimonial-card">
-                          <div className="row gx-0">
-                            <div className="col-lg-6">
-                              <div className="img img-cover">
-                                <img src="/assets/img/testimonials/1.jpg" alt="" />
-                                <a href="https://www.youtube.com/watch?v=pGbIOC83-So&t=21s" data-lity className="play_icon" onClick={openVideo}>
-                                  <i className="fas fa-play"></i>
-                                </a>
-                              </div>
-                            </div>
-                            <div className="col-lg-6">
-                              <div className="info">
-                                <div className="icon">
-                                  <img src="/assets/img/testimonials/logo1.png" alt="" />
-                                </div>
-                                <h4> “ Iteck embraces everything we needed when it comes, to asynchronous customer communication. ” </h4>
-                                <div className="author">
-                                  <div className="img icon-50 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                                    <img src="/assets/img/testimonials/user7.png" alt="" />
-                                  </div>
-                                  <div className="inf">
-                                    <p> Head Of Idea </p>
-                                    <h6> Alonso D.Dowson </h6>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                    ))
-                  }
-                </Swiper>
-              )
-            }
-            <div className="swiper-pagination"></div>
-          </div>
-        </div>
-        <div className="logos-content section-padding wow fadeInUp" data-wow-delay="0.2s">
-          <div className="container">
-            <div className="logos">
-              <div className="row">
-                <div className="col-lg-3 col-sm-6 col-6">
-                  <a href="#" className="logo">
-                    <img src="/assets/img/logos/35.png" alt="" />
-                  </a>
-                </div>
-                <div className="col-lg-3 col-sm-6 col-6">
-                  <a href="#" className="logo">
-                    <img src="/assets/img/logos/36.png" alt="" />
-                  </a>
-                </div>
-                <div className="col-lg-3 col-sm-6 col-6">
-                  <a href="#" className="logo">
-                    <img src="/assets/img/logos/37.png" alt="" />
-                  </a>
-                </div>
-                <div className="col-lg-3 col-sm-6 col-6">
-                  <a href="#" className="logo">
-                    <img src="/assets/img/logos/38.png" alt="" />
-                  </a>
-                </div>
-              </div>
-            </div>
-            <p> <strong> 1000+ </strong> Happy Sponsors Around The World </p>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" &&
-        (
-          <ModalVideo
-            channel="youtube"
-            autoplay
-            isOpen={isOpen}
-            videoId="pGbIOC83-So"
-            onClose={() => setOpen(false)}
-          />
-        )
-      }
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/IT/Blog.jsx b/src/components/IT/Blog.jsx
deleted file mode 100644
index 289a232..0000000
--- a/src/components/IT/Blog.jsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import blogs from 'data/IT/blog.json';
-
-const Blog = () => {
-  const firstBlog = blogs[0];
-  const blogsList = blogs.slice(1);
-
-  return (
-    <section className="blog style-2 section-padding" data-scroll-index="7">
-      <div className="container">
-        <div className="section-head mb-30 text-center">
-          <h2 className="text-white ltspc-20 text-uppercase fs-1 lh-1 mb-70">editorial</h2>
-        </div>
-        <div className="row justify-content-center">
-          <div className="col-lg-10">
-            <div className="content">
-              <div className="row gx-5">
-                <div className="col-lg-6 border-end brd-light">
-                  <div className="card border-0 bg-transparent rounded-0 text-white mb-4 mb-lg-0">
-                    <div className="img">
-                      <img src={firstBlog.cover} className="card-img-top" alt="..." />
-                    </div>
-                    <div className="card-body px-0">
-                      <small className="d-block date text mt-2">
-                        <a href="#" className="text-uppercase border-end brd-light pe-3 me-3">News</a>
-                        <i className="bi bi-clock me-1"></i>
-                        <a href="#" className="op-8">Posted on { firstBlog.time }</a>
-                      </small>
-                      <h4 className="fw-normal text-white mt-2">
-                        <Link to="/page-single-post-5">{ firstBlog.title }</Link>
-                      </h4>
-                      <p className="small mt-2 op-8">{ firstBlog.short_desc }</p>
-                      <div
-                        className="d-flex small mt-30 align-items-center justify-content-between op-9">
-                        <div className="l_side d-flex align-items-center">
-                          <span className="icon-20 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-main p-1 me-2">
-                            { firstBlog.placeholderImageText }
-                          </span>
-                          <a href="#" className="mt-1">
-                            By { firstBlog.author }
-                          </a>
-                        </div>
-                        <div className="r-side mt-1">
-                          <i className="bi bi-chat-left-text me-1"></i>
-                          <a href="#">{ firstBlog.comments }</a>
-                          <i className="bi bi-eye ms-4 me-1"></i>
-                          <a href="#">{ firstBlog.views }</a>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className="col-lg-6">
-                  {
-                    blogsList.map((blog, index) => (
-                      <div className={`card border-0 bg-transparent rounded-0 text-white ${index !== blogsList.length - 1 ? 'border-bottom brd-light pb-4 mb-4':''}`} key={index}>
-                        <div className="row">
-                          <div className="col-lg-5">
-                            <div className="img h-100">
-                              <img src={blog.cover} className="w-100 h-100 radius-2" alt="..." />
-                            </div>
-                          </div>
-                          <div className="col-lg-7">
-                            <div className="card-body pt-3 pt-lg-0">
-                              <small className="d-block date text">
-                                <a href="#" className="text-uppercase border-end brd-light pe-3 me-3">News</a>
-                                <i className="bi bi-clock me-1"></i>
-                                <a href="#" className="op-8">{ blog.time }</a>
-                              </small>
-                              <h6 className="fw-normal text-white mt-2 fs-6"> <a href="#">{ blog.title }</a> </h6>
-                              <div
-                                className="d-flex small mt-20 align-items-center justify-content-between op-9">
-                                <div className="l_side d-flex align-items-center">
-                                  <span className="icon-20 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-main p-2 me-2">
-                                    { blog.placeholderImageText }
-                                  </span>
-                                  <a href="#" className="mt-1">
-                                    By { blog.author }
-                                  </a>
-                                </div>
-                                <div className="r-side mt-1">
-                                  <i className="bi bi-chat-left-text me-1"></i>
-                                  <a href="#">{ blog.comments }</a>
-                                  <i className="bi bi-eye ms-4 me-1"></i>
-                                  <a href="#">{ blog.views }</a>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="text-center">
-          <a href="#" className="sm-butn btn border text-white radius-9 mt-80 hover-lightBlue border-lightBlue">
-            <span>See More Articles</span>
-          </a>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/IT/ChooseUs.jsx b/src/components/IT/ChooseUs.jsx
deleted file mode 100644
index 3a3f126..0000000
--- a/src/components/IT/ChooseUs.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import Numbers from './Numbers';
-import chooseUsData from 'data/IT/chooseus.json';
-
-const ChooseUs = () => {
-  return (
-    <section className="choose-us style-2 border-top bg-darkBlue brd-light section-padding" data-scroll-index="4">
-      <div className="container">
-        <div className="section-head mb-30 text-center">
-          <h2 className="text-white ltspc-20 text-uppercase fs-1 lh-1 mb-70">why choose us</h2>
-        </div>
-        <div className="row align-items-center">
-          <div className="col-lg-6">
-            <div className="img pe-lg-5">
-              <img src="/assets/img/choose_us/circles.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="info">
-              <p className="text-white text-uppercase mb-60">We create differentiated value to rise to the <br /> top in this field</p>
-              <ul>
-                {
-                  chooseUsData.map((item, index) => (
-                    <li className={`d-flex ${index !== chooseUsData.length - 1 ? 'mb-30':''}`} key={index}>
-                      <div className="icon me-4 flex-shrink-0">
-                        <img src={item.image} alt="" />
-                      </div>
-                      <div className="inf">
-                        <h5 className="text-white text-capitalize mb-2">{ item.title }</h5>
-                        <small className="text-white op-8">
-                          { typeof item.desc === 'string' ? item.desc : (<>{ item.desc.desc1 } <br /> { item.desc.desc2 }</>) }
-                        </small>
-                      </div>
-                    </li>
-                  ))
-                }
-              </ul>
-              <Link to="/page-contact-5" className="btn sm-butn border text-white radius-9 mt-70 hover-darkBlue">
-                <span>Request A Consultation</span>
-              </Link>
-            </div>
-          </div>
-        </div>
-        <Numbers />
-      </div>
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/IT/Contact.jsx b/src/components/IT/Contact.jsx
deleted file mode 100644
index 3549276..0000000
--- a/src/components/IT/Contact.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Contact = () => {
-  return (
-    <section className="contact style-2 bg-darkBlue pt-50">
-      <div className="container">
-        <div className="content text-center text-white">
-          <p className="op-7 mb-70 text-uppercase">Let us opportunity to help you!</p>
-          <h2 className="ltspc-20 text-uppercase fs-1 lh-1 mb-50">(+23) 5535 68 68</h2>
-          <h4 className="fw-normal mb-20 op-9">contact@Itecksolution.com</h4>
-          <h4 className="fw-normal mb-30 op-7">58 Howard St, San Francisco, CA 941</h4>
-          <div className="text-center">
-            <Link to="/page-contact-5" className="sm-butn btn border text-white radius-9 hover-lightBlue border-lightBlue m-2">
-              <span>Let’s Chat</span>
-            </Link>
-            <Link to="/page-contact-5" className="sm-butn btn border text-white radius-9 hover-lightBlue border-lightBlue m-2">
-              <span>Request Consultation</span>
-            </Link>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/global2.png" alt="" className="global_2" />
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/IT/Footer.jsx b/src/components/IT/Footer.jsx
deleted file mode 100644
index ad87ae4..0000000
--- a/src/components/IT/Footer.jsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Footer = () => {
-  return (
-    <footer className="style-2 pt-80 pb-60 bg-darkBlue border-top brd-light text-white">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-3 col-sm-6">
-            <div className="foot_logo">
-              <img src="/assets/img/logo_ll.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="foot_links text-uppercase text-center small">
-              <Link to="/home-it-solutions" className="mx-4">
-                Home
-              </Link>
-              <Link to="/page-about-5" className="mx-4">
-                about
-              </Link>
-              <Link to="/page-services-5" className="mx-4">
-                services
-              </Link>
-              <Link to="/page-portfolio-5" className="mx-4">
-                portfolio
-              </Link>
-              <Link to="/page-blog-5" className="mx-4">
-                news
-              </Link>
-            </div>
-          </div>
-          <div className="col-lg-3 text-end">
-            <div className="socail-icons">
-              <a href="#" className="icon-40 sm-butn btn border text-white rounded-circle hover-lightBlue border-lightBlue m-1 p-0 d-inline-flex align-items-center justify-content-center">
-                <i className="fab fa-twitter"></i>
-              </a>
-              <a href="#" className="icon-40 sm-butn btn border text-white rounded-circle hover-lightBlue border-lightBlue m-1 p-0 d-inline-flex align-items-center justify-content-center">
-                <i className="fab fa-facebook-f"></i>
-              </a>
-              <a href="#" className="icon-40 sm-butn btn border text-white rounded-circle hover-lightBlue border-lightBlue m-1 p-0 d-inline-flex align-items-center justify-content-center">
-                <i className="fab fa-linkedin-in"></i>
-              </a>
-              <a href="#" className="icon-40 sm-butn btn border text-white rounded-circle hover-lightBlue border-lightBlue m-1 p-0 d-inline-flex align-items-center justify-content-center">
-                <i className="fab fa-github"></i>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div className="text-center mt-30">
-          <div className="small">
-            <span className="op-6">© 2022 Copyrights by </span>
-            <a href="#" className="mx-1">Iteck Co.</a>
-            <span className="op-6"> All Rights Reserved.</span>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/IT/Header.jsx b/src/components/IT/Header.jsx
deleted file mode 100644
index 5e8f26e..0000000
--- a/src/components/IT/Header.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { useState } from 'react';
-import { Link } from 'gatsby';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const Header = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (event) => {
-    event.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <header className="style-2 overflow-hidden"  data-scroll-index="1">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-10">
-            <div className="content text-center text-light text-capitalize">
-              <div className="top_info">
-                <h1 className="text-uppercase">Iteck</h1>
-                <p className="fw-light text-uppercase">
-                  Best Solutions for <br /> <strong className="fw-bold">Big Data & TEchnology</strong> Services
-                </p>
-                <a href="https://youtu.be/pGbIOC83-So?t=21" className="vid-btn" onClick={openVideo}>
-                  <i className="bi bi-play-fill wow heartBeat infinite slower"></i>
-                </a>
-              </div>
-              <div className="brands mt-200 mb-80">
-                <a href="#" className="logo wow fadeInUp" data-wow-delay="0">
-                  <img src="/assets/img/about/about_logos/1.png" alt="" />
-                </a>
-                <a href="#" className="logo wow fadeInUp" data-wow-delay="0.2s">
-                  <img src="/assets/img/about/about_logos/2.png" alt="" />
-                </a>
-                <a href="#" className="logo wow fadeInUp" data-wow-delay="0.4s">
-                  <img src="/assets/img/about/about_logos/3.png" alt="" />
-                </a>
-                <a href="#" className="logo wow fadeInUp" data-wow-delay="0.6s">
-                  <img src="/assets/img/about/about_logos/4.png" alt="" />
-                </a>
-                <a href="#" className="logo wow fadeInUp" data-wow-delay="0.8s">
-                  <img src="/assets/img/about/about_logos/5.png" alt="" />
-                </a>
-              </div>
-              <h4>
-                We can help to maintain and modernize <br /> your IT infrastructure & solve various infrastructure-specific <br /> issues a business may face.
-              </h4>
-              <p className="d-block mt-40">
-                Iteck Co is the partner of choice for many of the world’s leading <br /> enterprises, SMEs and technology challengers. We help businesses elevate their value through <br /> custom software development, product design, QA and consultancy services.
-              </p>
-              <Link to="/page-about-5" className="btn sm-butn border text-white radius-9 mt-60 hover-darkBlue">
-                <span>More About Us</span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/header/header_2.png" alt="" className="head_shape2 wave" />
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/IT/Numbers.jsx b/src/components/IT/Numbers.jsx
deleted file mode 100644
index 938c12e..0000000
--- a/src/components/IT/Numbers.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { useState } from 'react';
-import CountTo from '../CountTo';
-import numbers from 'data/IT/numbers.json';
-
-const Numbers = () => {
-  const [position] = useState({ from: 2600, to: 2900 });
-
-  return (
-    <div className="choose-numbers mt-80">
-      <div className="row justify-content-center">
-        <div className="col-lg-10">
-          <div className="row">
-            {
-              numbers.map((number, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="num-item">
-                    <div className="num">
-                      <CountTo className="counter" from={0} to={number.value} speed={1500} position={position} />
-                      { number.operator && <span> +</span> }
-                    </div>
-                    <div className="inf">
-                      { number.title.part1 } <br /> { number.title.part2 }
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Numbers
\ No newline at end of file
diff --git a/src/components/IT/Pricing.jsx b/src/components/IT/Pricing.jsx
deleted file mode 100644
index 0404e42..0000000
--- a/src/components/IT/Pricing.jsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import plans from 'data/IT/plans.json';
-
-const Pricing = () => {
-
-  const togglePlanDuration = (duration) => {
-    let monthly = document.querySelectorAll('.monthly_price');
-    let yearly = document.querySelectorAll('.yearly_price');
-
-    if (duration === 'monthly') {
-      monthly.forEach(price => price.classList.add('show'));
-      yearly.forEach(price => price.classList.remove('show'));
-    } else {
-      yearly.forEach(price => price.classList.add('show'));
-      monthly.forEach(price => price.classList.remove('show'));
-    }
-  }
-
-  return (
-    <section className="pricing style-2 border-top brd-light section-padding" data-scroll-index="6">
-      <div className="container">
-        <div className="section-head mb-30 text-center">
-          <h2 className="text-white ltspc-20 text-uppercase fs-1 lh-1 mb-70">Pricing & plan</h2>
-        </div>
-        <div className="row justify-content-center">
-          <div className="col-lg-10">
-            <div className="content">
-              <div className="toggle_switch d-flex align-items-center justify-content-center mb-20">
-                <div className="form-check form-switch text-white p-0">
-                  <label className="form-check-label" htmlFor="monthly-input2"><small>Billed monthly</small></label>
-                  <input className="form-check-input float-none color-lightBlue" type="checkbox" id="monthly-input2" defaultChecked onChange={(e) => togglePlanDuration(e.target.checked ? 'yearly':'monthly')} />
-                  <label className="form-check-label" htmlFor="monthly-input2"><small>Billed annually</small></label>
-                </div>
-              </div>
-              <div className="row justify-content-center gx-0">
-                {
-                  plans.map((plan, index) => (
-                    <div className="col-lg-4" key={index}>
-                      <div className={`pricing_card ${plan.recommended ? 'recommended':''} style-2`}>
-                        { plan.recommended && <span className="hint">Recommended</span> }
-                        <div className="icon">
-                          <img src={plan.image} alt="" />
-                        </div>
-                        <p>{ plan.title }</p>
-                        <div className="price mb-30">
-                          <div className="monthly_price">
-                            <span className="h2">
-                              <small>$</small> { plan.price }
-                            </span>
-                            <small className="op-7 ms-1"> / month </small>
-                          </div>
-                          <div className="yearly_price show">
-                            <span className="h2">
-                              <small>$</small> { plan.price }
-                            </span>
-                            <small className="op-7 ms-1"> / year </small>
-                          </div>
-                        </div>
-                        <ul>
-                          {
-                            plan.features.map((feature, i) => (
-                              <li className="border-top py-3 op-8 fw-light text-uppercase" key={i}>
-                                { feature }
-                              </li>
-                            ))
-                          }
-                        </ul>
-                        <Link to="/page-contact-5" className="sm-butn btn border text-white radius-9 mt-50 w-100 hover-lightBlue border-lightBlue">
-                          <span>Get Started Now</span>
-                        </Link>
-                      </div>
-                    </div>
-                  ))
-                }
-              </div>
-              <p className="text-white text-center mt-50">You have a large team? <Link to="/page-contact-5" className="text-decoration-underline">Contact us</Link> for information about more enterprise options </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/pricing/shap_l.png" alt="" className="shap_l" />
-      <img src="/assets/img/pricing/shap_r.png" alt="" className="shap_r" />
-    </section>
-  )
-}
-
-export default Pricing
\ No newline at end of file
diff --git a/src/components/IT/Reviews.jsx b/src/components/IT/Reviews.jsx
deleted file mode 100644
index 5e5f9a3..0000000
--- a/src/components/IT/Reviews.jsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Navigation, Autoplay, EffectFade } from 'swiper';
-import reviews from 'data/IT/reviews.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-import 'swiper/css/effect-fade';
-
-SwiperCore.use([Pagination, Navigation, Autoplay, EffectFade]);
-
-const Reviews = () => {
-  return (
-    <section className="reviews style-2 border-top brd-light section-padding bg-darkBlue" data-scroll-index="5">
-      <div className="container">
-        <div className="section-head mb-30 text-center">
-          <h2 className="text-white ltspc-20 text-uppercase fs-1 lh-1 mb-70">reviews</h2>
-        </div>
-        <div className="reviews_slider">
-          <Swiper
-            className="swiper-container"
-            effect="fade"
-            slidesPerView={1}
-            spaceBetween={0}
-            speed={1000}
-            pagination={{
-              el: ".reviews_slider .swiper-pagination",
-              clickable: true,
-            }}
-            navigation={{
-              nextEl: '.reviews_slider .swiper-button-next',
-              prevEl: '.reviews_slider .swiper-button-prev',
-            }}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000,
-            }}
-            loop={true}
-          >
-            {
-              reviews.map((review, index) => (
-                <SwiperSlide key={index}>
-                  <div className="row justify-content-center">
-                    <div className="col-lg-7">
-                      <div className="reviews_card text-center style-2">
-                        <h5 className="text-white lh-4">
-                          “{ review.review }”
-                        </h5>
-                        <div className="rev_user">
-                          <img src={review.userImage} alt="" />
-                        </div>
-                        <div className="rev_stars">
-                          { Array(review.stars).fill().map((_, i) => (<i className="bi bi-star-fill" key={i}></i>)) }
-                        </div>
-                        <small className="text-white mt-2 d-block">
-                          <span className="text-uppercase color-lightBlue">{ review.username }</span> <span className="op-7">/ { review.userPosition }</span>
-                        </small>
-                      </div>
-                    </div>
-                  </div>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-          <div className="pagination_circle position-relative pagi_white mt-70">
-            <div className="swiper-pagination"></div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/review/rev_l.png" alt="" className="rev_l" />
-      <img src="/assets/img/review/rev_r.png" alt="" className="rev_r" />
-    </section>
-  )
-}
-
-export default Reviews
\ No newline at end of file
diff --git a/src/components/IT/Services.jsx b/src/components/IT/Services.jsx
deleted file mode 100644
index 1cec2cf..0000000
--- a/src/components/IT/Services.jsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Navigation, Autoplay } from 'swiper';
-import services from 'data/IT/services.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Pagination, Navigation, Autoplay]);
-
-const Services = () => {
-  return (
-    <section className="services_projects section-padding">
-      <div className="container">
-        <div data-scroll-index="2" data-scroll-internal-section>
-          <div className="section-head mb-30 text-center">
-            <h2 className="text-white ltspc-20 text-uppercase fs-1 lh-1 mb-70">services</h2>
-          </div>
-          <div className="services_slider position-relative">
-            <Swiper
-              className="swiper-container"
-              slidesPerView={3}
-              spaceBetween={30}
-              speed={1000}
-              pagination={{
-                  el: ".services_slider .swiper-pagination",
-                  clickable: true,
-              }}
-              navigation={{
-                  nextEl: '.services_slider .swiper-button-next',
-                  prevEl: '.services_slider .swiper-button-prev',
-              }}
-              mousewheel={false}
-              keyboard={true}
-              autoplay={{
-                  delay: 4000
-              }}
-              loop={true}
-              breakpoints={{
-                0:{
-                    slidesPerView: 1
-                },
-                480:{
-                    slidesPerView: 2
-                },
-                787:{
-                    slidesPerView: 2
-                },
-                991:{
-                    slidesPerView: 3
-                },
-                1200:{
-                    slidesPerView: 3
-                }
-              }}
-            >
-              {
-                services.services.map((service, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="service-box text-white text-center px-4 py-2 brd-light border-end style-2">
-                      <div className="icon mb-30">
-                        <img src={service.image} alt="" />
-                      </div>
-                      <div className="info">
-                        <h4>{ service.title }</h4>
-                        <p className="op-7 mt-20 mb-30 px-3">{ service.desc }</p>
-                        <div className="tags d-flex flex-wrap justify-content-center mt-30 style-2">
-                          {
-                            service.tags.map((tag, i) => (<a href="#" key={i}>{ tag }</a>))
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-            <div className="pagination_circle position-relative pagi_white mt-70">
-              <div className="swiper-pagination"></div>
-            </div>
-          </div>
-        </div>
-        <div data-scroll-index="3" data-scroll-internal-section>
-          <div className="section-head mb-30 text-center">
-            <h2 className="text-white ltspc-20 text-uppercase fs-1 lh-1 mb-70 pt-100">works</h2>
-          </div>
-          <div className="works_slider position-relative">
-            <div className="row justify-content-center">
-              <div className="col-lg-10">
-                <div className="swiper-container">
-                  <Swiper
-                    className="swiper-wrapper"
-                    slidesPerView={3}
-                    spaceBetween={30}
-                    speed={1000}
-                    pagination={{
-                      el: ".works_slider .swiper-pagination",
-                      clickable: true,
-                    }}
-                    navigation={{
-                      nextEl: '.works_slider .swiper-button-next',
-                      prevEl: '.works_slider .swiper-button-prev',
-                    }}
-                    mousewheel={false}
-                    keyboard={true}
-                    autoplay={{
-                      delay: 4000
-                    }}
-                    loop={true}
-                    breakpoints={{
-                      0:{
-                        slidesPerView: 1
-                      },
-                      480:{
-                        slidesPerView: 1
-                      },
-                      787:{
-                        slidesPerView: 2
-                      },
-                      991:{
-                        slidesPerView: 2
-                      },
-                      1200:{
-                        slidesPerView: 2
-                      }
-                    }}
-                  >
-                    {
-                      services.works.map((work, index) => (
-                        <SwiperSlide key={index}>
-                          <div className="work_card text-center d-block">
-                            <div className="img img-cover radius-6 overflow-hidden imgrotate-scale-hover">
-                              <img src={work.image} alt="" />
-                            </div>
-                            <div className="info">
-                              <h4 className="text-white mt-4">
-                                <Link to="/page-single-project-5">{ work.title }</Link>
-                              </h4>
-                              <small className="color-lightBlue text-uppercase">
-                                {
-                                  work.tags.map((tag, i) => (
-                                    <a href="#" className="me-1" key={i}>{ tag }</a>
-                                  ))
-                                }
-                              </small>
-                            </div>
-                          </div>
-                        </SwiperSlide>
-                      ))
-                    }
-                  </Swiper>
-                </div>
-              </div>
-            </div>
-            <div className="swiper-button-next radius-50 bg-transparent border brd-light"></div>
-            <div className="swiper-button-prev radius-50 bg-transparent border brd-light"></div>
-          </div>
-          <div className="text-center">
-            <Link to="/page-portfolio-5" className="btn sm-butn border text-white radius-9 mt-60 hover-darkBlue">
-              <span>See All Projects</span>
-            </Link>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/ITCreative/About.jsx b/src/components/ITCreative/About.jsx
deleted file mode 100644
index 0d02108..0000000
--- a/src/components/ITCreative/About.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import DOMPurify from 'dompurify';
-import aboutData from 'data/ITCreative/about.json';
-import { useIntl } from "gatsby-plugin-intl";
-
-const About = () => {
-  const intl = useIntl();
-  const title_1= DOMPurify.sanitize(intl.formatMessage({ id: "header_1" }).trim().replace(/^"|"$/g, ''));
-
-  return (
-    <section className="about style-7">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head style-4 mb-40">
-                <div className="top-title mb-10">
-                  <img src="/assets/img/line_l.png" alt="" />
-                  <h5> About Us </h5>
-                </div>
-                <h2 className="" dangerouslySetInnerHTML={{ __html: title_1 }}>
-                  
-                </h2>
-              </div>
-              <div className="text mb-30">
-                Stay focused and productive with a clean and clutter-free note space. The flexible ways to organize your notes: hash tags, nested notebooks, pinning notes.
-              </div>
-              <ul>
-                {
-                  aboutData.map((item, index) => (
-                    <li className="d-flex mb-20" key={index}>
-                      <i className="fas fa-check-circle color-blue7 me-2 mt-2"></i>
-                      <div className="text"> <strong className="color-000"> { item.title }: </strong> { item.content } </div>
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-          <div className="col-lg-7">
-            <div className="img">
-              <img src="/assets/img/about/about7.jpg" alt="" className="main-img" />
-              <img src="/assets/img/about/about7_chart.png" alt="" className="img-chart slide_up_down" />
-              <span className="circle scale_up_down"></span>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s4_wave.png" alt="" className="top-wave" />
-      <img src="/assets/img/about/about_s4_wave.png" alt="" className="bottom-wave" />
-      <img src="/assets/img/about/about7_lines.png" alt="" className="bg-lines" />
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/ITCreative/Blog.jsx b/src/components/ITCreative/Blog.jsx
deleted file mode 100644
index 98777c8..0000000
--- a/src/components/ITCreative/Blog.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import blogs from 'data/ITCreative/blog.json';
-
-const Blog = () => {
-  return (
-    <section className="blog style-7 section-padding">
-      <div className="container">
-        <div className="section-head text-center style-4 mb-80">
-          <div className="top-title mb-10">
-            <img src="/assets/img/line_l.png" alt="" />
-            <h5> blog </h5>
-            <img src="/assets/img/line_r.png" alt="" />
-          </div>
-          <h2 className="">
-            Company <span> News & Insights </span>
-          </h2>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              blogs.map((blog, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="blog-card style-7 mt-5 mt-lg-0">
-                    <div className="img img-cover">
-                      <img src={blog.cover} alt="" />
-                    </div>
-                    <div className="info pt-40">
-                      <div className="date-tags">
-                        <div className="tags">
-                          <Link to="/page-blog-app">{ blog.category }</Link>
-                        </div>
-                        <a href="#" className="date">
-                          { blog.date }
-                        </a>
-                        <span className="color-999"> | </span>
-                        <a href="#" className="author color-999">
-                          By <span className="color-000 fw-bold"> { blog.author } </span>
-                        </a>
-                      </div>
-                      <h4 className="title">
-                        <Link to="/page-single-post-app">{ blog.title }</Link>
-                      </h4>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/shap_color_7.png" alt="" className="shap_color" />
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/ITCreative/ChatBanner.jsx b/src/components/ITCreative/ChatBanner.jsx
deleted file mode 100644
index 0210e07..0000000
--- a/src/components/ITCreative/ChatBanner.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-
-const ChatBanner = () => {
-  return (
-    <section className="chat-banner style-7">
-      <div className="container">
-        <div className="row align-items-end">
-          <div className="col-lg-3 d-none d-lg-block">
-            <div className="img img1">
-              <img src="/assets/img/vector1.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-5">
-            <div className="info">
-              <p> Hire Us For Your Project </p>
-              <h3> Lets Work Together </h3>
-              <div className="btns mt-50">
-                <a href="#0" className="btn btn-icon-circle rounded-pill bg-black fw-bold text-white me-4 mb-3 mb-lg-0">
-                  <small> Estimate Project <i className="fas fa-long-arrow-alt-right"></i> </small>
-                </a>
-                <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold me-4 brd-light text-white hover-blue7">
-                  <small> Contact Us <i className="fas fa-long-arrow-alt-right bg-light"></i> </small>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-4">
-            <div className="img img2">
-              <img src="/assets/img/vector2.png" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default ChatBanner
\ No newline at end of file
diff --git a/src/components/ITCreative/ChooseUs.jsx b/src/components/ITCreative/ChooseUs.jsx
deleted file mode 100644
index 4ef4ca9..0000000
--- a/src/components/ITCreative/ChooseUs.jsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const ChooseUs = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <section className="choose-us style-7 section-padding">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-6">
-            <div className="img">
-              <img src="/assets/img/choose_us/choose7.jpg" alt="" />
-              <a href="https://youtu.be/pGbIOC83-So?t=21" className="play_btn" onClick={openVideo}>
-                <i className="fas fa-play"></i>
-              </a>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="info">
-              <div className="section-head style-4 mb-40">
-                <div className="top-title mb-10">
-                  <img src="/assets/img/line_l.png" alt="" />
-                  <h5> Why Choose Us </h5>
-                </div>
-                <h2 className="text-white">
-                  Why Choose <span> Our Own </span> <br /> IT Service?
-                </h2>
-              </div>
-              <ul>
-                <li>
-                  <div className="icon">
-                    <img src="/assets/img/choose_us/icon1.png" alt="" />
-                  </div>
-                  <div className="inf">
-                    <h6> AI Intregrations </h6>
-                    <p> Automatically syncs across all your devices </p>
-                  </div>
-                </li>
-                <li>
-                  <div className="icon">
-                    <img src="/assets/img/choose_us/icon2.png" alt="" />
-                  </div>
-                  <div className="inf">
-                    <h6> On Demand Design </h6>
-                    <p> Automatically syncs across all your devices </p>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s4_wave.png" alt="" className="top-wave" />
-      <img src="/assets/img/about/about_s4_wave.png" alt="" className="bottom-wave" />
-      <img src="/assets/img/choose_us/choose7_circe.png" alt="" className="choose-circle rotate-center" />
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/ITCreative/Features.jsx b/src/components/ITCreative/Features.jsx
deleted file mode 100644
index dda6415..0000000
--- a/src/components/ITCreative/Features.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import features from 'data/ITCreative/features.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-
-SwiperCore.use([Autoplay]);
-
-const Features = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoad(true);
-    });
-  }, []);
-
-  return (
-    <section className="features style-7 section-padding">
-      <div className="container">
-        <div className="section-head text-center style-4 mb-40">
-          <div className="top-title mb-10">
-            <img src="/assets/img/line_l.png" alt="" />
-            <h5> Features </h5>
-            <img src="/assets/img/line_r.png" alt="" />
-          </div>
-          <h2 className="">
-            Built With Best <span> Features </span> <br /> & Good UX
-          </h2>
-        </div>
-      </div>
-      <div className="content">
-        <div className="features-slider7">
-          {
-            load && (
-              <Swiper
-                spaceBetween={50}
-                centeredSlides={true}
-                speed={10000}
-                autoplay={{
-                  delay: 1
-                }}
-                loop={true}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 1,
-                  },
-                  480: {
-                    slidesPerView: 1,
-                  },
-                  787: {
-                    slidesPerView: 1,
-                  },
-                  991: {
-                    slidesPerView: 2,
-                  },
-                  1200: {
-                    slidesPerView: 3,
-                  }
-                }}
-              >
-                {
-                  features.map((feature, index) => (
-                    <SwiperSlide key={index}>
-                      <a href="#" className="features-card style-7">
-                        <div className="icon">
-                          <img src={feature.image} alt="" />
-                        </div>
-                        <div className="info">
-                          <p className="color-999"> Features {feature.id} </p>
-                          <h5> {feature.title.part1} <br /> {feature.title.part2} </h5>
-                        </div>
-                      </a>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-        <div className="btns text-center mt-10">
-          <a href="#0" className="btn btn-icon-circle rounded-pill bg-blue7 fw-bold text-white me-4 mb-4 mb-lg-0">
-            <small> Learn More <i className="fas fa-long-arrow-alt-right"></i> </small>
-          </a>
-          <a href="#0" className="btn btn-icon-circle rounded-pill bg-white fw-bold me-4">
-            <small> Purchase Now <i className="fas fa-long-arrow-alt-right bg-light"></i> </small>
-          </a>
-        </div>
-      </div>
-      <img src="/assets/img/feat_circle.png" alt="" className="img-circle rotate-center" />
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/ITCreative/Footer.jsx b/src/components/ITCreative/Footer.jsx
deleted file mode 100644
index c8a680f..0000000
--- a/src/components/ITCreative/Footer.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React from 'react';
-import footerData from 'data/ITCreative/footer.json';
-
-const Footer = () => {
-  return (
-    <footer className="style-7">
-      <div className="container">
-        <div className="content section-padding">
-          <div className="row">
-            <div className="col-lg-4 border-1 border-end brd-gray">
-              <div className="info-logo">
-                <a href="#" className="logo">
-                  <img src="/assets/img/logo_lgr.png" alt="" />
-                </a>
-                <div className="text">
-                  { footerData.text }
-                </div>
-                <div className="social-links">
-                  <a href="#">
-                    <i className="fab fa-facebook-f"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-twitter"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-youtube"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-linkedin-in"></i>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-8">
-              <div className="links-side">
-                <div className="row gx-5">
-                  <div className="col-lg-6">
-                    <div className="links-group">
-                      <h5>What We Do</h5>
-                      <div className="row">
-                        <div className="col-lg-6">
-                          <ul className="links">
-                            { 
-                              footerData.links.map((link, i) => (
-                                <li key={i}>
-                                  <a href={link.href}>{ link.text }</a>
-                                </li>
-                              ))
-                            }
-                          </ul>
-                        </div>
-                        <div className="col-lg-6">
-                          <ul className="links">
-                            { 
-                              footerData.links2.map((link, i) => (
-                                <li key={i}>
-                                  <a href={link.href}>{ link.text }</a>
-                                </li>
-                              ))
-                            }
-                          </ul>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="links-group">
-                      <h5>More Pages</h5>
-                      <div className="row">
-                        <div className="col-lg-6">
-                          <ul className="links">
-                            { 
-                              footerData.morePages.map((link, i) => (
-                                <li key={i}>
-                                  <a href={link.href}>{ link.text }</a>
-                                </li>
-                              ))
-                            }
-                          </ul>
-                        </div>
-                        <div className="col-lg-6">
-                          <ul className="links">
-                            { 
-                              footerData.morePages2.map((link, i) => (
-                                <li key={i}>
-                                  <a href={link.href}>{ link.text } { link.label && <small className="text-uppercase bg-blue7 text-white py-1 px-3 rounded-pill ms-2 lh-2"> { link.label } </small> }</a>
-                                </li>
-                              ))
-                            }
-                          </ul>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot bg-white p-3 rounded-pill text-center">
-          <p> Full Copyright & Design By <a href="#" className="fw-bold"> @ThemesCamp </a> - 2022 </p>
-        </div>
-      </div>
-      {/* <img src="/assets/img/footer/footer_4_wave.png" alt="" className="wave"> */}
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/ITCreative/Header.jsx b/src/components/ITCreative/Header.jsx
deleted file mode 100644
index 0215db1..0000000
--- a/src/components/ITCreative/Header.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-
-const Header = () => {
-  return (
-    <header className="style-7">
-      <div className="content">
-        <div className="container">
-          <div className="row align-items-center">
-            <div className="col-lg-6">
-              <div className="info mt-5 mt-lg-0">
-                <div className="section-head style-4">
-                  <div className="top-title">
-                    <img src="/assets/img/line_l.png" alt="" />
-                    <h5> Get Solid Solution </h5>
-                  </div>
-                </div>
-                <h1>
-                  Choose The <br /> <span className="num"> #01 </span> <span className="text-grad"> IT Solutions </span> <br /> WP Theme.
-                </h1>
-                <div className="d-flex flex-wrap">
-                  <a href="#0" className="btn btn-icon-circle rounded-pill bg-blue7 fw-bold text-white me-4" target="_blank">
-                    <small> Get Started Now <i className="fas fa-long-arrow-alt-right"></i> </small>
-                  </a>
-                  <div className="inf mt-3 mt-lg-0">
-                    <p className="color-999"> Support Email </p>
-                    <a href="#" className="fw-bold"> info@support-iteck.com </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img mt-4 mt-lg-0">
-                <img src="/assets/img/header/head_img7.png" alt="" />
-                <img src="/assets/img/header/head7_rock.png" alt="" className="rock7 slide_up_down" />
-              </div>
-            </div>
-            <div className="col-12">
-              <div className="sponsers mt-30">
-                <div className="title me-5 flex-shrink-0">
-                  Happy <br /> <span className="fw-bold"> Sponsors </span>
-                </div>
-                <div className="sponsers-content">
-                  <a href="#">
-                    <img src="/assets/img/logos/18.png" alt="" />
-                  </a>
-                  <a href="#">
-                    <img src="/assets/img/logos/19.png" alt="" />
-                  </a>
-                  <a href="#">
-                    <img src="/assets/img/logos/20.png" alt="" />
-                  </a>
-                  <a href="#">
-                    <img src="/assets/img/logos/21.png" alt="" />
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/header/head7_bg.png" alt="" className="head7_bg slide_up_down" />
-    </header>
-  )
-}
-
-export default Header;
\ No newline at end of file
diff --git a/src/components/ITCreative/ProjectCard.jsx b/src/components/ITCreative/ProjectCard.jsx
deleted file mode 100644
index 9cb31ca..0000000
--- a/src/components/ITCreative/ProjectCard.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-
-const ProjectCard = ({ project }) => {
-  return (
-    <a href="#" className="project-card style-7">
-      <div className="info">
-        <h6>{ project.title }</h6>
-        <h3>{ project.description }</h3>
-      </div>
-      <div className="img">
-        <img src={project.image} alt="" />
-      </div>
-    </a>
-  )
-}
-
-export default ProjectCard
\ No newline at end of file
diff --git a/src/components/ITCreative/Projects.jsx b/src/components/ITCreative/Projects.jsx
deleted file mode 100644
index add2bc8..0000000
--- a/src/components/ITCreative/Projects.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay, Navigation, Mousewheel, Keyboard } from 'swiper';
-import ProjectCard from './ProjectCard';
-import projects from 'data/ITCreative/projects.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/mousewheel';
-import 'swiper/css/keyboard';
-
-SwiperCore.use([Autoplay, Navigation, Mousewheel, Keyboard]);
-
-const Projects = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoad(true);
-    });
-  }, []);
-
-  return (
-    <section className="projects style-7 section-padding">
-      <div className="content">
-        <div className="row">
-          <div className="col-lg-3 col-sm-6">
-            <div className="section-head style-4 mb-50">
-              <div className="top-title mb-10">
-                <img src="/assets/img/line_l.png" alt="" />
-                <h5> Case Study </h5>
-              </div>
-              <h2 className="">
-                Creative <span> Works </span> <br /> We Done
-              </h2>
-            </div>
-            <div className="projects-tabs">
-              <ul className="nav nav-pills flex-column mb-3" id="pills-tab" role="tablist">
-                {
-                  projects.types.map((type, index) => (
-                    <li className="nav-item" role="presentation" key={index}>
-                      <button className={`nav-link ${index === 0 ? 'active' : ''}`} id={`pills-proj${type.id}-tab`} data-bs-toggle="pill" data-bs-target={`#pills-proj${type.tab}`} type="button" role="tab" aria-controls={`pills-proj${type.tab}`} aria-selected="true">
-                        <i className="fal fa-long-arrow-right me-2 color-blue7"></i> {type.title}
-                      </button>
-                    </li>
-                  ))
-                }
-              </ul>
-              <div className="swiper-button-next">
-                <i className="far fa-long-arrow-right"></i>
-              </div>
-              <div className="swiper-button-prev">
-                <i className="far fa-long-arrow-left"></i>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-9">
-            <div className="tab-content" id="pills-tabContent">
-              {
-                projects.tabs.map((tab, index) => (
-                  <div className={`tab-pane fade ${index === 0 ? 'show active' : ''}`} id={`pills-proj${tab.id}`} role="tabpanel" aria-labelledby={`pills-proj${tab.id}-tab`} key={index}>
-                    <div className="projects-slider7">
-                      {
-                        load && (
-                          <Swiper
-                            spaceBetween={40}
-                            speed={1000}
-                            pagination={false}
-                            navigation={{
-                              nextEl: '.projects.style-7 .swiper-button-next',
-                              prevEl: '.projects.style-7 .swiper-button-prev',
-                            }}
-                            mousewheel={false}
-                            keyboard={true}
-                            autoplay={{
-                              delay: 5000,
-                            }}
-                            observer={true}
-                            observeParents={true}
-                            loop={false}
-                            breakpoints={{
-                              0: {
-                                slidesPerView: 1,
-                              },
-                              480: {
-                                slidesPerView: 1,
-                              },
-                              787: {
-                                slidesPerView: 1,
-                              },
-                              991: {
-                                slidesPerView: 2,
-                              },
-                              1200: {
-                                slidesPerView: 2,
-                              }
-                            }}
-                          >
-                            {
-                              tab.projects.map((project, i) => (
-                                <SwiperSlide key={i}>
-                                  <ProjectCard project={project} />
-                                </SwiperSlide>
-                              ))
-                            }
-                          </Swiper>
-                        )
-                      }
-                    </div>
-                  </div>
-                ))
-              }
-              <a href="#0" className="btn btn-icon-circle rounded-pill bg-white fw-bold mt-50">
-                <small> More Projects <i className="fas fa-long-arrow-alt-right bg-light"></i> </small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Projects
\ No newline at end of file
diff --git a/src/components/ITCreative/Services.jsx b/src/components/ITCreative/Services.jsx
deleted file mode 100644
index ccce169..0000000
--- a/src/components/ITCreative/Services.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import services from 'data/ITCreative/services.json';
-
-const Services = () => {
-  return (
-    <section className="services style-7 pt-100">
-      <div className="container">
-        <div className="section-head text-center style-4 mb-50">
-          <div className="top-title mb-10">
-            <img src="/assets/img/line_l.png" alt="" />
-            <h5> Services </h5>
-            <img src="/assets/img/line_r.png" alt="" />
-          </div>
-          <h2 className="">
-            What We <span> Provide </span> <br /> As A Company
-          </h2>
-        </div>
-        <div className="services-content pb-100">
-          <div className="row">
-            {
-              services.map((service, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className="service-item-style7">
-                    <div className="img">
-                      <img src={service.image} alt="" />
-                      <span className="icon">
-                        <i className={service.icon}></i>
-                      </span>
-                    </div>
-                    <div className="info">
-                      <h6>{ service.title }</h6>
-                      <p className="text">{ service.description }</p>
-                      <a href="#"> <i className="fal fa-long-arrow-right"></i> Read More  <i className="fal fa-long-arrow-right"></i> </a>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/ITCreative/SideMenu.jsx b/src/components/ITCreative/SideMenu.jsx
deleted file mode 100644
index c1f3359..0000000
--- a/src/components/ITCreative/SideMenu.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-
-const SideMenu = () => {
-  const toggleSideMenu = (e) => {
-    e.preventDefault();
-    const side_menu = document.getElementById('side_menu');
-    const side_overlay = document.querySelector('.side_overlay');
-
-    side_menu && side_menu.classList.remove('show');
-    side_overlay && side_overlay.classList.remove('show');
-  }
-
-  return (
-    <>
-      <div className="side_menu style-7" id="side_menu">
-        <a href="#0" className="side_menu_cls" onClick={toggleSideMenu}>
-          <img src="/assets/img/icons/4dots.png" alt="" />
-        </a>
-        <div className="content">
-          <div className="logo">
-            <a href="#" className="w-100">
-              <img src="/assets/img/logo_lgr.png" alt="" />
-            </a>
-          </div>
-          <div className="pages_links">
-            <ul>
-              <li><a href="#" className="active">Home</a></li>
-              <li><a href="#">about</a></li>
-              <li><a href="#">services</a></li>
-              <li><a href="#">portfolio</a></li>
-              <li><a href="#">blog</a></li>
-              <li><a href="#">contact</a></li>
-              <li><a href="#">shop</a></li>
-            </ul>
-          </div>
-          <div className="side_foot">
-            <h5> get in touch </h5>
-            <div className="row">
-              <div className="col-lg-6">
-                <a href="#"> <i className="fal fa-phone-alt me-2"></i> (+23) 5535 68 68 </a>
-              </div>
-              <div className="col-lg-6">
-                <a href="#"> <i className="fal fa-envelope me-2 mt-4 mt-lg-0"></i> contact@Iteck.co </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="side_overlay"></div>
-    </>
-  )
-}
-
-export default SideMenu
\ No newline at end of file
diff --git a/src/components/ITCreative/Testimonials.jsx b/src/components/ITCreative/Testimonials.jsx
deleted file mode 100644
index 5b4cf9e..0000000
--- a/src/components/ITCreative/Testimonials.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay, Keyboard } from 'swiper';
-import testimonials from 'data/ITCreative/testimonials.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/keyboard';
-
-SwiperCore.use([Autoplay, Keyboard]);
-
-const Testimonials = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoad(true);
-    });
-  }, []);
-
-  return (
-    <section className="testimonials style-7 section-padding">
-      <div className="container">
-        <div className="section-head text-center style-4 mb-80">
-          <div className="top-title mb-10">
-            <img src="/assets/img/line_l.png" alt="" />
-            <h5> Feedbacks </h5>
-            <img src="/assets/img/line_r.png" alt="" />
-          </div>
-          <h2 className="">
-            1M+ Happy <span> Users Around </span> <br /> From Worlds
-          </h2>
-        </div>
-        <div className="testimonials-slider7 position-relative overflow-hidden">
-          {
-            load && (
-              <Swiper
-                slidesPerView={1}
-                spaceBetween={0}
-                speed={1000}
-                pagination={false}
-                navigation={false}
-                mousewheel={false}
-                keyboard={true}
-                autoplay={{
-                  delay: 5000
-                }}
-                loop={true}
-              >
-                {
-                  testimonials.map((testimonial, index) => (
-                    <SwiperSlide key={index}>
-                      <div className="content">
-                        <div className="row justify-content-center">
-                          <div className="col-lg-10">
-                            <div className="testi-card">
-                              <div className="text">
-                                “{ testimonial.text }”
-                              </div>
-                              <div className="author">
-                                <div className="img icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                                  <img src={testimonial.image} alt="" />
-                                </div>
-                                <div className="inf">
-                                  <p> Head Of Idea </p>
-                                  <h6>{ testimonial.author }</h6>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-        <div className="get-qoute-banner">
-          <div className="row align-items-center">
-            <div className="col-lg-6">
-              <div className="info">
-                <p> Anytime you can make request to us </p>
-                <h6> Everything You Need To Manage Business </h6>
-              </div>
-            </div>
-            <div className="col-lg-3 d-none d-lg-block">
-              <div className="img">
-                <img src="/assets/img/testimonials/banner7.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6">
-              <div className="btns text-lg-end">
-                <a href="#0" className="btn btn-icon-circle rounded-pill bg-blue7 fw-bold text-white">
-                  <small> Get A Quote <i className="fas fa-long-arrow-alt-right"></i> </small>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/testimonials/testi7_back.png" alt="" className="img_back slide_up_down" />
-      <img src="/assets/img/testimonials/testi7_qout.png" alt="" className="testi_qout" />
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Collections.jsx b/src/components/NFTMarketplace/Collections.jsx
deleted file mode 100644
index 7f66d7e..0000000
--- a/src/components/NFTMarketplace/Collections.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import collectionsData from 'data/NFTMarketplace/collections.json';
-
-import "swiper/css";
-import "swiper/css/autoplay";
-
-SwiperCore.use([Autoplay]);
-
-const Collections = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setLoad(true);
-  }, []);
-
-  return (
-    <section className="collections section-padding style-12">
-      <div className="container">
-        <div className="row align-items-center mb-70">
-          <div className="col-lg-7">
-            <div className="section-head style-12">
-              <h6 className="mb-3">
-                <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-                <span className="mx-2"> collections </span>
-              </h6>
-              <h2> Top <span> Collection </span> </h2>
-            </div>
-          </div>
-          <div className="col-lg-5 text-lg-end">
-            <a href="#" className="butn bg-yellowGreen rounded-3 hover-shadow">
-              <span className="text-dark">
-                <img className="icon-20 me-1" src="/assets/img/icons/star3.png" alt="" />
-                All Collector
-              </span>
-            </a>
-          </div>
-        </div>
-        <div className="content">
-          <div className="collections-slider12">
-            {
-              load && (
-                <Swiper
-                  className="swiper-container overflow-visible"
-                  spaceBetween={30}
-                  speed={1000}
-                  autoplay={{
-                    delay: 5000
-                  }}
-                  loop={false}
-                  pagination={false}
-                  navigation={false}
-                  breakpoints={{
-                    0: {
-                      slidesPerView: 1,
-                    },
-                    480: {
-                      slidesPerView: 1,
-                    },
-                    787: {
-                      slidesPerView: 2,
-                    },
-                    991: {
-                      slidesPerView: 3,
-                    },
-                    1200: {
-                      slidesPerView: 3,
-                    }
-                  }}
-                >
-                  {
-                    collectionsData.map((collection, index) => (
-                      <SwiperSlide key={index}>
-                        <div className="collection-card">
-                          <div className="top-info">
-                            <h6> {collection.name} </h6>
-                            <p> <img src="/assets/img/icons/star2.png" alt="" /> <span className="text-white"> {collection.items} </span> <span> Items </span> </p>
-                          </div>
-                          <div className="auther-img">
-                            <img src={collection.pic} alt="" />
-                          </div>
-                          <div className="imgs">
-                            <div className="main-img img-cover">
-                              <img src={collection.image} alt="" />
-                            </div>
-                            <div className="sub-imgs">
-                              {
-                                collection.subImages.map((img, idx) => (
-                                  <img src={img} alt="" key={idx} />
-                                ))
-                              }
-                            </div>
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                    ))
-                  }
-                </Swiper>
-              )
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Collections
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Community.jsx b/src/components/NFTMarketplace/Community.jsx
deleted file mode 100644
index 670dbb7..0000000
--- a/src/components/NFTMarketplace/Community.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-const Community = () => {
-  return (
-    <section className="community style-12">
-      <div className="container">
-        <div className="content">
-          <h2> Stay In The <span> Community </span> </h2>
-          <div className="form-group">
-            <span className="icon"> <i className="fas fa-envelope-open"></i> </span>
-            <input type="text" placeholder="Business email..." />
-            <button className="butn bg-yellowGreen hover-shadow border-0">
-              <span className="text-dark"> Subscribe </span>
-            </button>
-          </div>
-          <div className="social-icons">
-            <a href="#"> <i className="fas fa-envelope"></i> </a>
-            <a href="#"> <i className="fab fa-tiktok"></i> </a>
-            <a href="#"> <i className="fab fa-discord"></i> </a>
-            <a href="#"> <i className="fab fa-twitter"></i> </a>
-            <a href="#"> <i className="fab fa-youtube"></i> </a>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Community
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Features.jsx b/src/components/NFTMarketplace/Features.jsx
deleted file mode 100644
index 18b1ec8..0000000
--- a/src/components/NFTMarketplace/Features.jsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import CountTo from '../CountTo';
-import features from 'data/NFTMarketplace/features.json';
-
-import "swiper/css";
-import "swiper/css/autoplay";
-
-SwiperCore.use([Autoplay]);
-
-const Features = () => {
-  const [load, setLoad] = useState(false);
-  const [position] = useState({ from: 2150, to: 2500 });
-
-  useEffect(() => {
-    setLoad(true);
-  }, []);
-
-  return (
-    <section className="features pt-100 style-12">
-      <div className="container">
-        <div className="section-head text-center mb-40 style-12">
-          <h6 className="justify-content-center mb-3">
-            <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-            <span className="mx-2"> featured </span>
-            <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-          </h6>
-          <h2> Best <span> Sellers </span> </h2>
-        </div>
-        <div className="content">
-          <div className="row justify-content-center">
-            {
-              features.map((feature, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <a href="#" className="feature-card">
-                    <div className="img icon-65 rounded-circle overflow-hidden img-cover me-3">
-                      <img src={feature.image} alt="" />
-                    </div>
-                    <div className="info">
-                      <h5> {feature.name} </h5>
-                      <p>
-                        Rise:
-                        <span className="color-yellowGreen ms-1"> $ </span>
-                        <CountTo className="counter color-yellowGreen" from={0} to={feature.rise} speed={1500} position={position} />
-                      </p>
-                    </div>
-                  </a>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-      <div className="features-line-slider12">
-        {
-          load && (
-            <Swiper
-              className="swiper-container"
-              spaceBetween={0}
-              centeredSlides={true}
-              speed={10000}
-              autoplay={{
-                delay: 1
-              }}
-              loop={true}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1,
-                },
-                480: {
-                  slidesPerView: 1,
-                },
-                787: {
-                  slidesPerView: 1,
-                },
-                991: {
-                  slidesPerView: 2,
-                },
-                1200: {
-                  slidesPerView: 2,
-                }
-              }}
-            >
-              <SwiperSlide className="swiper-slide">
-                <a href="#"> <img src="/assets/img/icons/star3.png" alt="" /> <h2> Sell your nft </h2> </a>
-              </SwiperSlide>
-              <SwiperSlide className="swiper-slide">
-                <a href="#"> <img src="/assets/img/icons/star3.png" alt="" /> <h2> be an portfolio author </h2> </a>
-              </SwiperSlide>
-              <SwiperSlide className="swiper-slide">
-                <a href="#"> <img src="/assets/img/icons/star3.png" alt="" /> <h2> nft’s great </h2> </a>
-              </SwiperSlide>
-              <SwiperSlide className="swiper-slide">
-                <a href="#"> <img src="/assets/img/icons/star3.png" alt="" /> <h2> Sell your nft </h2> </a>
-              </SwiperSlide>
-            </Swiper>
-          )
-        }
-        <img src="/assets/img/icons/features/27.png" alt="" className="icon slide_up_down" />
-      </div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Footer.jsx b/src/components/NFTMarketplace/Footer.jsx
deleted file mode 100644
index e9d5940..0000000
--- a/src/components/NFTMarketplace/Footer.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react'
-
-const Footer = () => {
-  return (
-    <footer className="style-12">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-4">
-              <div className="foot-info">
-                <div className="foot-logo mb-30">
-                  <img src="/assets/img/logo_12.png" alt="" />
-                </div>
-                <p> The world’s first and largest digital NFT marketplace for crypto collectibles & non fungible tokens (NFTs). Buy, sell, & discover exclusive digital items. </p>
-              </div>
-            </div>
-            <div className="col-lg-2 offset-lg-2">
-              <div className="links mt-5 mt-lg-0">
-                <h6> Marketplace </h6>
-                <ul>
-                  <li> <a href="#"> Art </a> </li>
-                  <li> <a href="#"> Collectibles </a> </li>
-                  <li> <a href="#"> Domain Names </a> </li>
-                  <li> <a href="#"> Music </a> </li>
-                  <li> <a href="#"> Photography </a> </li>
-                  <li> <a href="#"> Sports </a> </li>
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links mt-5 mt-lg-0">
-                <h6> My Account </h6>
-                <ul>
-                  <li> <a href="#"> Profile </a> </li>
-                  <li> <a href="#"> Favorites </a> </li>
-                  <li> <a href="#"> Watchlist </a> </li>
-                  <li> <a href="#"> My Collections </a> </li>
-                  <li> <a href="#"> Settings </a> </li>
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links mt-5 mt-lg-0">
-                <h6> Resources </h6>
-                <ul>
-                  <li> <a href="#"> Learn </a> </li>
-                  <li> <a href="#"> Help Center </a> </li>
-                  <li> <a href="#"> Platform Status </a> </li>
-                  <li> <a href="#"> Partners </a> </li>
-                  <li> <a href="#"> Taxes </a> </li>
-                  <li> <a href="#"> Blog </a> </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot">
-          <p> Copyright & Design By <a href="#" className="color-yellowGreen"> @ThemeCamp </a> - 2022 </p>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Header.jsx b/src/components/NFTMarketplace/Header.jsx
deleted file mode 100644
index da04d44..0000000
--- a/src/components/NFTMarketplace/Header.jsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const Header = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <header className="style-12">
-      <div className="container">
-        <div className="info">
-          <h2> Discover </h2>
-          <h2 className="line-title">  <span className="line-text">  & Get Super </span> <small> The Worlds Largest Digital Marketplace <br /> For Crypto Collectibles And Non-Fungible <br /> Tokens for worldwide. </small> </h2>
-          <h2> Digital Assets </h2>
-          <img src="/assets/img/icons/star2.png" alt="" className="star1 scale_up_down" />
-          <img src="/assets/img/icons/star2.png" alt="" className="star2 scale_up_down" />
-        </div>
-      </div>
-      <div className="imgs-content pt-30">
-        <div className="container-fluid">
-          <div className="row">
-            <div className="col-lg-3 col-sm-6 pt-150 col-6">
-              <div className="main-img img-cover">
-                <img src="/assets/img/header/header_12_2.png" alt="" />
-                <div className="inf">
-                  <h6> Cyber CloneX </h6>
-                  <p> <span className="color-999"> Floor: </span> 1.2 ETH </p>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6 order-last order-lg-0">
-              <div className="vid-info">
-                <div className="icon-content">
-                  <div className="icon">
-                    <img src="/assets/img/icons/star3.png" alt="" />
-                  </div>
-                </div>
-                <div className="img-vid-content mb-5 mb-lg-0">
-                  <p> How it Works </p>
-                  <div className="img-line">
-                    <img src="/assets/img/header/header_12_linearrow.png" alt="" />
-                  </div>
-                  <div className="img-vid img-cover">
-                    <img src="/assets/img/header/header_12_3.png" alt="" />
-                    <a href="https://youtu.be/pGbIOC83-So?t=21" data-lity className="vid_icon icon-60 img-cover rounded-circle" onClick={openVideo}>
-                      <i className="fas fa-play"></i>
-                    </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6 col-6">
-              <div className="main-img img-cover">
-                <img src="/assets/img/header/header_12_1.png" alt="" />
-                <div className="inf">
-                  <h6> Alex Pablo </h6>
-                  <p> <span className="color-999"> Floor: </span> 0.9 ETH </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" &&
-        (
-          <ModalVideo
-            channel="youtube"
-            autoplay
-            isOpen={isOpen}
-            videoId="pGbIOC83-So"
-            onClose={() => setOpen(false)}
-          />
-        )
-      }
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Process.jsx b/src/components/NFTMarketplace/Process.jsx
deleted file mode 100644
index 289904a..0000000
--- a/src/components/NFTMarketplace/Process.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import processSteps from 'data/NFTMarketplace/process.json'
-
-const Process = () => {
-  return (
-    <section className="process style-12">
-      <div className="container">
-        <div className="content section-padding border-1 border-bottom brd-light">
-          <div className="section-head text-center mb-10 style-12">
-            <h6 className="justify-content-center mb-3">
-              <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-              <span className="mx-2"> process </span>
-              <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-            </h6>
-            <h2> How It <span> Works </span> </h2>
-          </div>
-          <div className="row gx-0">
-            {
-              processSteps.map((step, index) => (
-                <div className={`col-lg-3 col-sm-6 ${index % 2 !== 0 ? 'pt-lg-5' : ''}`} key={index}>
-                  <a href="#" className="process-card">
-                    <div className="icon">
-                      <img src={step.icon} alt="" />
-                    </div>
-                    <div className="info">
-                      <h6> {step.title} </h6>
-                      <p> {step.details} </p>
-                      <span className="step"> Step {step.step} </span>
-                    </div>
-                  </a>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Process
\ No newline at end of file
diff --git a/src/components/NFTMarketplace/Projects.jsx b/src/components/NFTMarketplace/Projects.jsx
deleted file mode 100644
index e59779b..0000000
--- a/src/components/NFTMarketplace/Projects.jsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React, { useEffect } from 'react';
-import projects from 'data/NFTMarketplace/projects.json';
-
-const Projects = () => {
-
-  useEffect(() => {
-    setTimeout(() => {
-      let mixitup = window.mixitup;
-
-      if (!mixitup) return;
-      mixitup('.projects')
-    }, 0);
-  }, []);
-
-  const addActiveClass = (e) => {
-    document.querySelectorAll('span[data-filter]').forEach(el => el.classList.remove('active'));
-    e.currentTarget.classList.add('active');
-  }
-
-  return (
-    <section className="projects section-padding style-12">
-      <div className="container">
-        <div className="section-head text-center mb-70 style-12">
-          <h6 className="justify-content-center mb-3">
-            <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-            <span className="mx-2"> Discover </span>
-            <img src="/assets/img/icons/star2.png" alt="" className="icon" />
-          </h6>
-          <h2> New NFT <span> Arrivals </span> </h2>
-        </div>
-        <div className="content">
-          <div className="mix_tabs mb-20">
-            {
-              projects.filters.map((filter, index) => (
-                <span className={`${index === 0 ? 'active' : ''} tab-link`} data-filter={filter.filter} key={index} onClick={addActiveClass}>
-                  <img src="/assets/img/icons/star3.png" alt="" className="icon" />  {filter.text}
-                </span>
-              ))
-            }
-          </div>
-          <div className="row items">
-            {
-              projects.projects.map((project, index) => (
-                <div className={`col-lg-3 col-sm-6 mix ${project.filter}`} key={index}>
-                  <div className="project-card">
-                    <div className="top-inf">
-                      <span> <i className="fas fa-heart"></i> {project.hearts} </span>
-                      <span> <i className="fas fa-sort color-yellowGreen"></i> {project.sort} </span>
-                    </div>
-                    <div className="img img-cover">
-                      <img src={project.image} alt="" />
-                      <a href="#" className="butn bg-yellowGreen rounded-3 hover-shadow"> <span className="text-dark"> <i className="fal fa-shopping-basket me-1"></i>  Buy Now </span> </a>
-                    </div>
-                    <div className="info">
-                      <small> Highest bid <span className="color-yellowGreen"> {project.bid} </span> </small>
-                      <h6> {project.title} </h6>
-                      <div className="btm-inf">
-                        <p> <i className="fal fa-users color-yellowGreen"></i> {project.placeBit}+ Place Bit </p>
-                        <p> <i className="fal fa-history color-yellowGreen"></i> History </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Projects
\ No newline at end of file
diff --git a/src/components/Navbars/AppNav/OnePageNav.jsx b/src/components/Navbars/AppNav/OnePageNav.jsx
deleted file mode 100644
index d02f447..0000000
--- a/src/components/Navbars/AppNav/OnePageNav.jsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import React, { useEffect } from 'react';
-import scrollToSection from 'common/scrollToSection';
-
-const OnePageNav = ({ navbarRef, rtl }) => {
-  useEffect(() => {
-    const sections = document.querySelectorAll('[data-scroll-index]');
-
-    window.addEventListener('scroll', () => {
-      sections.forEach(section => {
-        const index = section.getAttribute('data-scroll-index');
-        let offset = section.offsetTop;
-        let height = section.offsetHeight;
-        const scroll = window.scrollY;
-
-        if (['2', '3'].indexOf(index) !== -1) {
-          offset = section.parentElement.offsetTop + section.offsetTop - 150;
-        }
-
-        if (scroll + 200 > offset && scroll + 200 < offset + height) {
-          document.querySelector(`[data-scroll-nav="${index}"]`)?.classList?.add('active');
-        } else {
-          document.querySelector(`[data-scroll-nav="${index}"]`)?.classList?.remove('active');
-        }
-      });
-    });
-  }, []);
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-4" id="main-nav" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#" data-scroll-nav="0" onClick={scrollToSection}>
-          <img src="/assets/img/logo_lgr.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="1" onClick={scrollToSection}>
-                { rtl ? 'خدماتنا' : 'Featured' }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="2" onClick={scrollToSection}>
-                { rtl ? 'من نحن' : 'About' }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="3" onClick={scrollToSection}>
-                { rtl ? 'تطبيقات شائعة' : 'Popular Apps' }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="4" onClick={scrollToSection}>
-                { rtl ? 'شاشات التطبيق' : 'screens' }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="5" onClick={scrollToSection}>
-                { rtl ? 'اراء العملاء' : 'Testimonials' }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="6" onClick={scrollToSection}>
-                { rtl ? 'خطه الاسعار' : 'Pricing Plan' }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" href="#0" data-scroll-nav="7" onClick={scrollToSection}>
-                { rtl ? 'اراء العملاء' : 'faq' }
-              </a>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <a href="#0" className="btn rounded-pill brd-gray hover-blue4 sm-butn fw-bold" data-scroll-nav="8" onClick={scrollToSection}>
-                <span>{ rtl ? 'تحميل' : 'download' } <i className="bi bi-download ms-1"></i> </span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default OnePageNav
\ No newline at end of file
diff --git a/src/components/Navbars/AppNav/index.jsx b/src/components/Navbars/AppNav/index.jsx
deleted file mode 100644
index a0b108a..0000000
--- a/src/components/Navbars/AppNav/index.jsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Navbar = ({ navbarRef }) => {
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-4" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_lgr.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                <small className="hot alert-danger text-danger">hot</small>
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-2" />
-                contact 
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <a href="#" className="search-icon me-4">
-                <i className="bi bi-person"></i>
-              </a>
-              <Link to="/page-contact-app" className="btn rounded-pill brd-gray hover-blue4 sm-butn fw-bold">
-                <span>Join iteck Hub <i className="bi bi-arrow-right ms-1"></i> </span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/CloudNav/TopNav.jsx b/src/components/Navbars/CloudNav/TopNav.jsx
deleted file mode 100644
index f93ff17..0000000
--- a/src/components/Navbars/CloudNav/TopNav.jsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from 'react';
-
-const TopNav = () => {
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <div className="top-navbar style-9">
-      <div className="container">
-        <div className="row justify-content-between align-items-center gx-0">
-          <div className="col-7">
-            <div className="top_info">
-              <a href="#" className="me-4">
-                <i className="fas fa-envelope-open me-1"></i>
-                <span>info@iteck-tech</span>
-              </a>
-              <a href="#">
-                <i className="fas fa-phone me-1"></i>
-                <span>+89 (000) 786 999</span>
-              </a>
-            </div>
-          </div>
-          <div className="col-5">
-            <div className="side_links d-flex justify-content-lg-end">
-              <a href="#" className="me-4"> Careers </a>
-              <a href="#" className="me-4"> Faq </a>
-              <div className="dropdown border-1 border-start ps-4" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-                <a className="dropdown-toggle fw-bold" href="#" id="navbarDropdown1" role="button"
-                  data-bs-toggle="dropdown" aria-expanded="false">
-                  English
-                </a>
-                <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                  <li><a className="dropdown-item" href="#0"> Arabic </a></li>
-                  <li><a className="dropdown-item" href="#0"> french </a></li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default TopNav
\ No newline at end of file
diff --git a/src/components/Navbars/CloudNav/index.jsx b/src/components/Navbars/CloudNav/index.jsx
deleted file mode 100644
index 3179dc2..0000000
--- a/src/components/Navbars/CloudNav/index.jsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-  
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  const toggleSideMenu = (e) => {
-    e.preventDefault();
-
-    document.querySelector('.side_menu_btn').classList.toggle('active');
-    
-    const side_menu = document.getElementById('side_menu');
-    const side_overlay = document.querySelector('.side_overlay');
-
-    side_menu && side_menu.classList.toggle('show');
-    side_overlay && side_overlay.classList.toggle('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-9" ref={navbarRef}>
-      <div className="container content">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_9.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 ps-4">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <a href="#" className="me-4">
-                <img src="/assets/img/icons/cart_light.png" alt="" />
-              </a>
-              <a href="#0" className="me-4">
-                <img src="/assets/img/icons/user_light.png" alt="" />
-              </a>
-              <a href="#0" className="side_menu_btn" onClick={toggleSideMenu}>
-                <img src="/assets/img/icons/4dots_light.png" alt="" />
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar;
\ No newline at end of file
diff --git a/src/components/Navbars/CryptoNav/index.jsx b/src/components/Navbars/CryptoNav/index.jsx
deleted file mode 100644
index 50e95c9..0000000
--- a/src/components/Navbars/CryptoNav/index.jsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-15 p-0" ref={navbarRef}>
-      <div className="container content">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_15.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 ps-4">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                {/* <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-1"> */}
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <a href="#0" className="btn rounded-pill bg-red2 fw-bold text-white" target="_blank">
-              <span> Whitepaper </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/CyberNav/index.jsx b/src/components/Navbars/CyberNav/index.jsx
deleted file mode 100644
index 3f78dea..0000000
--- a/src/components/Navbars/CyberNav/index.jsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  const toggleSideMenu = (e) => {
-    e.preventDefault();
-
-    document.querySelector('.side_menu_btn').classList.toggle('active');
-
-    const side_menu = document.getElementById('side_menu');
-    const side_overlay = document.querySelector('.side_overlay');
-
-    side_menu && side_menu.classList.toggle('show');
-    side_overlay && side_overlay.classList.toggle('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-9" ref={navbarRef}>
-      <div className="container content">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_10.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 ps-4">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                {/* <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-1"> */}
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <a href="#0" className="me-4">
-                <img src="/assets/img/icons/user_light.png" alt="" />
-              </a>
-              <a href="#0" className="side_menu_btn" onClick={toggleSideMenu}>
-                <img src="/assets/img/icons/4dots_light.png" alt="" />
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/DataAnalysis/TopNav.jsx b/src/components/Navbars/DataAnalysis/TopNav.jsx
deleted file mode 100644
index f655102..0000000
--- a/src/components/Navbars/DataAnalysis/TopNav.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-
-const TopNav = () => {
-  return (
-    <div className="top-navbar style-8 d-none d-lg-block">
-      <div className="container">
-        <div className="content bg-white py-2 px-4 rounded-pill">
-          <div className="row">
-            <div className="col-lg-6">
-              <p>  Offer is going on till friday, <a href="#" className="color-main"> $1.99/mo.  </a> </p>
-            </div>
-            <div className="col-lg-6">
-              <div className="text-lg-end">
-                <p className="color-999"> Get Support: <a href="callto:+809 (000) 888 99" className="color-000"> +809 (000) 888 99 </a> </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default TopNav
\ No newline at end of file
diff --git a/src/components/Navbars/DataAnalysis/index.jsx b/src/components/Navbars/DataAnalysis/index.jsx
deleted file mode 100644
index cd475f6..0000000
--- a/src/components/Navbars/DataAnalysis/index.jsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import TopNav from './TopNav';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-  
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-
-  return (
-    <div className="navs-container pt-4">
-      <TopNav />
-      <nav className="navbar navbar-expand-lg navbar-light style-8" ref={navbarRef}>
-        <div className="container">
-          <a className="navbar-brand" href="#">
-            <img src="/assets/img/logo_home8.png" alt="" />
-          </a>
-          <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-            aria-label="Toggle navigation">
-            <span className="navbar-toggler-icon"></span>
-          </button>
-          <div className="collapse navbar-collapse" id="navbarSupportedContent">
-            <ul className="navbar-nav m-auto mb-2 mb-lg-0 ps-4">
-              <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-                <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                  data-bs-toggle="dropdown" aria-expanded="false">
-                  Homes
-                </a>
-                <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                  <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                  <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                  <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                  <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                  <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                  <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                  <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                  <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                  <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                  <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-                </ul>
-              </li>
-              <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-                <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                  data-bs-toggle="dropdown" aria-expanded="false">
-                  pages
-                  {/* <small className="hot alert-danger text-danger">hot</small> */}
-                </a>
-                <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                  <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                  <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                  <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                  <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                  <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-                </ul>
-              </li>
-              <li className="nav-item">
-                <Link to="/page-portfolio-app" className="nav-link">
-                  portfolio
-                </Link>
-              </li>
-              <li className="nav-item">
-                <Link to="/page-blog-app" className="nav-link">
-                  blog
-                </Link>
-              </li>
-              <li className="nav-item">
-                <Link to="/page-contact-app" className="nav-link">
-                  contact
-                </Link>
-              </li>
-            </ul>
-            <div className="nav-side">
-              <button className="butn bg-transparent border-main border-2 rounded-pill hover-orange1 color-main hover-shadow" type="submit">
-                <span className=""> Request A Demo <i className="fal fa-long-arrow-right ms-2"></i> </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </nav>
-    </div>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/DigitalNav/OnePageNav.jsx b/src/components/Navbars/DigitalNav/OnePageNav.jsx
deleted file mode 100644
index 166961b..0000000
--- a/src/components/Navbars/DigitalNav/OnePageNav.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import navbarScrollEffect from "common/navbarScrollEffect";
-import scrollToSection from 'common/scrollToSection';
-
-const OnePageNav = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  useEffect(() => {
-    const sections = document.querySelectorAll('[data-scroll-index]');
-
-    window.addEventListener('scroll', () => {
-      sections.forEach(section => {
-        const index = section.getAttribute('data-scroll-index');
-        const offset = section.offsetTop;
-        const height = section.offsetHeight;
-        const scroll = window.scrollY;
-
-        if (scroll + 200 > offset && scroll + 200 < offset + height) {
-          document.querySelector(`[data-scroll-nav="${index}"]`).classList.add('active');
-        } else {
-          document.querySelector(`[data-scroll-nav="${index}"]`).classList.remove('active');
-        }
-      });
-    });
-  }, []);
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-1" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#" onClick={scrollToSection}>
-          <img src="/assets/img/logo_cd.png" data-scroll-nav="0" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav me-auto mb-2 mb-lg-0">
-            <li className="nav-item dropdown">
-              <a className="nav-link" data-scroll-nav="1" onClick={scrollToSection}>
-                about us
-              </a>
-            </li>
-            <li className="nav-item dropdown">
-              <a className="nav-link" data-scroll-nav="2" onClick={scrollToSection}>
-                services
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="3" onClick={scrollToSection}>
-                why us
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="4" onClick={scrollToSection}>
-                portfolio
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="5" onClick={scrollToSection}>
-                testimonials
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="6" onClick={scrollToSection}>
-                blog
-              </a>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="hotline pe-4">
-              <div className="icon me-3">
-                <i className="bi bi-telephone"></i>
-              </div>
-              <div className="cont">
-                <small className="text-muted m-0">hotline 24/7</small>
-                <h6>(+23) 5535 68 68</h6>
-              </div>
-            </div>
-            <div className="qoute-nav ps-4">
-              <a href="#0" className="btn sm-butn butn-gard border-0 text-white" data-scroll-nav="7">
-                <span>Free Quote</span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default OnePageNav
\ No newline at end of file
diff --git a/src/components/Navbars/DigitalNav/TopNav.jsx b/src/components/Navbars/DigitalNav/TopNav.jsx
deleted file mode 100644
index 71c65fc..0000000
--- a/src/components/Navbars/DigitalNav/TopNav.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-
-const TopNav = () => {
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <div className="top-navbar style-1">
-      <div className="container">
-        <div className="content">
-          <div className="row align-items-center">
-            <div className="col-lg-8">
-              <div className="top-links">
-                <div className="text text-white">
-                  <i className="fas fa-bullhorn"></i>
-                  <strong>Now Hiring:</strong>
-                  <span>Are you a driven and motivated <a href="#" className="p-0"><u>1st Line IT Support Engineer?</u></a></span>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="r-side">
-                <div className="socail-icons">
-                  <a href="#">
-                    <i className="fab fa-twitter"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-facebook-f"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-linkedin-in"></i>
-                  </a>
-                  <a href="#">
-                    <i className="fab fa-instagram"></i>
-                  </a>
-                </div>
-                <div className="dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-                  <a className="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
-                    <img className="me-1" src="/assets/img/lang.png" alt="" /> English
-                  </a>
-                  <ul className="dropdown-menu" aria-labelledby="dropdownMenuLink">
-                    <li><a className="dropdown-item" href="#">French</a></li>
-                    <li><a className="dropdown-item" href="#">Arabic</a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default TopNav
\ No newline at end of file
diff --git a/src/components/Navbars/DigitalNav/index.jsx b/src/components/Navbars/DigitalNav/index.jsx
deleted file mode 100644
index 91f2906..0000000
--- a/src/components/Navbars/DigitalNav/index.jsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-1" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_cd.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav me-auto mb-2 mb-lg-0">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-5" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-5" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-5" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-5" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-5" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-5" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-5" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-5" className="nav-link">
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="hotline pe-4">
-              <div className="icon me-3">
-                <i className="bi bi-telephone"></i>
-              </div>
-              <div className="cont">
-                <small className="text-muted m-0">hotline 24/7</small>
-                <h6>(+23) 5535 68 68</h6>
-              </div>
-            </div>
-            <div className="qoute-nav ps-4">
-              <a href="#" className="search-icon me-3">
-                <i className="bi bi-search"></i>
-              </a>
-              <a href="#" className="cart-icon me-3">
-                <i className="bi bi-cart"></i>
-                <span className="cart-num ms-1">2</span>
-              </a>
-              <Link to="/page-contact-5" className="btn sm-butn butn-gard border-0 text-white">
-                <span>Free Quote</span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/FreelancerNav/index.jsx b/src/components/Navbars/FreelancerNav/index.jsx
deleted file mode 100644
index 0da4151..0000000
--- a/src/components/Navbars/FreelancerNav/index.jsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-13" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_13.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse align-items-center" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                {/* <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-1"> */}
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side mt-3 mt-lg-0">
-            <a href="#0" className="btn rounded-pill text-white bg-dark hover-orange3" target="_blank">
-              <small> Download CV </small>
-            </a>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/HelpDeskNav/TopNav.jsx b/src/components/Navbars/HelpDeskNav/TopNav.jsx
deleted file mode 100644
index 0e385be..0000000
--- a/src/components/Navbars/HelpDeskNav/TopNav.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-
-const TopNav = () => {
-  return (
-    <div className="top-navbar style-11">
-      <div className="container">
-        <div className="content py-3 border-1 border-bottom brd-light">
-          <div className="row">
-            <div className="col-lg-6">
-              <div className="links">
-                <a href="#" className="me-4 color-999"> Product Support </a>
-                <a href="#" className="me-4 color-999"> Company </a>
-                <a href="#" className="me-4 color-999"> Contact us </a>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="top-nav-side">
-                <div className="dropdown lang pe-4 me-4 border-1 border-end brd-light">
-                  <a className="text-white dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                    data-bs-toggle="dropdown" aria-expanded="false">
-                    English
-                    {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-                  </a>
-                  <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                    <li><a className="dropdown-item" href="#"> arabic </a></li>
-                    <li><a className="dropdown-item" href="#"> frensh </a></li>
-                  </ul>
-                </div>
-                <div className="social-links">
-                  <p> Follow Us : </p>
-                  <div className="social-content">
-                    <a href="#"> <i className="fab fa-twitter"></i> </a>
-                    <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                    <a href="#"> <i className="fab fa-behance"></i> </a>
-                    <a href="#"> <i className="fab fa-youtube"></i> </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default TopNav
\ No newline at end of file
diff --git a/src/components/Navbars/HelpDeskNav/index.jsx b/src/components/Navbars/HelpDeskNav/index.jsx
deleted file mode 100644
index 897b380..0000000
--- a/src/components/Navbars/HelpDeskNav/index.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-11" ref={navbarRef}>
-      <div className="container content">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_11.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse align-items-center" id="navbarSupportedContent">
-          <ul className="navbar-nav me-auto mb-2 mb-lg-0 ps-4">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                {/* <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-1"> */}
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <span className="nav-item">
-                <a className="nav-link" href="#">
-                  Sign In
-                </a>
-              </span>
-              <a href="#0" className="btn rounded-pill color-green fw-bold border-1 border brd-light hover-green" target="_blank">
-                <small> 7 Day Free Trail </small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/ITCreativeNav/index.jsx b/src/components/Navbars/ITCreativeNav/index.jsx
deleted file mode 100644
index 570b880..0000000
--- a/src/components/Navbars/ITCreativeNav/index.jsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-
-const ITCreativeNav = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  const toggleSideMenu = (e) => {
-    e.preventDefault();
-
-    document.querySelector('.side_menu_btn').classList.toggle('active');
-    
-    const side_menu = document.getElementById('side_menu');
-    const side_overlay = document.querySelector('.side_overlay');
-
-    side_menu && side_menu.classList.toggle('show');
-    side_overlay && side_overlay.classList.toggle('show');
-  }
-
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-7" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_lgr.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav me-auto mb-2 mb-lg-0 ps-4">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <small className="hot alert-danger text-danger">hot</small> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <a href="#" className="me-4">
-                <img src="/assets/img/icons/user.png" alt="" />
-              </a>
-              <a href="#0" className="side_menu_btn" onClick={toggleSideMenu}>
-                <img src="/assets/img/icons/4dots.png" alt="" />
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default ITCreativeNav
\ No newline at end of file
diff --git a/src/components/Navbars/ITNav/OnePageNav.jsx b/src/components/Navbars/ITNav/OnePageNav.jsx
deleted file mode 100644
index 037d145..0000000
--- a/src/components/Navbars/ITNav/OnePageNav.jsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import navbarScrollEffect from "common/navbarScrollEffect";
-import scrollToSection from 'common/scrollToSection';
-
-const OnePageNav = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  useEffect(() => {
-    const sections = document.querySelectorAll('[data-scroll-index]');
-
-    window.addEventListener('scroll', () => {
-      sections.forEach(section => {
-        const index = section.getAttribute('data-scroll-index');
-        let offset = section.offsetTop;
-        const height = section.offsetHeight;
-        const scroll = window.scrollY;
-
-        if (section.getAttribute('data-scroll-internal-section') === 'true') {
-          offset = section.offsetTop + section.parentElement.offsetTop;
-        }
-
-        if (scroll + 200 > offset && scroll + 200 < offset + height) {
-          document.querySelector(`[data-scroll-nav="${index}"]`).classList.add('active');
-        } else {
-          document.querySelector(`[data-scroll-nav="${index}"]`).classList.remove('active');
-        }
-      });
-    });
-  }, []);
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-2 position-absolute w-100 p-0" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#" data-scroll-nav="0" onClick={scrollToSection}>
-          <img src="/assets/img/logo_ll.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
-            <li className="nav-item dropdown">
-              <a className="nav-link" data-scroll-nav="1" onClick={scrollToSection}>
-                about us
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="2" onClick={scrollToSection}>
-                services
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="3" onClick={scrollToSection}>
-                portfolio
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="4" onClick={scrollToSection}>
-                why us
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="5" onClick={scrollToSection}>
-                testimonials
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="6" onClick={scrollToSection}>
-                pricing
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="7" onClick={scrollToSection}>
-                blog
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default OnePageNav
\ No newline at end of file
diff --git a/src/components/Navbars/ITNav/index.jsx b/src/components/Navbars/ITNav/index.jsx
deleted file mode 100644
index a1b5b6e..0000000
--- a/src/components/Navbars/ITNav/index.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-2 position-absolute w-100 p-0" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_ll.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-5" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-5" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-5" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-5" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-5" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-5" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-5" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-5" className="nav-link">
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="qoute-nav ps-4">
-              <a href="#" className="search-icon me-3">
-                <i className="bi bi-search"></i>
-              </a>
-              <a href="#" className="cart-icon me-3">
-                <i className="bi bi-cart"></i>
-                <span className="cart-num ms-1">
-                  2
-                </span>
-              </a>
-              <Link to="/page-contact-5" className="btn sm-butn border text-white radius-9 hover-darkBlue">
-                <span>Free Quote</span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/LanguageSelector/LanguageSelector.jsx b/src/components/Navbars/LanguageSelector/LanguageSelector.jsx
index 7627e39..38d16da 100644
--- a/src/components/Navbars/LanguageSelector/LanguageSelector.jsx
+++ b/src/components/Navbars/LanguageSelector/LanguageSelector.jsx
@@ -2,9 +2,6 @@ import React from 'react';
 import { changeLocale, IntlContextConsumer } from 'gatsby-plugin-intl';
 
 const LanguageSelector = () => {
-
-   
-
   return (
     <div>
         <IntlContextConsumer>
diff --git a/src/components/Navbars/NFTMarketplaceNav/index.jsx b/src/components/Navbars/NFTMarketplaceNav/index.jsx
deleted file mode 100644
index 7c70218..0000000
--- a/src/components/Navbars/NFTMarketplaceNav/index.jsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-dark style-12" ref={navbarRef}>
-      <div className="container-fluid">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_12.png" alt="" />
-        </a>
-        <div className="nav-search d-none d-lg-block">
-          <div className="form-group">
-            <button className="icon" type="submit"> <i className="fal fa-search"></i> </button>
-            <input type="text" className="form-control" placeholder="Search NFT" />
-          </div>
-        </div>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse align-items-center" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                {/* <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-1"> */}
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side mt-3 mt-lg-0">
-            <div className="d-lg-flex align-items-center d-block">
-              <div className="social-icons">
-                <p> Connect Us : </p>
-                <div className="icons">
-                  <a href="#"> <i className="fab fa-twitter"></i> </a>
-                  <a href="#"> <i className="fab fa-discord"></i> </a>
-                  <a href="#"> <i className="fab fa-linkedin"></i> </a>
-                </div>
-              </div>
-              <a href="#0" className="btn rounded-3 color-000 fw-bold border-1 border brd-light bg-yellowGreen ms-lg-4 mt-3 mt-lg-0" target="_blank">
-                <small> <i className="fas fa-wallet me-1"></i> Connect Wallet </small>
-              </a>
-            </div>
-          </div>
-          <div className="nav-search d-block d-lg-none">
-            <div className="form-group">
-              <button className="icon" type="submit"> <i className="fal fa-search"></i> </button>
-              <input type="text" className="form-control" placeholder="Search NFT" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/PaymentSolutionsNav/index.jsx b/src/components/Navbars/PaymentSolutionsNav/index.jsx
deleted file mode 100644
index 043d0e5..0000000
--- a/src/components/Navbars/PaymentSolutionsNav/index.jsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-14" ref={navbarRef}>
-      <div className="container">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_14.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse align-items-center" id="navbarSupportedContent">
-          <ul className="navbar-nav me-auto">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                Homes
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-                {/* <!-- <small className="hot alert-danger text-danger">hot</small> --> */}
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-app" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-app" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-app" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-app" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-app" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-app" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-app" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-app" className="nav-link">
-                {/* <img src="/assets/img/icons/nav_icon/price.png" alt="" className="icon-15 me-1"> */}
-                contact
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side mt-3 mt-lg-0">
-            <a href="#0" className="btn rounded-pill text-dark bg-white hover-red1 shadow-lg fw-bold me-2"
-              target="_blank">
-              <small> Sign In <i className="fal fa-long-arrow-right ms-1"></i> </small>
-            </a>
-            <a href="#0" className="btn rounded-pill text-white bg-red1 shadow-lg fw-bold" target="_blank">
-              <small> Get Started Now </small>
-            </a>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/PreviewNav/index.jsx b/src/components/Navbars/PreviewNav/index.jsx
deleted file mode 100644
index 5bf1a00..0000000
--- a/src/components/Navbars/PreviewNav/index.jsx
+++ /dev/null
@@ -1,360 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import appData from 'data/appData.json';
-
-const PreviewNavbar = ({ navbarRef }) => {
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-1 nav-preview py-0" ref={navbarRef}>
-      <div className="container-xxl">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_cd.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0">
-            <li className="nav-item dropDown megaMenu col3">
-              <a className="nav-links dropLink active" href="#">
-                Homes
-                <small className="icon ms-1"><i className="bi bi-chevron-down me-1"></i></small>
-              </a>
-              <ul className="dropDownMenu">
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">multi-pages</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/home-it-solutions2" className="subLink">
-                        IT Solution Creative
-                      </Link>
-                      <span className="new">new</span>
-                    </li>
-                    <li>
-                      <Link to="/home-data-analysis" className="subLink">
-                        Data Analysis
-                      </Link>
-                      <span className="new">new</span>
-                    </li>
-                    <li>
-                      <Link to="/home-app-landing" className="subLink">
-                        App Landing
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-digital-agency" className="subLink">
-                        Digital Agency
-                      </Link>
-                      <span className="new">Hot</span>
-                    </li>
-                    <li>
-                      <Link to="/home-marketing-startup" className="subLink">
-                        Marketing Startup
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-saas-technology" className="subLink">
-                        Software company
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-saas-technology" className="subLink">
-                        Saas Technology
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-it-solutions" className="subLink">
-                        IT Solution
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-shop-5" className="subLink">
-                        shop
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">one-page</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/home-app-landing-onePage" className="subLink">
-                        App Landing
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-digital-agency-onePage" className="subLink">
-                        Digital Agency
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-marketing-startup-onePage" className="subLink">
-                        Marketing Startup
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-saas-technology-onePage" className="subLink">
-                        Software company
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-saas-technology-onePage" className="subLink">
-                        Saas Technology
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/home-it-solutions-onePage" className="subLink">
-                        IT Solution
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-shop-app" className="subLink">
-                        shop
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">RTL</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/rtl-home-marketing-startup" className="subLink">
-                        Marketing Startup
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-home-marketing-startup-onePage" className="subLink">
-                        Marketing Startup one page
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-shop" className="subLink">
-                        shop
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-            <li className="nav-item dropDown megaMenu col3">
-              <a className="nav-links dropLink active" href="#">
-                pages
-                <small className="icon ms-1"><i className="bi bi-chevron-down me-1"></i></small>
-              </a>
-              <ul className="dropDownMenu">
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">app pages</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/page-about-app" className="subLink">
-                        about
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-services-app" className="subLink">
-                        services
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-contact-app" className="subLink">
-                        contact
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-product-app" className="subLink">
-                        product
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">Saas</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/page-about-5" className="subLink">
-                        about
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-services-5" className="subLink">
-                        services
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-contact-5" className="subLink">
-                        contact
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-product-5" className="subLink">
-                        product
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">RTL</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/rtl-page-about" className="subLink">
-                        about
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-services" className="subLink">
-                        services
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-contact" className="subLink">
-                        contact
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-product" className="subLink">
-                        product
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-            <li className="nav-item dropDown megaMenu col3">
-              <a className="nav-links dropLink active" href="#">
-                News
-                <small className="icon ms-1"><i className="bi bi-chevron-down me-1"></i></small>
-              </a>
-              <ul className="dropDownMenu">
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">blog</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/page-blog-5" className="subLink">
-                        saas right side bar blog
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-blog-5-left-sidebar" className="subLink">
-                        saas left side bar blog
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-blog-5-wide" className="subLink">
-                        saas wide blog
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-blog-app" className="subLink">
-                        app right side bar blog
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-blog-app-left-sidebar" className="subLink">
-                        app left side bar blog
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-blog-app-wide" className="subLink">
-                        app wide blog
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-blog" className="subLink">
-                        RTL blog
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">post</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/page-single-post-5" className="subLink">
-                        Saas right side bar single post
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-post-5-left-sidebar" className="subLink">
-                        Saas left side bar single post
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-post-5-wide" className="subLink">
-                        Saas wide single post
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-post-app" className="subLink">
-                        app right side bar single post
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-post-app-left-sidebar" className="subLink">
-                        app left side bar single post
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-post-app-wide" className="subLink">
-                        app wide single post
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-single-post" className="subLink">
-                        RTL single post
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-                <li className="dropdown-items">
-                  <a href="#" className="menuLink">portfolio</a>
-                  <ul className="subDropDown">
-                    <li>
-                      <Link to="/page-portfolio-5" className="subLink">
-                        Saas grid portfolio
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-project-5" className="subLink">
-                        Saas single project
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-portfolio-app" className="subLink">
-                        app grid portfolio
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/page-single-project-app" className="subLink">
-                        app single project
-                      </Link>
-                    </li>
-                    <li>
-                      <Link to="/rtl-page-portfolio" className="subLink">
-                        RTL portfolio
-                      </Link>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <a className="nav-links dropLink" href={appData.itemDocsLink}>
-                documentations
-              </a>
-            </li>
-          </ul>
-          <div className="nav-side flex-shrink-0">
-            <div className="qoute-nav">
-              <a href="#0" className="btn sm-butn butn-gard border-0 text-white">
-                <span>get started</span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default PreviewNavbar
\ No newline at end of file
diff --git a/src/components/Navbars/SoftwareNav/OnePageNav.jsx b/src/components/Navbars/SoftwareNav/OnePageNav.jsx
index 620bd01..78d40cd 100644
--- a/src/components/Navbars/SoftwareNav/OnePageNav.jsx
+++ b/src/components/Navbars/SoftwareNav/OnePageNav.jsx
@@ -3,13 +3,12 @@ import navbarScrollEffect from "common/navbarScrollEffect";
 import scrollToSection from 'common/scrollToSection';
 import LanguageSelector from '../LanguageSelector/LanguageSwitcher';
 import api from '../../../common/api';
-import translationService from '../../../common/translationService';
 import { LanguageContext } from '../../../context/LanguageContext';
 
 const OnePageNav = () => {
   const navbarRef = useRef(null);
   const { currentLanguage } = useContext(LanguageContext);
-  const [navbarData, setNavBarData] = useState([]);
+  const [navbarData, setNavBarData] = useState({navbar:[]});
 
   useEffect(() => {
     navbarScrollEffect(navbarRef.current);
@@ -45,7 +44,7 @@ const OnePageNav = () => {
     };
 
     fetchData();
-  }, [],[currentLanguage]);
+  },[], [currentLanguage]);
 
   const handleMouseMove = (event) => {
     const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
@@ -64,6 +63,8 @@ const OnePageNav = () => {
     dropDownMenu?.classList?.remove('show');
   }
 
+  
+ 
   return (
     <nav className="navbar navbar-expand-lg navbar-dark style-3 position-absolute w-100" ref={navbarRef}>
       <div className="container">
@@ -77,41 +78,13 @@ const OnePageNav = () => {
         </button>
         <div className="collapse navbar-collapse" id="navbarSupportedContent">
           <ul className="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="1" onClick={scrollToSection}>
-              {translationService.getTranslation(navbarData,'testimonials', currentLanguage)}
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="2" onClick={scrollToSection}>
-                {translationService.getTranslation(navbarData,'services', currentLanguage)}
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="3" onClick={scrollToSection}>
-              {translationService.getTranslation(navbarData,'about_us', currentLanguage)}
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="4" onClick={scrollToSection}>
-              {translationService.getTranslation(navbarData,'portfolio', currentLanguage)}
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="5" onClick={scrollToSection}>
-              {translationService.getTranslation(navbarData,'pricing', currentLanguage)}
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="6" onClick={scrollToSection}>
-              {translationService.getTranslation(navbarData,'team', currentLanguage)}
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="7" onClick={scrollToSection}>
-              {translationService.getTranslation(navbarData,'blog', currentLanguage)}
-              </a>
-            </li>
+          {navbarData.navbar.map((item, index) => (
+              <li className="nav-item" key={index}>
+                <a className="nav-link" data-scroll-nav={item.dataindexnav} onClick={scrollToSection}>
+                  {item.language[currentLanguage]}
+                </a>
+              </li>
+          ))}
           </ul>
           <div className="nav-side">
             <div className="d-flex ps-4">
diff --git a/src/components/Navbars/StartupNav/OnePageNav.jsx b/src/components/Navbars/StartupNav/OnePageNav.jsx
deleted file mode 100644
index f48bafa..0000000
--- a/src/components/Navbars/StartupNav/OnePageNav.jsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import navbarScrollEffect from "common/navbarScrollEffect";
-import scrollToSection from 'common/scrollToSection';
-
-const OnePageNav = ({ rtl }) => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  useEffect(() => {
-    const sections = document.querySelectorAll('[data-scroll-index]');
-
-    window.addEventListener('scroll', () => {
-      sections.forEach(section => {
-        const index = section.getAttribute('data-scroll-index');
-        const offset = section.offsetTop;
-        const height = section.offsetHeight;
-        const scroll = window.scrollY;
-
-        if (scroll + 200 > offset && scroll + 200 < offset + height) {
-          document.querySelector(`[data-scroll-nav="${index}"]`).classList.add('active');
-        } else {
-          document.querySelector(`[data-scroll-nav="${index}"]`).classList.remove('active');
-        }
-      });
-    });
-  }, []);
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-6" ref={navbarRef}>
-      <div className="container-fluid">
-        <a className="navbar-brand" href="#" data-scroll-nav="0" onClick={scrollToSection}>
-          <img src="/assets/img/logo_home6.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0">
-            <li className="nav-item dropdown">
-              <a className="nav-link dropdown-toggle" data-scroll-nav="1" onClick={scrollToSection}>
-                { rtl ? "من نحن" : "about us" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="2" onClick={scrollToSection}>
-                { rtl ? "خدماتنا" : "services" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="3" onClick={scrollToSection}>
-                { rtl ? "مشاريعنا" : "portfolio" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="4" onClick={scrollToSection}>
-                { rtl ? "لماذا نحن" : "why us" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="5" onClick={scrollToSection}>
-                { rtl ? "اراء العملاء" : "testimonials" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="6" onClick={scrollToSection}>
-                { rtl ? "عملائنا" : "clients" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="7" onClick={scrollToSection}>
-                { rtl ? "فريق العمل" : "team" }
-              </a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link" data-scroll-nav="8" onClick={scrollToSection}>
-                { rtl ? "المدونة" : "blog" }
-              </a>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <a href="#0" className="btn rounded-pill butn-blue6 hover-blue2 sm-butn fw-bold" data-scroll-nav="9" onClick={scrollToSection}>
-                <span>
-                  <i className="bi bi-chat-dots me-2"></i>
-                   { rtl ? "لنتحدث الأن !" : "Let’s Chat!" }
-                </span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default OnePageNav
\ No newline at end of file
diff --git a/src/components/Navbars/StartupNav/RTLNav.jsx b/src/components/Navbars/StartupNav/RTLNav.jsx
deleted file mode 100644
index f47be37..0000000
--- a/src/components/Navbars/StartupNav/RTLNav.jsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = ({ whiteNotRounded }) => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-  
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className={`navbar navbar-expand-lg navbar-light style-6 ${whiteNotRounded ? 'bg-white rounded-0 position-relative' : ''}`} ref={navbarRef}>
-      <div className="container-fluid">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_home6.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                الرئيسية
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/home-app-landing" className="dropdown-item">صفحة هبوط للتطبيق</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item">التكنولوجى</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item">التسويق الالكترونى</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                الصفحات الداخلية
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/rtl-page-about" className="dropdown-item">من نحن</Link></li>
-                <li><Link to="/rtl-page-product" className="dropdown-item">المنتجات</Link></li>
-                <li><Link to="/rtl-page-services" className="dropdown-item">الخدمات</Link></li>
-                <li><Link to="/rtl-page-shop" className="dropdown-item">المتجر</Link></li>
-                <li><Link to="/rtl-page-single-project" className="dropdown-item">تفاصيل المشروع</Link></li>
-                <li><Link to="/rtl-page-single-post" className="dropdown-item">تفاصيل الخبر</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/rtl-page-portfolio" className="nav-link">
-                المشاريع
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/rtl-page-blog" className="nav-link">
-                المدونة
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/rtl-page-contact" className="nav-link">
-                اتصل بنا
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <Link to="/rtl-page-contact" className="btn rounded-pill butn-blue6 hover-blue2 sm-butn fw-bold">
-                <span>
-                  <i className="bi bi-chat-dots me-2"></i>
-                  لنتحدث الأن !
-                </span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Navbars/StartupNav/index.jsx b/src/components/Navbars/StartupNav/index.jsx
deleted file mode 100644
index a0f4d03..0000000
--- a/src/components/Navbars/StartupNav/index.jsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'gatsby';
-import navbarScrollEffect from "common/navbarScrollEffect";
-
-const Navbar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-  
-  const handleMouseMove = (event) => {
-    const dropDownToggler = event.target.classList.contains('dropdown-toggle') ? event.target : event.target.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropDownToggler?.nextElementSibling;
-
-    dropDownToggler?.classList?.add('show');
-    dropDownMenu?.classList?.add('show');
-  }
-
-  const handleMouseLeave = (event) => {
-    const dropdown = event.target.classList.contains('dropdown') ? event.target : event.target.closest('.dropdown');
-    const dropDownToggler = dropdown.querySelector('.dropdown-toggle');
-    const dropDownMenu = dropdown.querySelector('.dropdown-menu');
-
-    dropDownToggler?.classList?.remove('show');
-    dropDownMenu?.classList?.remove('show');
-  }
-
-  return (
-    <nav className="navbar navbar-expand-lg navbar-light style-6" ref={navbarRef}>
-      <div className="container-fluid">
-        <a className="navbar-brand" href="#">
-          <img src="/assets/img/logo_home6.png" alt="" />
-        </a>
-        <button className="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-          aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav m-auto mb-2 mb-lg-0">
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Home
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/" className="dropdown-item">Landing Preview</Link></li>
-                <li><Link to="/home-it-solutions2" className="dropdown-item"> Creative It Solutions</Link></li>
-                <li><Link to="/home-data-analysis" className="dropdown-item"> Data Analysis</Link></li>
-                <li><Link to="/home-app-landing" className="dropdown-item"> App Landing</Link></li>
-                <li><Link to="/home-saas-technology" className="dropdown-item"> Saas Technology</Link></li>
-                <li><Link to="/home-marketing-startup" className="dropdown-item"> Marketing Startup</Link></li>
-                <li><Link to="/home-it-solutions" className="dropdown-item"> It Solution</Link></li>
-                <li><Link to="/home-software-company" className="dropdown-item"> Software Company</Link></li>
-                <li><Link to="/home-digital-agency" className="dropdown-item"> Digital Agency</Link></li>
-                <li><Link to="/home-shop-modern" className="dropdown-item"> Modren Shop</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item dropdown" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
-              <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
-                pages
-              </a>
-              <ul className="dropdown-menu" aria-labelledby="navbarDropdown1">
-                <li><Link to="/page-about-5" className="dropdown-item">about</Link></li>
-                <li><Link to="/page-product-5" className="dropdown-item">product</Link></li>
-                <li><Link to="/page-services-5" className="dropdown-item">services</Link></li>
-                <li><Link to="/page-shop-5" className="dropdown-item">shop</Link></li>
-                <li><Link to="/page-single-project-5" className="dropdown-item">single project</Link></li>
-              </ul>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-portfolio-5" className="nav-link">
-                portfolio
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-blog-5" className="nav-link">
-                blog
-              </Link>
-            </li>
-            <li className="nav-item">
-              <Link to="/page-contact-5" className="nav-link">
-                contact us
-              </Link>
-            </li>
-          </ul>
-          <div className="nav-side">
-            <div className="d-flex align-items-center">
-              <Link to="/page-contact-5" className="btn rounded-pill butn-blue6 hover-blue2 sm-butn fw-bold">
-                <span>
-                  <i className="bi bi-chat-dots me-1"></i>
-                  Let’s Chat!
-                </span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/About.jsx b/src/components/PaymentSolutions/About.jsx
deleted file mode 100644
index c0e100d..0000000
--- a/src/components/PaymentSolutions/About.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const About = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <section className="about section-padding style-14">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-6 pe-lg-5">
-            <div className="info">
-              <div className="section-head mb-40">
-                <p className="color-red1 text-uppercase fw-bold mb-10"> oslo co. sucess story </p>
-                <h2 className="fs-1"> Read or Watch Our Story </h2>
-              </div>
-              <div className="text">
-                Fund your account using a selection of deposit methods or receive money from friends, family and businesses.
-              </div>
-              <div className="text">
-                Iteck has been helping to make it, send it and spend it for millions of customers since 2001. So wherever you are and whatever you want to do with your money, just skrill it.
-              </div>
-              <a href="#0" className="btn rounded-pill text-white bg-red1 fw-bold mt-30 hover-shadow" target="_blank">
-                <small> Read Story <i className="fal fa-long-arrow-right ms-1"></i> </small>
-              </a>
-            </div>
-          </div>
-          <div className="col-lg-6 ps-lg-5">
-            <div className="img">
-              <img src="/assets/img/about/about_14_1.png" alt="" className="main-img" />
-              <a href="https://youtu.be/pGbIOC83-So?t=21" data-lity className="play_ptn" onClick={openVideo}> <i className="fas fa-play"></i> </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" &&
-        (
-          <ModalVideo
-            channel="youtube"
-            autoplay
-            isOpen={isOpen}
-            videoId="pGbIOC83-So"
-            onClose={() => setOpen(false)}
-          />
-        )
-      }
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Blog.jsx b/src/components/PaymentSolutions/Blog.jsx
deleted file mode 100644
index 37eebe8..0000000
--- a/src/components/PaymentSolutions/Blog.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import blogs from 'data/PaymentSolutions/blog.json';
-
-const Blog = () => {
-  return (
-    <section className="blog section-padding style-14">
-      <div className="container">
-        <div className="section-head text-center mb-40">
-          <p className="color-red1 text-uppercase fw-bold mb-10"> insights </p>
-          <h2 className="fs-1"> Company Blog & Insights </h2>
-        </div>
-        <div className="content">
-          <div className="row gx-5">
-            {
-              blogs.map((blog, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className={`blog-item ${index !== blog.length - 1 ? 'mb-5 mb-lg-0' : ''}`}>
-                    <div className="img img-cover">
-                      <img src={blog.cover} alt="" />
-                    </div>
-                    <div className="info">
-                      <div className="date">
-                        <a href="#" className="color-red1 text-uppercase"> {blog.author} </a>
-                        <a href="#" className="color-666 text-uppercase ps-3 ms-3 border-1 border-start"> <i className="fal fa-calendar-alt"></i> {blog.date} </a>
-                      </div>
-                      <h5> {blog.title} </h5>
-                      <a href="#" className="more"> read more </a>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/ChooseUs.jsx b/src/components/PaymentSolutions/ChooseUs.jsx
deleted file mode 100644
index 32a6d0d..0000000
--- a/src/components/PaymentSolutions/ChooseUs.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import chooseusData from 'data/PaymentSolutions/chooseus.json';
-
-const ChooseUs = () => {
-  return (
-    <section className="choose-us style-14 section-padding">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-6">
-            <div className="section-head text-center mb-40">
-              <p className="color-red1 text-uppercase fw-bold mb-10"> why choose us </p>
-              <h2 className="fs-1"> The Faster, Safer Way To Receive Money. </h2>
-            </div>
-          </div>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              chooseusData.map((choice, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className="choose-card">
-                    <div className="icon">
-                      <img src={choice.icon} alt="" />
-                    </div>
-                    <div className="info">
-                      <h5> {choice.title} </h5>
-                      <p> {choice.details} </p>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Clients.jsx b/src/components/PaymentSolutions/Clients.jsx
deleted file mode 100644
index a4d70ef..0000000
--- a/src/components/PaymentSolutions/Clients.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react'
-
-const Clients = () => {
-  return (
-    <section className="clients section-padding style-14">
-      <div className="container">
-        <p className="text-center fw-bold text-uppercase mb-20">Happy Users</p>
-        <div className="logos-content">
-          <a href="#"> <img src="/assets/img/logos/45.png" alt="" /> </a>
-          <a href="#"> <img src="/assets/img/logos/46.png" alt="" /> </a>
-          <a href="#"> <img src="/assets/img/logos/47.png" alt="" /> </a>
-          <a href="#"> <img src="/assets/img/logos/48.png" alt="" /> </a>
-          <a href="#"> <img src="/assets/img/logos/49.png" alt="" /> </a>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Clients
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Contact.jsx b/src/components/PaymentSolutions/Contact.jsx
deleted file mode 100644
index fc05cc0..0000000
--- a/src/components/PaymentSolutions/Contact.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react'
-
-const Contact = () => {
-  return (
-    <section className="contact style-14">
-      <div className="container">
-        <div className="contact-card">
-          <div className="row justify-content-center">
-            <div className="col-lg-9">
-              <div className="section-head text-center mb-50">
-                <p className="color-red1 text-uppercase fw-bold mb-10"> You can do anything in this world, as long as you can navigate it. </p>
-                <h2 className="fs-1"> Ready To Thrive? Start Today With Our Free Payment Solution. </h2>
-              </div>
-              <div className="text-center">
-                <a href="#0" className="btn rounded-pill text-white bg-red1 fw-bold hover-shadow me-3" target="_blank">
-                  <small> Get Started Now <i className="fal fa-long-arrow-right ms-1"></i> </small>
-                </a>
-                <a href="#0" className="btn rounded-pill text-dark bg-white hover-red1 fw-bold border-1 brd-gray" target="_blank">
-                  <small> Learn More </small>
-                </a>
-              </div>
-            </div>
-          </div>
-          <img src="/assets/img/contact_14_back.png" alt="" className="img_back slide_up_down" />
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Features.jsx b/src/components/PaymentSolutions/Features.jsx
deleted file mode 100644
index 1a3c831..0000000
--- a/src/components/PaymentSolutions/Features.jsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import features from 'data/PaymentSolutions/features.json';
-
-const Features = () => {
-  return (
-    <section className="features style-14">
-      <div className="container">
-        <div className="content">
-          <div className="section-head text-center mb-70">
-            <p className="color-red1 text-uppercase fw-bold mb-10"> features </p>
-            <h2 className="fs-1"> Payment Methods </h2>
-          </div>
-          <ul className="nav nav-pills mb-60 justify-content-center" id="pills-tab" role="tablist">
-            {
-              features.items.map((item, index) => (
-                <li className="nav-item" role="presentation" key={index}>
-                  <button className={`nav-link ${index === 0 ? 'active' : ''}`} id={`pills-${item.id}-tab`} data-bs-toggle="pill"
-                    data-bs-target={`#pills-${item.target}`} type="button" role="tab" aria-controls="pills"
-                    aria-selected={index === 0 ? 'true' : 'false'}>
-                    {item.text}
-                  </button>
-                </li>
-              ))
-            }
-          </ul>
-          <div className="tab-content" id="pills-tabContent">
-            {
-              features.tabs.map((tab, index) => (
-                <div className={`tab-pane fade ${index === 1 ? 'show active' : ''}`} id={`pills-${tab.id}`} role="tabpanel" aria-labelledby={`pills-${tab.id}-tab`} key={index}>
-                  <div className="tab-pay-content">
-                    <div className="row align-items-start">
-                      <div className="col-lg-5">
-                        <div className="info">
-                          <div className="icon">
-                            <img src="/assets/img/icons/pay1.svg" alt="" />
-                          </div>
-                          <h3> Use Our <span className="color-red1"> {tab.text} </span> <br /> For Get Paid </h3>
-                          <ul>
-                            {
-                              tab.items.map((item, idx) => (
-                                <li key={idx}> <i className="fal fa-check me-2 color-red1"></i> <span> {item} </span> </li>
-                              ))
-                            }
-                          </ul>
-                        </div>
-                      </div>
-                      <div className="col-lg-7">
-                        <div className="img">
-                          <img src={tab.image} alt="" />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Footer.jsx b/src/components/PaymentSolutions/Footer.jsx
deleted file mode 100644
index 88d7327..0000000
--- a/src/components/PaymentSolutions/Footer.jsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import React from 'react'
-
-const Footer = () => {
-  return (
-    <footer className="style-14">
-      <div className="payment-cards">
-        <div className="container">
-          <div className="row">
-            <div className="col-lg-3 col-sm-6">
-              <div className="pay-card mb-4 mb-lg-0">
-                <div className="inf">
-                  <h6> Send & <br /> Receive Money </h6>
-                </div>
-                <div className="icon">
-                  <img src="/assets/img/icons/pay5.svg" alt="" />
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6">
-              <div className="pay-card mb-4 mb-lg-0">
-                <div className="inf">
-                  <h6> Shop & Buy <br /> From Anywhere </h6>
-                </div>
-                <div className="icon">
-                  <img src="/assets/img/icons/pay2.svg" alt="" />
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6">
-              <div className="pay-card mb-4 mb-lg-0">
-                <div className="inf">
-                  <h6> Deposite <br /> Your Money </h6>
-                </div>
-                <div className="icon">
-                  <img src="/assets/img/icons/pay3.svg" alt="" />
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-3 col-sm-6">
-              <div className="pay-card">
-                <div className="inf">
-                  <h6> Control <br /> With Mobile App </h6>
-                </div>
-                <div className="icon">
-                  <img src="/assets/img/icons/pay4.svg" alt="" />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="container">
-        <div className="content section-padding">
-          <div className="row justify-content-between gx-0">
-            <div className="col-lg-4">
-              <div className="foot-info">
-                <div className="foot-logo">
-                  <img src="/assets/img/logo_14.png" alt="" />
-                </div>
-                <p> Purchases subject to credit approval, and the iTeck Cashback Mastercard must be used for payment. </p>
-                <div className="social-icons">
-                  <a href="#"> <i className="fab fa-facebook-f"></i> </a>
-                  <a href="#"> <i className="fab fa-twitter"></i> </a>
-                  <a href="#"> <i className="fab fa-behance"></i> </a>
-                  <a href="#"> <i className="fab fa-youtube"></i> </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links">
-                <h6 className="sub-link text-uppercase mb-20 mt-5 mt-lg-0"> Essential Pages </h6>
-                <ul>
-                  <li> <a href="#"> Help </a> </li>
-                  <li> <a href="#"> Shop </a> </li>
-                  <li> <a href="#"> Contact </a> </li>
-                  <li> <a href="#"> Enterprise </a> </li>
-                  <li> <a href="#"> Fees </a> </li>
-                  <li> <a href="#"> Partners </a> </li>
-                  <li> <a href="#"> Security </a> </li>
-                  <li> <a href="#"> Feedback </a> </li>
-                  <li> <a href="#"> Apps </a> </li>
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links">
-                <h6 className="sub-link text-uppercase mb-20 mt-5 mt-lg-0"> About company </h6>
-                <ul>
-                  <li> <a href="#"> About </a> </li>
-                  <li> <a href="#"> Values </a> </li>
-                  <li> <a href="#"> Newsroom </a> </li>
-                  <li> <a href="#"> In Action </a> </li>
-                  <li> <a href="#"> Jobs </a> </li>
-                  <li> <a href="#"> Public Policy </a> </li>
-                  <li> <a href="#"> Investor </a> </li>
-                  <li> <a href="#"> FAQ </a> </li>
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-2">
-              <div className="links">
-                <h6 className="sub-link text-uppercase mb-20 mt-5 mt-lg-0"> download app </h6>
-                <div className="text mb-20"> Available in any kind of ready version. </div>
-                <div className="down-imgs">
-                  <a href="#" className="mb-15"> <img src="/assets/img/header/head_14_btn_apple.png" alt="" /> </a>
-                  <a href="#"> <img src="/assets/img/header/head_14_btn_android.png" alt="" /> </a>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="foot border-1 border-top brd-gray py-3">
-          <div className="row align-items-center">
-            <div className="col-lg-7">
-              <div className="text color-666"> <span className="me-4 my-2"> Beverley Rd Brooklyn, New York 1226 US. </span>  <span> P: 0712 610 33 181 / 033 181 712 610 </span> </div>
-            </div>
-            <div className="col-lg-5 text-lg-end">
-              <div className="text color-666 my-2"> Copyright & Design by <a href="#" className="color-000"> @ThemesCamp </a> - 2022 </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Header.jsx b/src/components/PaymentSolutions/Header.jsx
deleted file mode 100644
index 271407c..0000000
--- a/src/components/PaymentSolutions/Header.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React, { useState } from 'react'
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const Header = () => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <header className="style-14">
-      <div className="container">
-        <div className="content">
-          <div className="row align-items-end">
-            <div className="col-lg-5">
-              <div className="info">
-                <a href="https://youtu.be/pGbIOC83-So?t=21" data-lity className="vid_link" onClick={openVideo}>
-                  <span className="icon"> <i className="fas fa-play"></i> </span>
-                  <p> Explore Iteck </p>
-                </a>
-                <h1> Smart Banking One <span> Solutions </span> </h1>
-                <div className="form-group">
-                  <span className="icon"> <i className="fas fa-envelope-open"></i> </span>
-                  <input type="text" className="form-control" placeholder="Business email" />
-                  <button className="btn rounded-pill text-white bg-red1 shadow-lg fw-bold" target="_blank">
-                    <small> Signup For Free </small>
-                  </button>
-                </div>
-                <div className="down_store">
-                  <p className="fw-bold mb-3"> Available App </p>
-                  <div className="btns">
-                    <a href="#" className="me-2"> <img src="/assets/img/header/head_14_btn_apple.png" alt="" />
-                    </a>
-                    <a href="#"> <img src="/assets/img/header/head_14_btn_android.png" alt="" /> </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-7">
-              <div className="img">
-                <img src="/assets/img/header/header_14_img.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" &&
-        (
-          <ModalVideo
-            channel="youtube"
-            autoplay
-            isOpen={isOpen}
-            videoId="pGbIOC83-So"
-            onClose={() => setOpen(false)}
-          />
-        )
-      }
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Numbers.jsx b/src/components/PaymentSolutions/Numbers.jsx
deleted file mode 100644
index 910f688..0000000
--- a/src/components/PaymentSolutions/Numbers.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import numbers from 'data/PaymentSolutions/numbers.json';
-
-const Numbers = () => {
-  return (
-    <section className="numbers style-14">
-      <div className="container">
-        <div className="row">
-          {
-            numbers.map((number, i) => (
-              <div className="col-lg-3 col-sm-6" key={i}>
-                <div className={`number-item ${i !== numbers.length - 1 ? 'mb-5 mb-lg-0' : ''}`}>
-                  <div className="icon">
-                    <img src={number.icon} alt="" />
-                  </div>
-                  <div className="info">
-                    <h2> <span className="counter">{number.number}</span>{number.operator} </h2>
-                    <p> {number.title} </p>
-                  </div>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Numbers
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Screenshots.jsx b/src/components/PaymentSolutions/Screenshots.jsx
deleted file mode 100644
index 17b5220..0000000
--- a/src/components/PaymentSolutions/Screenshots.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from 'react'
-
-const Screenshots = () => {
-  return (
-    <section className="screenshots style-14 section-padding">
-      <div className="container">
-        <div className="about-row mb-150">
-          <div className="row gx-5 align-items-center">
-            <div className="col-lg-6">
-              <div className="img">
-                <div className="row gx-0">
-                  <div className="col-6">
-                    <img src="/assets/img/screenshots/7.png" alt="" className="main-img slide_up_down" />
-                  </div>
-                  <div className="col-6 pt-50">
-                    <img src="/assets/img/screenshots/8.png" alt="" className="main-img slide_up_down" />
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="info mt-5 mt-lg-0">
-                <div className="section-head mb-40">
-                  <p className="color-red1 text-uppercase fw-bold mb-10"> easy pick payment </p>
-                  <h2 className="fs-1"> Local Receiving Account </h2>
-                </div>
-                <div className="text">
-                  Open your own local currency account in the U.S., Europe, UK & more & get paid as easily as having a local bank account!
-                </div>
-                <div className="text">
-                  Transfer funds from your Iteck account to your local bank account, in local currency. Ensure you always have the currency that you need for your global payments by using our multi currency conversion service.
-                </div>
-                <a href="#0" className="btn rounded-pill text-dark bg-white hover-red1 fw-bold border-1 brd-gray mt-30" target="_blank">
-                  <small> Learn More <i className="fal fa-long-arrow-right ms-1"></i> </small>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="about-row mb-150">
-          <div className="row gx-5 align-items-center">
-            <div className="col-lg-6">
-              <div className="info">
-                <div className="section-head mb-40">
-                  <p className="color-red1 text-uppercase fw-bold mb-10"> easy pick payment </p>
-                  <h2 className="fs-1"> Bill Your Clients </h2>
-                </div>
-                <div className="text">
-                  Open your own local currency account in the U.S., Europe, UK & more & get paid as easily as having a local bank account!
-                </div>
-                <div className="text">
-                  Transfer funds from your Iteck account to your local bank account, in local currency. Ensure you always have the currency that you need for your global payments by using our multi currency conversion service.
-                </div>
-                <a href="#0" className="btn rounded-pill text-dark bg-white hover-red1 fw-bold border-1 brd-gray mt-30" target="_blank">
-                  <small> Learn More <i className="fal fa-long-arrow-right ms-1"></i> </small>
-                </a>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img mt-5 mt-lg-0">
-                <div className="row gx-0">
-                  <div className="col-6">
-                    <img src="/assets/img/screenshots/9.png" alt="" className="main-img slide_up_down" />
-                  </div>
-                  <div className="col-6 pt-50">
-                    <img src="/assets/img/screenshots/10.png" alt="" className="main-img slide_up_down" />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="about-row">
-          <div className="row gx-5 align-items-center">
-            <div className="col-lg-6">
-              <div className="img">
-                <div className="row gx-0">
-                  <div className="col-6">
-                    <img src="/assets/img/screenshots/11.png" alt="" className="main-img slide_up_down" />
-                  </div>
-                  <div className="col-6 pt-50">
-                    <img src="/assets/img/screenshots/12.png" alt="" className="main-img slide_up_down" />
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="info mt-5 mt-lg-0">
-                <div className="section-head mb-40">
-                  <p className="color-red1 text-uppercase fw-bold mb-10"> easy pick payment </p>
-                  <h2 className="fs-1"> Marketplaces & Networks </h2>
-                </div>
-                <div className="text">
-                  Open your own local currency account in the U.S., Europe, UK & more & get paid as easily as having a local bank account!
-                </div>
-                <div className="text">
-                  Transfer funds from your Iteck account to your local bank account, in local currency. Ensure you always have the currency that you need for your global payments by using our multi currency conversion service.
-                </div>
-                <a href="#0" className="btn rounded-pill text-dark bg-white hover-red1 fw-bold border-1 brd-gray mt-30" target="_blank">
-                  <small> Learn More <i className="fal fa-long-arrow-right ms-1"></i> </small>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Screenshots
\ No newline at end of file
diff --git a/src/components/PaymentSolutions/Testimonials.jsx b/src/components/PaymentSolutions/Testimonials.jsx
deleted file mode 100644
index ba5317e..0000000
--- a/src/components/PaymentSolutions/Testimonials.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import testimonials from 'data/PaymentSolutions/testimonials.json';
-
-import "swiper/css";
-import "swiper/css/autoplay";
-
-SwiperCore.use([Autoplay]);
-
-const Testimonials = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setLoad(true);
-  }, []);
-
-  return (
-    <section className="testimonials section-padding style-14">
-      <div className="container">
-        <div className="section-head mb-100">
-          <p className="color-red1 text-uppercase fw-bold mb-10"> testimonials </p>
-          <h2 className="fs-1"> Users Feedback </h2>
-        </div>
-        <div className="content">
-          <div className="testimonials-slider14">
-            {
-              load && (
-                <Swiper
-                  className="swiper-container overflow-visible"
-                  spaceBetween={50}
-                  speed={1000}
-                  autoplay={{
-                    delay: 5000
-                  }}
-                  loop={false}
-                  pagination={false}
-                  navigation={false}
-                  breakpoints={{
-                    0: {
-                      slidesPerView: 1,
-                    },
-                    480: {
-                      slidesPerView: 1,
-                    },
-                    787: {
-                      slidesPerView: 2,
-                    },
-                    991: {
-                      slidesPerView: 2,
-                    },
-                    1200: {
-                      slidesPerView: 3,
-                    }
-                  }}
-                >
-                  {
-                    testimonials.map((testimonial, index) => (
-                      <SwiperSlide key={index}>
-                        <div className="testi-card">
-                          <div className="icon img-contain">
-                            <img src={testimonial.image} alt="" />
-                          </div>
-                          <div className="user-img img-cover">
-                            <img src={testimonial.pic} alt="" />
-                          </div>
-                          <div className="info">
-                            <div className="stars">
-                              <i className="fas fa-star"></i>
-                              <i className="fas fa-star"></i>
-                              <i className="fas fa-star"></i>
-                              <i className="fas fa-star"></i>
-                              <i className="fas fa-star"></i>
-                            </div>
-                            <div className="text">
-                              “ {testimonial.text} ”
-                            </div>
-                            <h6> {testimonial.author} </h6>
-                            <p className="color-red1 text-uppercase"> {testimonial.position} </p>
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                    ))
-                  }
-                </Swiper>
-              )
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Portfolio/Download.jsx b/src/components/Portfolio/Download.jsx
deleted file mode 100644
index e8b4ec3..0000000
--- a/src/components/Portfolio/Download.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Download = ({ style = "4", rtl }) => {
-  return (
-    <section className={`download section-padding style-5 ${style==='4' ? 'bg-light':''}`}>
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-9">
-            <div className="content text-center">
-              <div className={`section-head text-center ${style === '4' ? 'style-4':''}`}>
-                <h2 className="mb-20"> { rtl ? 'قم بالوصول إلى إمكانات عملك اليوم وابحث عن فرصة لتحقيق' : 'Access your business potentials today & find opportunity for ' } 
-                  <span>
-                    { rtl ? 'نجاح أكبر' : 'bigger success' }
-                    {
-                      style === '5' && (
-                        <>
-                          <img src="/assets/img/header/head5_line.png" alt="" className="head-line"></img>
-                          <img src="/assets/img/header/head5_pen.png" alt="" className="head-pen"></img>
-                        </>
-                      )
-                    }
-                  </span> 
-                </h2>
-              </div>
-              <div className="butns mt-70">
-                <Link to={rtl ? "/rtl-page-contact" : "/page-contact-app" } className={`btn rounded-pill me-4 fw-bold ${style === '4' ? 'bg-blue4 text-white' : 'blue5-3Dbutn hover-blue2 sm-butn mx-1'}`} target="_blank">
-                  <small>{ rtl ? 'ابدأ مشروعاً الان' : 'Start A Project Now' }</small>
-                </Link>
-                <Link to={rtl ? "/rtl-page-about" : "/page-about-app" } className={`btn rounded-pill fw-bold ${style === '4' ? 'hover-blue4 border-blue4' : 'blue5-3Dbutn hover-blue2 sm-butn mx-1'}`} target="_blank">
-                  <small>{ rtl ? 'انظر التسعير و الخطة' : 'See Pricing & Plan' }</small>
-                </Link>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/contact_globe.svg" alt="" className="contact_globe" />
-    </section>
-  )
-}
-
-export default Download
\ No newline at end of file
diff --git a/src/components/Portfolio/Projects.jsx b/src/components/Portfolio/Projects.jsx
deleted file mode 100644
index d19e96d..0000000
--- a/src/components/Portfolio/Projects.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { useEffect } from 'react';
-import { Link } from 'gatsby';
-import projects from 'data/Portfolio/projects.json';
-import projectsRTL from 'data/Portfolio/projects-rtl.json';
-
-const Projects = ({ style = "4", rtl }) => {
-  const projectsData = rtl ? projectsRTL : projects;
-
-  useEffect(() => {
-    setTimeout(() => {
-      let mixitup = window.mixitup;
-
-      if (!mixitup) return;
-      mixitup('.portfolio-projects')
-    }, 0);
-  }, []);
-
-  return (
-    <section className={`portfolio-projects section-padding pt-50 style-1 ${style === '5' ? '':'bg-white'}`}>
-      <div className="container">
-        <div className={`section-head text-center style-${style} ${style === '5' ? 'mb-60':'mb-40'}`}>
-          {
-            style === '4' && (<small className="title_small">portfolio</small>)
-          }
-          <h2 className="mb-20">{ rtl ? '' : 'Our' }  <span> { rtl ? 'مشاريعنا' : 'Projects' } </span> </h2>
-          <p>{ rtl ? 'لدينا فريق من ذوي الخبرة من موظفي الإنتاج والتفتيش لضمان الجودة.' : 'We have an experienced team of production and inspection personnel to ensure quality.' }</p>
-        </div>
-        <div className="controls">
-          {
-            projectsData.filters.map((filter, i) => (<button key={i} type="button" className="control" data-filter={filter.filter}>{ filter.title }</button>))
-          }
-        </div>
-        <section className="portfolio style-1">
-          <div className="content">
-            <div className="row mix-container">
-              {
-                projectsData.projects.map((project, i) => (
-                  <div className={`col-lg-4 mix ${project.filter}`} key={i}>
-                    <div className={`portfolio-card ${i !== projects.projects.length - 1 ? 'mb-50':''}`}>
-                      <div className="img">
-                        <img src={project.image} alt="" />
-                      </div>
-                      <div className="info">
-                        <h5>
-                          <Link to={rtl ? "/rtl-page-single-project" : "/page-single-project-5"}>
-                            { project.title }
-                          </Link>
-                        </h5>
-                        <small className="d-block color-main text-uppercase">{ project.type }</small>
-                        <div className="text">
-                          { project.details }
-                        </div>
-                        <div className="tags">
-                          {
-                            project.tags.map((tag, i) => (<a key={i} href="#" className="me-1">{ tag }</a>))
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          </div>
-          <div className="text-center">
-            <a href="#" className={`btn rounded-pill fw-bold ${style === '5' ? 'mt-30 sm-butn hover-blue2 blue5-3Dbutn':'me-4 text-white bg-blue4'}`} target="_blank">
-              <small>{ rtl ? 'مشاهدة المزيد' : 'Show More' } (24)</small>
-            </a>
-          </div>
-        </section>
-      </div>
-    </section>
-  )
-}
-
-export default Projects
\ No newline at end of file
diff --git a/src/components/Preview/AllFeatures.jsx b/src/components/Preview/AllFeatures.jsx
deleted file mode 100644
index 4b2ad90..0000000
--- a/src/components/Preview/AllFeatures.jsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import React from 'react';
-import features from 'data/Preview/all-features.json';
-
-const AllFeatures = () => {
-  return (
-    <section className="all-feat" data-overlay-dark="0">
-      <div className="container-fluid">
-        <div className="row">
-          <div className="col-12">
-            <div className="main-marq">
-              <div className="slide-har st1">
-
-                <div className="box">
-                  {
-                    features.map((feature, i) => (
-                      <div className="item d-flex align-items-center justify-content-between" key={i}>
-                        <span className={`icon ${feature.icon}`}></span>
-                        <h6>{ feature.text }</h6>
-                      </div>
-                    ))
-                  }
-                </div>
-
-                <div className="box">
-                  {
-                    features.map((feature, i) => (
-                      <div className="item d-flex align-items-center justify-content-between" key={i}>
-                        <span className={`icon ${feature.icon}`}></span>
-                        <h6>{ feature.text }</h6>
-                      </div>
-                    ))
-                  }
-                </div>
-
-              </div>
-              <div className="slide-har st2">
-
-                <div className="box">
-                  {
-                    features.map((feature, i) => (
-                      <div className="item d-flex align-items-center justify-content-between" key={i}>
-                        <span className={`icon ${feature.icon}`}></span>
-                        <h6>{ feature.text }</h6>
-                      </div>
-                    ))
-                  }
-                </div>
-
-                <div className="box">
-                  {
-                    features.map((feature, i) => (
-                      <div className="item d-flex align-items-center justify-content-between" key={i}>
-                        <span className={`icon ${feature.icon}`}></span>
-                        <h6>{ feature.text }</h6>
-                      </div>
-                    ))
-                  }
-                </div>
-
-              </div>
-              <div className="slide-har st1">
-
-                <div className="box">
-                  {
-                    features.map((feature, i) => (
-                      <div className="item d-flex align-items-center justify-content-between" key={i}>
-                        <span className={`icon ${feature.icon}`}></span>
-                        <h6>{ feature.text }</h6>
-                      </div>
-                    ))
-                  }
-                </div>
-
-                <div className="box">
-                  {
-                    features.map((feature, i) => (
-                      <div className="item d-flex align-items-center justify-content-between" key={i}>
-                        <span className={`icon ${feature.icon}`}></span>
-                        <h6>{ feature.text }</h6>
-                      </div>
-                    ))
-                  }
-                </div>
-
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default AllFeatures
\ No newline at end of file
diff --git a/src/components/Preview/BestFeatures.jsx b/src/components/Preview/BestFeatures.jsx
deleted file mode 100644
index 3f0061c..0000000
--- a/src/components/Preview/BestFeatures.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import features from 'data/Preview/best-features.json';
-
-const BestFeatures = () => {
-  return (
-    <section className="best-feat section-padding" data-overlay-dark="0">
-      <div className="container">
-        <div className="row">
-          {
-            features.map((item, i) => (
-              <div className="col-lg-4 mb-50" key={i}>
-                <div className="item">
-                  <span className="icon">
-                    <i className={item.icon}></i>
-                  </span>
-                  <h6>{ item.title }</h6>
-                  <p>{ item.description }</p>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default BestFeatures
\ No newline at end of file
diff --git a/src/components/Preview/BuyNow.jsx b/src/components/Preview/BuyNow.jsx
deleted file mode 100644
index 2888238..0000000
--- a/src/components/Preview/BuyNow.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import appData from 'data/appData.json';
-
-const BuyNow = () => {
-  return (
-    <section className="box-gr">
-      <div className="container-xxl box">
-        <div className="row">
-          <div className="col-lg-5 valign">
-            <div className="cont mb-5 mb-lg-0">
-              <h2 className="mb-20 text-capitalize">Buy now and get a new Updates frequently</h2>
-              <p className="color-777 lh-6 fs-14px">By getting Iteck today, you receive free lifetime updates! Lots of interesting features are on the way!</p>
-              <a href={appData.itemStoreLink} target = "_blank" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small className="text-uppercase">Purchase Now</small>
-              </a>
-            </div>
-          </div>
-          <div className="col-lg-6 offset-lg-1">
-            <div className="img">
-              <img src="/landing-preview/img/b1.png" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default BuyNow
\ No newline at end of file
diff --git a/src/components/Preview/CallToAction.jsx b/src/components/Preview/CallToAction.jsx
deleted file mode 100644
index b3ac57c..0000000
--- a/src/components/Preview/CallToAction.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import appData from 'data/appData.json';
-
-const CallToAction = () => {
-  return (
-    <section className="cal-actn section-padding text-white" data-overlay-dark="0">
-      <div className="container">
-        <div className="row">
-          <div className="col-lg-12">
-            <div className="cont text-center">
-              <h3 className="num"><span className="gr">10000<span className="thin">+</span></span></h3>
-              <h6 className="sub-title inline gr-sunrise-text my-3 text-uppercase">Licenses sold and counting</h6>
-              <h2>Let’s Start Your Business Today!</h2>
-              <p className="mt-15">Create innovative website today. Purchase Iteck Template now!</p>
-              <a href={appData.itemStoreLink} target = "_blank" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small className="text-uppercase"> Purchase Now </small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="circle-img">
-        <img src="/landing-preview/img/circle.png" alt="" />
-      </div>
-    </section>
-  )
-}
-
-export default CallToAction
\ No newline at end of file
diff --git a/src/components/Preview/Codei.jsx b/src/components/Preview/Codei.jsx
deleted file mode 100644
index c06c7f0..0000000
--- a/src/components/Preview/Codei.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import appData from 'data/appData.json';
-
-const Codei = () => {
-  return (
-    <section className="codei section-padding">
-      <div className="container-xxl box px-4">
-        <div className="row align-items-center">
-          <div className="col-lg-5">
-            <div className="cont mb-5 mb-lg-0">
-              <h2 className="mb-20 lh-3 fs-2 text-capitalize">Build and customize stunning pages in minutes – easily.</h2>
-              <p className="color-777 lh-6 fs-14px">huge collection of elements, rich customizability, flexible layouts, and fast results!</p>
-              <p className="color-777 lh-6 fs-14px">Choose a pre-built headers or create a custom layout that perfectly suits your needs. It’s easy, fast and mobile-friendly.</p>
-              <a href={appData.itemStoreLink} target = "_blank" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small className="text-uppercase">Purchase Now</small>
-              </a>
-            </div>
-          </div>
-          <div className="col-lg-6 offset-lg-1">
-            <div className="img">
-              <img src="/landing-preview/img/b3.png" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Codei
\ No newline at end of file
diff --git a/src/components/Preview/Demos.jsx b/src/components/Preview/Demos.jsx
deleted file mode 100644
index 9aac387..0000000
--- a/src/components/Preview/Demos.jsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Link } from 'gatsby';
-import demos from 'data/Preview/demos.json';
-
-const Demos = () => {
-  const [demosRows, setDemosRows] = useState([]);
-
-  useEffect(() => {
-    let demosInRow = 3;
-    let rowIndex = 0;
-    let rowsItems = [[]];
-
-    demos.forEach((demo, i) => {
-      if (i > 0 && i % demosInRow === 0) {
-        rowIndex++;
-        rowsItems[rowIndex] = [];
-      }
-
-      rowsItems[rowIndex].push(demo);
-    });
-
-    setDemosRows(rowsItems);
-  }, []);
-
-  return (
-    <section className="demos section-padding" id="demos">
-      <div className="container-xxl">
-        <div className="row justify-content-center">
-          <div className="col-lg-6 col-md-10">
-            <div className="sec-head text-center mb-40">
-              <h2 className="num">
-                <span className="color-grd">
-                  NEW<span className="thin"></span>
-                </span>
-              </h2>
-              <h3 className="text-capitalize">Stunning Homepages</h3>
-              <p className="color-777">
-                A great collection of beautiful website templates for your need.
-                Choose the best suitable template and start customizing it.
-              </p>
-            </div>
-          </div>
-        </div>
-        {demosRows.map((demos, r) => (
-          <div className="row" key={r}>
-            {demos.map((demo, i) => (
-              <div className="col-lg-4 col-md-6" key={i}>
-                <div
-                  className={`item ${demo.isNew ? 'item_ribbon green' : ''} ${
-                    demo.isComingSoon || demo.isArrived
-                      ? 'item_ribbon orange'
-                      : ''
-                  } ${demo.isFeatured ? 'item_ribbon red' : ''}`}
-                >
-                  <Link to={`${demo.link}`} target="_blank">
-                    <div
-                      className={`img 
-                      
-                      
-                      
-                      `}
-                    >
-                      {/* ${demo.isUpcoming ? ' blur_img' : ''} */}
-                      <img src={demo.img} alt="" />
-                    </div>
-                    <div className="info">
-                      <span>{demo.title}</span>
-                      <h6>{demo.type}</h6>
-                    </div>
-                  </Link>
-                  {(demo.isNew ||
-                    demo.isComingSoon ||
-                    demo.isFeatured ||
-                    demo.isArrived) && (
-                    <div className="new_demo_label">
-                      <span>
-                        {demo.isNew && 'New'}
-                        {demo.isComingSoon && 'Soon'}
-                        {demo.isFeatured && 'Hot'}
-                        {demo.isArrived && 'Arrived'}
-                      </span>
-                    </div>
-                  )}
-                </div>
-              </div>
-            ))}
-          </div>
-        ))}
-      </div>
-    </section>
-  );
-};
-
-export default Demos;
diff --git a/src/components/Preview/Features.jsx b/src/components/Preview/Features.jsx
deleted file mode 100644
index a3ee713..0000000
--- a/src/components/Preview/Features.jsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import features from 'data/Preview/features.json'
-
-const Features = () => {
-  return (
-    <section className="feat-dark" data-overlay-dark="0">
-      <div className="container">
-        <div className="row">
-          {
-            features.map((feature, i) => (
-              <div className="col-lg-4" key={i}>
-                <div className="item d-flex text-white">
-                  <div className="icon">
-                    <span className="d-flex align-items-center justify-content-center">
-                      <i className={feature.icon}></i>
-                    </span>
-                  </div>
-                  <div className="cont">
-                    <h6>{ feature.title }</h6>
-                    <p>{ feature.description }</p>
-                  </div>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-      <div className="pattern bg-img"></div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/Preview/Header.jsx b/src/components/Preview/Header.jsx
deleted file mode 100644
index d827898..0000000
--- a/src/components/Preview/Header.jsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import React, { useEffect } from 'react';
-import appData from 'data/appData.json';
-import scenes from 'data/Preview/header.json';
-
-const Header = () => {
-  useEffect(() => {
-    setTimeout(() => {
-      loadParallax();
-      window.addEventListener('load', () => loadParallax())
-    }, 0);
-  }, []);
-  
-  const loadParallax = () => {
-    setTimeout(() => {
-      let Parallax = window.Parallax;
-
-      if (typeof Parallax !== 'undefined') {
-        var scene = document.getElementById('js-scene');
-        new Parallax(scene);
-
-        var scene2 = document.getElementById('js-scene2');
-        new Parallax(scene2);
-      }
-    }, 100);
-  }
-
-  return (
-    <header className="valign">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-7">
-            <div className="cont text-center">
-              {/* 
-                <div className="coming">
-                  <h6 className="sub-title text-uppercase color-darkBlue mb-20 fs-14px ltspc-2 fw-bold">Next demos will arrive in:</h6>
-                  <div className="clockdiv" data-date="aug 10, 2022">
-                    <div>
-                      <div className="days fs-1 color-darkBlue fw-600"></div>
-                      <span>Days</span>
-                    </div>
-                    <div>
-                      <div className="hours fs-1 color-darkBlue fw-600"></div>
-                      <span>Hours</span>
-                    </div>
-                    <div>
-                      <div className="minutes fs-1 color-darkBlue fw-600"></div>
-                      <span>Minutes</span>
-                    </div>
-                    <div>
-                      <div className="seconds fs-1 color-darkBlue fw-600"></div>
-                      <span>Seconds</span>
-                    </div>
-                  </div>
-                </div> 
-              */}
-              <h1> Software & Technology <br /> React (Gatsby) Template </h1>
-              <a href="#demos" className="btn rounded-pill bg-white fw-bold color-darkBlue mt-50 me-2">
-                <small className="text-uppercase"> all demos </small>
-              </a>
-              <a href={appData.itemStoreLink} target = "_blank" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small className="text-uppercase"> Purchase Now </small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="circle-img">
-        <img src="/landing-preview/img/circle.png" alt="" />
-      </div>
-
-      <div className="mag-img">
-        <div id="js-scene" data-invert-y="true" data-invert-x="true">
-          <div className="imgs one">
-            {
-              scenes.scene1.one.map((scene, i) => (
-                <div className={`top ${scene.class} layer`} data-depth={scene.depth} key={i}>
-                  <img src={scene.img} alt="" />
-                </div>
-              ))
-            }
-          </div>
-
-          <div className="imgs three">
-            {
-              scenes.scene1.three.map((scene, i) => (
-                <div className={`top ${scene.class} layer`} data-depth={scene.depth} key={i}>
-                  <img src={scene.img} alt="" />
-                </div>
-              ))
-            }
-          </div>
-
-          <div className="imgs four">
-            {
-              scenes.scene1.four.map((scene, i) => (
-                <div className={`top ${scene.class} layer`} data-depth={scene.depth} key={i}>
-                  <img src={scene.img} alt="" />
-                </div>
-              ))
-            }
-          </div>
-
-          <div id="js-scene2" data-invert-y="false" data-invert-x="false">
-            <div className="imgs two">
-              {
-                scenes.scene2.two.map((scene, i) => (
-                  <div className={`top ${scene.class} layer`} data-depth={scene.depth} key={i}>
-                    <img src={scene.img} alt="" />
-                  </div>
-                ))
-              }
-            </div>
-
-            <div className="imgs five">
-              {
-                scenes.scene2.five.map((scene, i) => (
-                  <div className={`top ${scene.class} layer`} data-depth={scene.depth} key={i}>
-                    <img src={scene.img} alt="" />
-                  </div>
-                ))
-              }
-            </div>
-
-            <div className="mob">
-              <div className="layer" data-depth="0.10">
-                <img src="/landing-preview/img/header/mob.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Preview/InnerPages.jsx b/src/components/Preview/InnerPages.jsx
deleted file mode 100644
index a09be53..0000000
--- a/src/components/Preview/InnerPages.jsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Link } from 'gatsby';
-import innerPages from 'data/Preview/inner-pages.json';
-
-const Demos = () => {
-  const [innerPagesRows, setInnerPagesRows] = useState([]);
-
-  useEffect(() => {
-    let pagesInRow = 3;
-    let rowIndex = 0;
-    let rowsItems = [[]];
-
-    innerPages.forEach((page, i) => {
-      if (i > 0 && i % pagesInRow === 0) {
-        rowIndex++;
-        rowsItems[rowIndex] = [];
-      }
-
-      rowsItems[rowIndex].push(page);
-    });
-
-    setInnerPagesRows(rowsItems);
-  }, []);
-
-  return (
-    <section className="demos inner_pages section-padding bg-light" id="">
-      <div className="container-xxl">
-        <div className="row justify-content-center">
-          <div className="col-lg-6 col-md-10">
-            <div className="sec-head text-center mb-40">
-              <h3 className="text-capitalize fs-1"> Inner Pages </h3>
-              <p className="color-777">
-                A great collection of beautiful inner pages for your need.
-                Choose the best suitable template and start customizing it.
-              </p>
-            </div>
-          </div>
-        </div>
-        {innerPagesRows.map((pages, r) => (
-          <div className="row" key={r}>
-            {pages.map((demo, i) => (
-              <div className="col-lg-4 col-md-6" key={i}>
-                <div
-                  className={`item ${demo.isNew ? 'item_ribbon green' : ''} ${
-                    demo.isComingSoon ? 'item_ribbon orange' : ''
-                  } ${demo.isFeatured ? 'item_ribbon red' : ''}`}
-                >
-                  <Link to={demo.link} target="_blank">
-                    <div className={`img`}>
-                      {/* ${demo.isUpcoming ? ' blur_img' : ''} */}
-
-                      <img src={demo.img} alt="" />
-                    </div>
-                    <div className="info">
-                      <span>{demo.title}</span>
-                      <h6>{demo.type}</h6>
-                    </div>
-                  </Link>
-                  {(demo.isNew || demo.isComingSoon || demo.isFeatured) && (
-                    <div className="new_demo_label">
-                      <span>
-                        {demo.isNew && 'New'}
-                        {demo.isComingSoon && 'Soon'}
-                        {demo.isFeatured && 'Hot'}
-                      </span>
-                    </div>
-                  )}
-                </div>
-              </div>
-            ))}
-          </div>
-        ))}
-      </div>
-    </section>
-  );
-};
-
-export default Demos;
diff --git a/src/components/Preview/Portfolio.jsx b/src/components/Preview/Portfolio.jsx
deleted file mode 100644
index 096040a..0000000
--- a/src/components/Preview/Portfolio.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import portfolioData from 'data/Preview/portfolio.json';
-
-const Portfolio = () => {
-  return (
-    <section className="portfolio-blocks section-padding bg-gray">
-      <div className="container-fluid">
-        <div className="row justify-content-center">
-          <div className="col-lg-6 col-md-10">
-            <div className="sec-head text-center mb-80">
-              <h3 className="num"><span className="gr">100<span className="thin">+</span></span></h3>
-              <h2>HTML Templates and unlimited layouts, pages, styles, headers, and footers.</h2>
-            </div>
-          </div>
-          <div className="col-12">
-            <div className="main-marq">
-              <div className="slide-har st1">
-                <div className="box">
-                  {
-                    portfolioData.st1.map((item, i) => (
-                      <div className="item" key={i}>
-                        <img src={item} alt="" />
-                      </div>
-                    ))
-                  }
-                </div>
-                <div className="box">
-                  {
-                    portfolioData.st1.map((item, i) => (
-                      <div className="item" key={i}>
-                        <img src={item} alt="" />
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-              <div className="slide-har st2">
-                <div className="box">
-                  {
-                    portfolioData.st2.map((item, i) => (
-                      <div className="item" key={i}>
-                        <img src={item} alt="" />
-                      </div>
-                    ))
-                  }
-                </div>
-                <div className="box">
-                  {
-                    portfolioData.st2.map((item, i) => (
-                      <div className="item" key={i}>
-                        <img src={item} alt="" />
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Portfolio
\ No newline at end of file
diff --git a/src/components/Preview/Responsive.jsx b/src/components/Preview/Responsive.jsx
deleted file mode 100644
index 7aa181a..0000000
--- a/src/components/Preview/Responsive.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import appData from 'data/appData.json';
-
-const Responsive = () => {
-  return (
-    <section className="respons section-padding">
-      <div className="container-xxl">
-        <div className="row">
-          <div className="col-lg-6">
-            <div className="img md-mb50">
-              <img src="/landing-preview/img/b2.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-5 offset-lg-1 valign">
-            <div className="cont">
-              <h6 className="sub-title d-inline-block text-uppercase ltspc-4 color-grd mb-20">Template Adaptability</h6>
-              <h2 className="fs-1 text-capitalize">Fully responsive & <br /> retina-ready</h2>
-              <p className="fs-6 mt-10 color-777">Be sure that your brand new website looks great on any possible screen resolution and device.</p>
-              <a href={appData.itemStoreLink} target = "_blank" className="btn rounded-pill bg-blue4 fw-bold text-white mt-50">
-                <small className="text-uppercase">Purchase Now</small>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Responsive
\ No newline at end of file
diff --git a/src/components/Preview/Testimonials.jsx b/src/components/Preview/Testimonials.jsx
deleted file mode 100644
index ce313f4..0000000
--- a/src/components/Preview/Testimonials.jsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import testimonials from 'data/Preview/testimonials.json';
-
-import { Swiper, SwiperSlide } from "swiper/react";
-
-import "swiper/css";
-
-const Testimonials = () => {
-  return (
-    <section className="testim-curv section-padding">
-      <div className="container-xxl">
-        <div className="row justify-content-center">
-          <div className="col-lg-6 col-md-10">
-            <div className="sec-head text-center mb-80">
-              <h2 className="color-000 text-capitalize">Real people, real stories. Hear from <br /> our community.</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="container-fluid">
-        <div className="row">
-          <div className="col-12">
-            <div className="testim-grida">
-              <div className="swiper-container">
-                <Swiper
-                  className="swiper-wrapper" 
-                  slidesPerView={3} 
-                  spaceBetween={50} 
-                  centeredSlides={true} 
-                  loop={true}
-                  autoplay={true}
-                  breakpoints={{
-                    1920: {
-                      slidesPerView: 3,
-                    },
-                    1028: {
-                      slidesPerView: 3,
-                    },
-                    480: {
-                      slidesPerView: 1,
-                    }
-                  }}
-                >
-                  {
-                    testimonials.map((testimonial, i) => (
-                      <SwiperSlide key={i}>
-                        <div className="item">
-                          <div className="icon-img icon-40">
-                            <img src="/landing-preview/img/quotes.png" alt="" />
-                          </div>
-                          <div className="text mb-30">
-                            <span className="rate-star fz-10 mb-10">
-                              { Array(testimonial.stars).fill().map((_,s) => <i className="fas fa-star" key={s}></i>) }
-                            </span>
-                            <p>
-                              {
-                                testimonial.comment.includes('<br>') ?
-                                  (
-                                    <>
-                                      { testimonial.comment.split('<br>')[0] } <br /> { testimonial.comment.split('<br>')[1] }
-                                    </>
-                                  )
-                                  :
-                                  (
-                                    testimonial.comment
-                                  )
-                              }
-                            </p>
-                          </div>
-                          <div className="cont d-flex">
-                            <div className="img-flex valign">
-                              <div className="img">
-                                <img src="/landing-preview/img/envato.png" alt=""
-                                  className="circle-img" />
-                              </div>
-                            </div>
-                            <div className="info valign ms-4">
-                              <div>
-                                <h6>{ testimonial.author }</h6>
-                                <span className="text-u ls1 fz-12">For <span className="fw-700 gr-sunset-text">{ testimonial.reason }</span></span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                    ))
-                  }
-                </Swiper>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Product/AddToCart.jsx b/src/components/Product/AddToCart.jsx
deleted file mode 100644
index 51c8a8c..0000000
--- a/src/components/Product/AddToCart.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-
-const addToCart = ({ style, rtl }) => {
-  return (
-    <div className="qyt-addCart">
-      <span className="me-4 mb-1 color-000 fw-bold fs-14px">{ rtl ? 'الكمية' : 'QTY' }</span>
-      <div className="add-more">
-        <span className="qt-minus"><i className="fas fa-minus"></i></span>
-        <span className="qt">1</span>
-        <span className="qt-plus"><i className="fas fa-plus"></i></span>
-      </div>
-      <a href="#" className={`btn rounded-pill bg-blue${style} fw-bold text-white`} target="_blank">
-        <small> { rtl ? 'أضف إلى السلة' : 'Add To Cart' } </small>
-      </a>
-      <div className="fav-btn">
-        <i className="fas fa-heart"></i>
-      </div>
-    </div>
-  )
-}
-
-export default addToCart
\ No newline at end of file
diff --git a/src/components/Product/ColorSelect.jsx b/src/components/Product/ColorSelect.jsx
deleted file mode 100644
index 4dc5373..0000000
--- a/src/components/Product/ColorSelect.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-
-const ColorSelect = ({ rtl }) => {
-  return (
-    <div className="select-color">
-      <span className="me-4 mb-1 color-000 fw-bold fs-14px">{ rtl ? 'إختر لون' : 'Select Color' }</span>
-      <div className="colors-content">
-        <div className="form-check form-check-inline">
-          <input className="form-check-input" type="radio" name="colorSelect"
-            id="colorSelect1" defaultChecked />
-          <label className="form-check-label" htmlFor="colorSelect1">
-            <span className="color-circle gray"></span>
-          </label>
-        </div>
-        <div className="form-check form-check-inline">
-          <input className="form-check-input" type="radio" name="colorSelect"
-            id="colorSelect2" />
-          <label className="form-check-label" htmlFor="colorSelect2">
-            <span className="color-circle black"></span>
-          </label>
-        </div>
-        <div className="form-check form-check-inline">
-          <input className="form-check-input" type="radio" name="colorSelect"
-            id="colorSelect3" />
-          <label className="form-check-label" htmlFor="colorSelect3">
-            <span className="color-circle blue"></span>
-          </label>
-        </div>
-        <div className="form-check form-check-inline">
-          <input className="form-check-input" type="radio" name="colorSelect"
-            id="colorSelect4" />
-          <label className="form-check-label" htmlFor="colorSelect4">
-            <span className="color-circle green"></span>
-          </label>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ColorSelect
\ No newline at end of file
diff --git a/src/components/Product/MainInfo.jsx b/src/components/Product/MainInfo.jsx
deleted file mode 100644
index 5379175..0000000
--- a/src/components/Product/MainInfo.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-
-const MainInfo = ({ mainInfo, rtl }) => {
-  return (
-    <>
-      <h6 className="category">{ mainInfo.category }</h6>
-      <h5 className="title">{ mainInfo.title }</h5>
-      <div className="rate">
-        <div className="stars">
-          {
-            Array(5).fill(0).map((_, index) => (<i key={index} className={`fas fa-star ${index + 1 <= mainInfo.rating ? 'active':''}`}></i>))
-          }
-        </div>
-        <span className="rev ms-1">{ mainInfo.reviews } { rtl ? 'المراجعات' : 'Reviews' }</span>
-      </div>
-      <div className="price">
-        ${ mainInfo.price }
-      </div>
-      <div className="info-text">
-        { mainInfo.discription }
-      </div>
-      <ul className="info-list">
-        { 
-          mainInfo.features.map((feature, i) => (
-            <li className="d-flex align-items-center" key={i}>
-              <i className="bi bi-dash me-1"></i>
-              { feature }
-            </li>
-          )) 
-        }
-      </ul>
-    </>
-  )
-}
-
-export default MainInfo
\ No newline at end of file
diff --git a/src/components/Product/MoreInfo.jsx b/src/components/Product/MoreInfo.jsx
deleted file mode 100644
index 35de889..0000000
--- a/src/components/Product/MoreInfo.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-
-const MoreInfo = ({ moreInfo, rtl }) => {
-  return (
-    <div className="more-info pt-20 mt-1 border-1 border-top brd-gray">
-      <p className="text-uppercase fs-14px color-666 mb-1"> <strong className="color-000">{ rtl ? 'الموديل' : 'SKU' }:</strong> { moreInfo.SKU }</p>
-      <p className="fs-14px color-666 mb-1"><strong className="color-000">{ rtl ? 'التصنيف' : 'Category' }:</strong> { moreInfo.Category }</p>
-      <p className="fs-14px color-666 mb-1">
-        <strong className="color-000">{ rtl ? 'الكلمات الدلالية' : 'Tags' }:</strong> { moreInfo.tags.map((tag, index) => (<a href="#" className="me-1" key={index}>{ tag }, </a>)) }
-      </p>
-    </div>
-  )
-}
-
-export default MoreInfo
\ No newline at end of file
diff --git a/src/components/Product/ProductHead.jsx b/src/components/Product/ProductHead.jsx
deleted file mode 100644
index 5cdc8e4..0000000
--- a/src/components/Product/ProductHead.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-
-const ProductHead = ({ productName, rtl }) => {
-  return (
-    <div className="section-head text-center mb-80 style-5">
-      <div className="page-links color-999">
-        <a href="#" className="me-2">
-          { rtl ? 'الرئيسية' : 'Home' }
-        </a>
-        <span className="me-2">/</span>
-        <a href="#" className="me-2">
-          { rtl ? 'متجر اى تيك' : 'Iteck’s Store' }
-        </a>
-        <span className="me-2">/</span>
-        <a href="#" className="color-000">
-          { productName }
-        </a>
-      </div>
-    </div>
-  )
-}
-
-export default ProductHead
\ No newline at end of file
diff --git a/src/components/Product/ProductImages.jsx b/src/components/Product/ProductImages.jsx
deleted file mode 100644
index 611f81f..0000000
--- a/src/components/Product/ProductImages.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React, { useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { FreeMode, Thumbs } from 'swiper';
-
-import "swiper/css";
-import 'swiper/css/free-mode';
-import 'swiper/css/thumbs';
-
-SwiperCore.use([FreeMode, Thumbs]);
-
-const ProductImages = ({ productImages }) => {
-  const [galleryThumbs, setGalleryThumbs] = useState(null);
-
-  return (
-    <div className="col-lg-6">
-      <div className="product-slider">
-        <Swiper
-          className="swiper-container gallery-thumbs"
-          spaceBetween={20}
-          slidesPerView={6}
-          freeMode={true}
-          watchSlidesProgress={true}
-          direction="vertical"
-          onInit={(swiper) => {
-            setGalleryThumbs(swiper)
-          }}
-        >
-          {
-            productImages.map((image, index) => (
-              <SwiperSlide key={index}>
-                <div className="img">
-                  <img src={image} alt="" />
-                </div>
-              </SwiperSlide>
-            ))
-          }
-        </Swiper>
-        {
-          galleryThumbs && (
-            <Swiper
-              className="swiper-container gallery-top"
-              spaceBetween={10}
-              navigation={false}
-              thumbs={{
-                swiper: galleryThumbs
-              }}
-            >
-              {
-                productImages.map((image, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="img">
-                      <img src={image} alt="" />
-                    </div>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-          )
-        }
-      </div>
-    </div>
-  )
-}
-
-export default ProductImages
\ No newline at end of file
diff --git a/src/components/Product/SocialIcons.jsx b/src/components/Product/SocialIcons.jsx
deleted file mode 100644
index 429789d..0000000
--- a/src/components/Product/SocialIcons.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-
-const SocialIcons = () => {
-  return (
-    <div className="socail-icons">
-      <a href="#"
-        className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2">
-        <i className="fab fa-twitter"></i>
-      </a>
-      <a href="#"
-        className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2">
-        <i className="fab fa-facebook-f"></i>
-      </a>
-      <a href="#"
-        className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2">
-        <i className="fab fa-instagram"></i>
-      </a>
-      <a href="#"
-        className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2">
-        <i className="fab fa-pinterest"></i>
-      </a>
-      <a href="#"
-        className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray">
-        <i className="fab fa-linkedin-in"></i>
-      </a>
-    </div>
-  )
-}
-
-export default SocialIcons
\ No newline at end of file
diff --git a/src/components/Product/index.jsx b/src/components/Product/index.jsx
deleted file mode 100644
index 879e397..0000000
--- a/src/components/Product/index.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import ProductHead from './ProductHead'
-import ProductImages from './ProductImages'
-import MainInfo from './MainInfo'
-import ColorSelect from './ColorSelect'
-import AddToCart from './AddToCart'
-import MoreInfo from './MoreInfo'
-import SocialIcons from './SocialIcons'
-
-import productData from 'data/App/product.json';
-import productDataRTL from 'data/App/product-rtl.json';
-
-const Product = ({ style = "4", rtl }) => {
-  const data = rtl ? productDataRTL : productData;
-
-  return (
-    <section className="product pt-50">
-      <div className="container">
-        <ProductHead productName={data.title} rtl={rtl} />
-        <div className="content">
-          <div className="row gx-5">
-            <ProductImages productImages={data.images} />
-            <div className="col-lg-6">
-              <div className="product-info">
-                <MainInfo mainInfo={data.mainInfo} rtl={rtl} />
-                <div className="color-quantity">
-                  <ColorSelect rtl={rtl} />
-                  <AddToCart rtl={rtl} style={style} />
-                </div>
-                <MoreInfo moreInfo={data.moreInfo} rtl={rtl} />
-                <SocialIcons />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Product
\ No newline at end of file
diff --git a/src/components/ProductDetails/index.jsx b/src/components/ProductDetails/index.jsx
deleted file mode 100644
index 430567a..0000000
--- a/src/components/ProductDetails/index.jsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import React, { useState } from "react";
-import FadeInOut from '../FadeInOut';
-import productDetails from 'data/App/product-details.json';
-import productDetailsRTL from 'data/App/product-details-rtl.json';
-
-const ProductDetails = ({ style = "4", rtl }) => {
-  const data = rtl ? productDetailsRTL : productDetails;
-  const [tabs, setTabs] = useState(data.nav_tabs);
-
-  const openTab = (tabId) => {
-    // Remove class 'current' from all tab-links
-    document.querySelectorAll(`.product-details .nav-link`).forEach(el => el.classList.remove('active'));
-    // Add class 'current' to clicked tab-link
-    document.querySelector(`.product-details .nav-link[id="${tabId}-tab"]`).classList.add('active');
-
-    // Close all tabs and open tab with id == tabId
-    setTabs(prev_tabs => {
-      let newTabs = structuredClone(prev_tabs);
-
-      let newContents = newTabs.map(tab => {
-        tab.show = false;
-        return tab;
-      });
-
-      let idx = newContents.findIndex(tab => tab.id === tabId);
-
-      newContents[idx].show = true;
-
-      newTabs = newContents;
-
-      return newTabs;
-    });
-  }
-
-  return (
-    <section className="product-details pt-100">
-      <div className="container">
-        <ul className="nav nav-pills" id="pills-tab" role="tablist">
-          {
-            data.nav_pills.map((nav, i) => (
-              <li className="nav-item" role="presentation" key={i}>
-                <button className={`nav-link ${i === 0 ? 'active':''}`} id={`${nav.id}-tab`} data-bs-toggle="pill" data-bs-target={`#${nav.id}`} type="button" role="tab" aria-controls={nav.id} aria-selected="true" onClick={() => openTab(nav.id)}>{ nav.title }</button>
-              </li>
-            ))
-          }
-        </ul>
-        <div className="tab-content" id="pills-tabContent">
-          <FadeInOut show={tabs[0].show}>
-            <div className="tab-pane show active" id="pills-description" role="tabpanel" aria-labelledby="pills-description-tab">
-              <div className="content-info text-center pb-0">
-                <div className="text mb-30">
-                  {
-                    rtl ?
-                    'عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد عن وضع الكثير من الملاحظات او الانتقادات للتصميم الاساسي.'
-                    :
-                    'Nulla velit turpis, tincidunt eget elit vitae, congue sodales metus. Sed sed neque luctus, sollicitudin sem sed, consectetur libero. Nunc mollis turpis velit, vitae laoreet sapien vehicula nec. Curabitur blandit ac libero eu dictum. Nullam vehicula hendrerit nisl eu laoreet. Cras non velit est. Vivamus tincidunt lacus est, at auctor elit finibus et. Maecenas a consequat metus. Aliquam ac nisl nec est mollis faucibus eget vitae eros. Duis bibendum vestibulum felis id mattis.'
-                  }
-                </div>
-                <div className="text">
-                  {
-                    rtl ?
-                    'عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد عن وضع الكثير من الملاحظات او الانتقادات للتصميم الاساسي.'
-                    :
-                    'Suspendisse metus sapien, lacinia eu lectus sit amet, consequat mollis felis. Mauris convallis augue quis semper venenatis. Vivamus imperdiet leo at neque efficitur, id faucibus arcu eleifend. Vivamus in massa bibendum, aliquet est quis, ornare lacus.'
-                  }
-                </div>
-              </div>
-            </div>
-          </FadeInOut>
-          <FadeInOut show={tabs[1].show}>
-            <div className="tab-pane show active" id="pills-reviews" role="tabpanel" aria-labelledby="pills-reviews-tab">
-              <div className="product-reviews pt-30">
-                <div className="row gx-5">
-                  <div className="col-lg-7">
-                    <div className="reviews-content pt-30">
-                      <h5 className="color-000 mb-40 text-capitalize"> { rtl ? 'المراجعات 02' : '02 reviews' } </h5>
-                      <div className="comment-replay-cont bg-light py-5 px-4 mb-20">
-                        <div className="d-flex comment-cont">
-                          <div className="icon-60 rounded-circle img-cover overflow-hidden me-3 flex-shrink-0">
-                            <img src="/assets/img/team/2.jpeg" alt="" />
-                          </div>
-                          <div className="inf">
-                            <div className="title d-flex justify-content-between">
-                              <h6 className="fw-bold fs-14px">{ rtl ? 'روبوتات داونى' : 'Robert Downey Jr' }</h6>
-                              <div className="time fs-12px text-uppercase d-inline-block">
-                                <div className="rate">
-                                  <div className="stars">
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star"></i>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div className="text color-000 fs-12px mt-10">
-                              { rtl ? 'عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد عن وضع الكثير من الملاحظات او الانتقادات للتصميم الاساسي.' : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Atume nusaate staman utra phone limo sumeria' }
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <div className="comment-replay-cont bg-light py-5 px-4 mb-20">
-                        <div className="d-flex comment-cont">
-                          <div className="icon-60 rounded-circle img-cover overflow-hidden me-3 flex-shrink-0">
-                            <img src="/assets/img/team/4.jpeg" alt="" />
-                          </div>
-                          <div className="inf">
-                            <div className="title d-flex justify-content-between">
-                              <h6 className="fw-bold fs-14px">{ rtl ? 'بين كويل' : 'Ben Chiwell' }</h6>
-                              <div className="time fs-12px text-uppercase">
-                                <div className="rate">
-                                  <div className="stars">
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star active"></i>
-                                    <i className="fas fa-star"></i>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div className="text color-000 fs-12px mt-10">
-                              { rtl ? 'عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد عن وضع الكثير من الملاحظات او الانتقادات للتصميم الاساسي.' : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Atume nusaate staman utra phone limo sumeria' }
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-lg-5">
-                    <form className="comment-form d-block pt-30">
-                      <h5 className="color-000 mb-40 text-capitalize"> { rtl ? 'اضافة تعليق' : 'Add a review' } </h5>
-                      <div className="row">
-                        <div className="col-lg-12">
-                          <label className="text-uppercase mb-1">
-                            { rtl ? 'تقييمك' : 'your rating' }
-                          </label>
-                          <div className="rate-stars">
-                            <input type="radio" name="star" defaultValue="5" />
-                            <input type="radio" name="star" defaultValue="4" />
-                            <input type="radio" name="star" defaultValue="3" />
-                            <input type="radio" name="star" defaultValue="2" />
-                            <input type="radio" name="star" defaultValue="1" />
-                          </div>
-                        </div>
-                        <div className="col-lg-12">
-                          <div className="form-group mb-30">
-                            <textarea className="form-control radius-4 fs-12px p-3" rows="6" placeholder={ rtl ? 'أكتب تعليقك هنا' : "Write your comment here" }></textarea>
-                          </div>
-                        </div>
-                        <div className="col-lg-6">
-                          <div className="form-group mb-4 mb-lg-0">
-                            <input type="text" className="form-control fs-12px radius-4 p-3" name="name" placeholder={ rtl ? 'اسمك *' : "Your Name *" } />
-                          </div>
-                        </div>
-                        <div className="col-lg-6">
-                          <div className="form-group">
-                            <input type="text" className="form-control fs-12px radius-4 p-3" name="email" placeholder={ rtl ? 'بريدك الالكتروني *' : "Your Email *" } />
-                          </div>
-                        </div>
-                        <div className="col-lg-12">
-                          <div className="form-check mt-20">
-                            <input className="form-check-input" type="checkbox" defaultValue="" id="flexCheckDefault" />
-                            <label className="form-check-label fs-12px" htmlFor="flexCheckDefault">
-                              { rtl ? 'احفظ اسمي والبريد الإلكتروني في هذا المتصفح لاستخدامها المرة المقبلة في تعليقي' : 'Save my name & email in this browser for next time I comment' }
-                            </label>
-                          </div>
-                        </div>
-                        <div className="col-12">
-                          <a href="#" className={`btn rounded-pill bg-blue${style} fw-bold text-white mt-4`} target="_blank">
-                            <small> { rtl ? 'إرسال تعليق' : 'Submit Comment' } </small>
-                          </a>
-                        </div>
-                      </div>
-
-                    </form>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </FadeInOut>
-          <FadeInOut show={tabs[2].show}>
-            <div className="tab-pane show active" id="pills-information" role="tabpanel" aria-labelledby="pills-information-tab">
-              <div className="content-info pb-0">
-                <div className="additional-info">
-                  <ul>
-                    <li>
-                      <strong>{ rtl ? 'الوزن' : 'Weight' }</strong>
-                      <span> 0.6 kg </span>
-                    </li>
-                    <li>
-                      <strong>{ rtl ? 'الابعاد' : 'Dimensions' }</strong>
-                      <span> 40 × 30 × 30 cm </span>
-                    </li>
-                    <li>
-                      <strong>{ rtl ? 'اللون' : 'Color' }</strong>
-                      <span> White, Black, Red </span>
-                    </li>
-                    <li>
-                      <strong>{ rtl ? 'السنة' : 'Year' }</strong>
-                      <span> 2021 </span>
-                    </li>
-                    <li>
-                      <strong>{ rtl ? 'الشكل' : 'Style' }</strong>
-                      <span> { rtl ? 'كلاسيك' : 'Classic, Modern' } </span>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </FadeInOut>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default ProductDetails
\ No newline at end of file
diff --git a/src/components/RelatedProducts/index.jsx b/src/components/RelatedProducts/index.jsx
deleted file mode 100644
index 9c26d1e..0000000
--- a/src/components/RelatedProducts/index.jsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Navigation, Autoplay } from 'swiper';
-import relatedProducts from 'data/App/related-products.json';
-import relatedProductsRTL from 'data/App/related-products-rtl.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-
-SwiperCore.use([Navigation, Autoplay]);
-
-const RelatedProducts = ({ style = "4", rtl }) => {
-  const data = rtl ? relatedProductsRTL : relatedProducts;
-
-  return (
-    <section className="related-products section-padding">
-      <div className="container">
-        <div className="text-center title">
-          <h3>{ rtl ? 'منتجات مشابهة' : 'Related Products' }</h3>
-        </div>
-        <div className="related-products-slider position-relative">
-          <Swiper
-            className="swiper-container"
-            slidesPerView={5}
-            spaceBetween={24}
-            speed={1000}
-            pagination={false}
-            navigation={{
-              nextEl: '.related-products-slider .swiper-button-next',
-              prevEl: '.related-products-slider .swiper-button-prev',
-            }}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000,
-            }}
-            loop={true}
-            breakpoints={{
-              0: {
-                slidesPerView: 1
-              },
-              480: {
-                slidesPerView: 1
-              },
-              787: {
-                slidesPerView: 2
-              },
-              991: {
-                slidesPerView: 3
-              },
-              1200: {
-                slidesPerView: 5
-              }
-            }}
-          >
-            {
-              data.map((product, index) => (
-                <SwiperSlide key={index}>
-                  <div className="product-card">
-                    <div className="img">
-                      <img src={product.image} alt="" />
-                      {
-                        product.label && (<span className={`label ${product.label==='new'?'new':'sale-off'}`}>{ product.label }</span>)
-                      }
-                      <span className={`fav-btn ${product.liked?'active':''}`}> <i className="fas fa-heart"></i> </span>
-                    </div>
-                    <div className="info">
-                      <h6 className="category">{ product.category }</h6>
-                      <h5 className="title">{ product.title }</h5>
-                      <div className="rate">
-                        <div className="stars">
-                        {
-                          Array(5).fill(0).map((_, index) => (<i key={index} className={`fas fa-star ${index + 1 <= product.rating ? 'active':''}`}></i>))
-                        }
-                        </div>
-                        <span className="rev ms-1">{ product.reviews } { rtl ? 'المراجعات' : 'Reviews' }</span>
-                      </div>
-                    </div>
-                    <div className="price">
-                      {
-                        typeof product.price === 'string' ? "$" + (product.price) : (
-                          <>
-                            <span className="price-sale">${ product.price.new }</span> <span className="old-price">${ product.price.old }</span>
-                          </>
-                        )
-                      }
-                    </div>
-                    <a href="#" className={`btn rounded-pill bg-blue${style} fw-bold text-white mt-20`} target="_blank">
-                      <span> { rtl ? 'اضف إلى السلة' : 'Add To Cart' } </span>
-                    </a>
-                  </div>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-          <div className="swiper-button-next"></div>
-          <div className="swiper-button-prev"></div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default RelatedProducts
\ No newline at end of file
diff --git a/src/components/Saas/About/Content1.jsx b/src/components/Saas/About/Content1.jsx
deleted file mode 100644
index ee80be9..0000000
--- a/src/components/Saas/About/Content1.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-
-const Content = ({ links, rtl }) => {
-  return (
-    <div className="content">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-4 order-2 order-lg-0">
-            <div className="section-head mb-30 style-5">
-              <h2>{ rtl ? 'تجارب المستخدم ' : 'Optimized User' } <span>{ rtl ? 'المحسّنة' : 'Experiences' }</span> </h2>
-            </div>
-            <p>{ rtl ? 'يمكن تبسيط عمليات التحميل والتحديث التي يقوم بها الموردون من خلال لوحات المعلومات الأمامية التي توفر سهولة الوصول بشكل أفضل.' : 'The uploading and updating processes made by suppliers can be streamlined through front-end dashboards that create better ease of access.' }</p>
-            <div className="line-links">
-              {
-                links.map((link, index) => (<a href="#" key={index}>{ link }</a>))
-              }
-            </div>
-          </div>
-          <div className="col-lg-8 order-0 order-lg-2">
-            <div className="img main-img1">
-              <img src="/assets/img/about/about_s5_1_1.png" alt="" className="sm-circle" />
-              <img src="/assets/img/about/about_s5_1_2.png" alt="" className="img-body" />
-              <img src="/assets/img/about/about_s5_1_3.png" alt="" className="card1" />
-              <img src="/assets/img/about/about_s5_1_4.png" alt="" className="card2" />
-              <img src="/assets/img/about/about_s5_1_5.png" alt="" className="lg-circle" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Content
\ No newline at end of file
diff --git a/src/components/Saas/About/Content2.jsx b/src/components/Saas/About/Content2.jsx
deleted file mode 100644
index e9edac1..0000000
--- a/src/components/Saas/About/Content2.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Content = ({ list, rtl }) => {
-  return (
-    <div className="content">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-8">
-            <div className="img main-img2">
-              <img src="/assets/img/about/about_s5_2_1.png" alt="" />
-              <img src="/assets/img/about/about_s5_2_2.png" alt="" className="img-body" />
-            </div>
-          </div>
-          <div className="col-lg-4">
-            <div className="section-head mb-30 style-5">
-              <h2>{ rtl ? 'أكثر من 100' : '100+ Payment' } <span>{ rtl ? 'بوابة دفع' : 'Gateways' }</span> </h2>
-            </div>
-            <p>
-              { rtl ? 'مع سوق Iteck ، اختر من بين مئات بوابات الدفع لعملائك. من PayPal إلى Stripe إلى Skrill ، Visa Debit ، Master Card ، إلخ' : 'With Iteck Marketplace, choose from hundreds of payment gateways for your customers. From PayPal to Stripe to Skrill, Visa Debit, Master Card, etc' }
-            </p>
-            <ul className="list-icon">
-              {
-                list.map((item, index) => (
-                  <li key={index}>
-                    <span className="icon">
-                      <i className={item.icon}></i>
-                    </span>
-                    <h6>{ item.title }</h6>
-                  </li>
-                ))
-              }
-            </ul>
-            <Link to="/page-contact-5" className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold mt-50">
-              <span>{ rtl ? 'احجز عرضًا تجريبيًا مجانيًا ' : 'Book A Free Demo' }</span>
-            </Link>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Content
\ No newline at end of file
diff --git a/src/components/Saas/About/Content3.jsx b/src/components/Saas/About/Content3.jsx
deleted file mode 100644
index 6c5f102..0000000
--- a/src/components/Saas/About/Content3.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react'
-
-const Content = ({ texts, number, rtl }) => {
-  return (
-    <div className="content pb-0">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-4 order-2 order-lg-0">
-            <div className="section-head mb-30 style-5">
-              <h2>{ rtl ? 'سهل' : 'Easy To' } <span>{ rtl ? 'التخصيص' : 'Customizable' }</span> </h2>
-            </div>
-            <p>
-              { texts.text1 }
-            </p>
-            <p className="mt-20">
-              { texts.text2 }
-            </p>
-            <div className="d-flex align-items-center mt-70">
-              <div className="img me-2 flex-shrink-0">
-                <img src="/assets/img/about/owners.png" alt="" />
-              </div>
-              <div className="inf">
-                <h4 className="color-blue5 mb-0 lh-1">{ number }</h4>
-                <p>{ rtl ? 'أصحاب السوق يثقون بنا' : 'Marketplace Owners Trust Us' }</p>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-8 order-0 order-lg-2">
-            <div className="img main-img3">
-              <img src="/assets/img/about/about_s5_3_1.png" alt="" className="img-body" />
-              <img src="/assets/img/about/about_s5_3_2.png" alt="" />
-              <img src="/assets/img/about/about_s5_3_3.png" alt="" />
-              <img src="/assets/img/about/about_s5_3_4.png" alt="" />
-              <img src="/assets/img/about/about_s5_3_5.png" alt="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Content
\ No newline at end of file
diff --git a/src/components/Saas/About/index.jsx b/src/components/Saas/About/index.jsx
deleted file mode 100644
index 5b54c7c..0000000
--- a/src/components/Saas/About/index.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import aboutData from 'data/Saas/about.json';
-import aboutDataRTL from 'data/Saas/about-rtl.json';
-import Content1 from './Content1';
-import Content2 from './Content2';
-import Content3 from './Content3';
-
-const About = ({ noPaddingTop, rtl }) => {
-  const data = rtl ? aboutDataRTL : aboutData;
-
-  return (
-    <section className={`about ${noPaddingTop ? 'pt-0 pb-150':'section-padding'} style-5`} data-scroll-index="1">
-      <Content1 links={data.lineLinks} rtl={rtl} />
-      <Content2 list={data.list} rtl={rtl} />
-      <Content3 texts={data.texts} rtl={rtl} number={aboutData.number} />
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/Saas/AboutHeader.jsx b/src/components/Saas/AboutHeader.jsx
deleted file mode 100644
index ee40fad..0000000
--- a/src/components/Saas/AboutHeader.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { useState } from 'react';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const AboutHeader = ({ rtl, paddingTop }) => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <header className={`about-page-sec style-5 ${paddingTop ? 'pt-100':''}`}>
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-8">
-            <div className="info">
-              <h1>{ rtl ? 'نحن نقدم حلول تكنولوجيا المعلومات  المثالية لأي' : <>We provide perfect <br /> IT Solutions & Technology for any</> }
-                <span className="ms-2">
-                  { rtl ? 'شركة ناشئة' : 'Startups' }
-                  <img src="/assets/img/header/head5_line.png" alt="" className="head-line" />
-                  <img src="/assets/img/header/head5_pen.png" alt="" className="head-pen" />
-                </span>
-              </h1>
-              <p>
-                { rtl ? 'يساعدك Iteck على توحيد هوية علامتك التجارية من خلال جمع وتخزين ' : 'Iteck helps you unify your brand identity by collecting, storing and distributing' } <br /> { rtl ? 'وتوزيع رموز وأصول التصميم - تلقائيًا.' : 'design tokens and assets — automatically.' }
-              </p>
-            </div>
-          </div>
-          <div className="col-lg-12">
-            <div className="main-vid">
-              <img src="/assets/img/vid_banner5.png" alt="" />
-              <a href="https://youtu.be/pGbIOC83-So?t=21" onClick={openVideo} className="play-icon">
-                <i className="fas fa-play"></i>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/header/hand_megaphone.png" alt="" className="hand-mega slide_up_down" />
-      <img src="/assets/img/header/head6_rating.png" alt="" className="head6-rating scale_up_down" />
-      <img src="/assets/img/header/header5_linechart.png" alt="" className="head6-charts scale_up_down" />
-      <img src="/assets/img/header/rocket.png" alt="" className="head6-rocket" />
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-    </header>
-  )
-}
-
-export default AboutHeader
\ No newline at end of file
diff --git a/src/components/Saas/ChooseUs.jsx b/src/components/Saas/ChooseUs.jsx
deleted file mode 100644
index 89675f3..0000000
--- a/src/components/Saas/ChooseUs.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import chooseUsData from 'data/Saas/choose-us.json';
-import chooseUsDataRTL from 'data/Saas/choose-us-rtl.json';
-
-const ChooseUs = ({ rtl }) => {
-  const ChooseUsData = rtl ? chooseUsDataRTL : chooseUsData;
-
-  return (
-    <section className="choose-us style-6">
-      <div className="container">
-        <div className="row justify-content-between gx-0">
-          <div className="col-lg-6">
-            <div className="img">
-              <img src="/assets/img/choose_us/man_arrow.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-4">
-            <div className="info">
-              <div className="section-head mb-30 style-5">
-                <h2>{ rtl ? '' : 'Our' } <span>{ rtl ? 'خدماتنا' : 'Services' }</span> </h2>
-              </div>
-              <div className="text mb-50 fs-12px color-666">
-                { rtl ? 'مع سوق Iteck ، اختر من بين مئات بوابات الدفع لعملائك.' : 'With Iteck Marketplace, choose from hundreds of payment gateways for your customers.' }
-              </div>
-              <ul>
-                {
-                  ChooseUsData.map((item, index) => (
-                    <li className={`d-flex ${index !== ChooseUsData.length - 1 ?'mb-40':''}`} key={index}>
-                      <small className="icon-50 me-4 flex-shrink-0">
-                        <img src={item.icon} alt="" />
-                      </small>
-                      <div className="inf">
-                        <h5>{ item.info }</h5>
-                        <p className="fs-12px color-666 mt-2">
-                          { item.details }
-                        </p>
-                      </div>
-                    </li>
-                  ))
-                }
-              </ul>
-              <Link to={ rtl ? "/rtl-page-services" : "/page-services-5" } className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold mt-60 px-5">
-                <span>{ rtl ? 'مشاهدة المزيد' : 'See More' }</span>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s6_bubbles.png" alt="" className="bubbles rotate-center" />
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/Saas/Clients.jsx b/src/components/Saas/Clients.jsx
deleted file mode 100644
index ac63c53..0000000
--- a/src/components/Saas/Clients.jsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import clients from 'data/Saas/clients.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-
-SwiperCore.use([Autoplay]);
-
-const Clients = ({ padding, rtl }) => {
-  const [loadSwiper, setLoadSwiper] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setLoadSwiper(true);
-    }, 0);
-  }, []);
-
-  return (
-    <section className={`clients style-5 ${padding ? 'section-padding':'pb-100'}`} data-scroll-index="2">
-      <div className="section-head text-center mb-40 style-5">
-        <h2 className="mb-20">{ rtl ? 'موثوق بنا من قبل آلاف' : 'Trusted By Thoudsands' } <span>{ rtl ? 'العملاء' : 'Business' }</span> </h2>
-        <p>{ rtl ? 'أكثر من 15000 شركة تثق وتختار Iteck' : 'More than 15,000 companies trust and choose Iteck' }</p>
-      </div>
-      <div className="content">
-        <div className="clients-slider5">
-          {
-            loadSwiper && (
-              <Swiper
-                className="swiper-container"
-                dir={rtl ? 'rtl' : 'ltr'}
-                spaceBetween={0}
-                centeredSlides={true}
-                slidesPerView={6}
-                speed={6000}
-                autoplay={{
-                  delay: 1,
-                  disableOnInteraction: true
-                }}
-                loop={true}
-                allowTouchMove={false}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 2,
-                  },
-                  480: {
-                    slidesPerView: 2,
-                  },
-                  787: {
-                    slidesPerView: 3,
-                  },
-                  991: {
-                    slidesPerView: 4,
-                  },
-                  1200: {
-                    slidesPerView: 6,
-                  }
-                }}
-              >
-                {
-                  clients.row1.map((client, i) => (
-                    <SwiperSlide key={i}>
-                      <a href="#" className="img">
-                        <img src={client} alt="" />
-                      </a>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-
-        <div className="clients-slider5" dir="rtl">
-          {
-            loadSwiper && (
-              <Swiper
-                className="swiper-container"
-                spaceBetween={0}
-                centeredSlides={true}
-                slidesPerView={6}
-                speed={6000}
-                autoplay={{
-                  delay: 1,
-                  disableOnInteraction: true
-                }}
-                loop={true}
-                allowTouchMove={false}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 2,
-                  },
-                  480: {
-                    slidesPerView: 2,
-                  },
-                  787: {
-                    slidesPerView: 3,
-                  },
-                  991: {
-                    slidesPerView: 4,
-                  },
-                  1200: {
-                    slidesPerView: 6,
-                  }
-                }}
-              >
-                {
-                  clients.row2.map((client, i) => (
-                    <SwiperSlide key={i}>
-                      <a href="#" className="img">
-                        <img src={client} alt="" />
-                      </a>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Clients
\ No newline at end of file
diff --git a/src/components/Saas/Community.jsx b/src/components/Saas/Community.jsx
deleted file mode 100644
index 1290e08..0000000
--- a/src/components/Saas/Community.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import community from 'data/Saas/community.json';
-import communityRTL from 'data/Saas/community-rtl.json';
-
-const Community = ({ rtl }) => {
-  const communityData = rtl ? communityRTL : community;
-
-  return (
-    <section className="community pt-40 style-5">
-      <div className="container">
-        <div className="section-head text-center mb-40 style-5">
-          <h2 className="mb-20">{ rtl ? 'لماذا' : 'Top' } <span>{ rtl ? 'نحن' : 'Reasons' }</span> </h2>
-          <p>{ rtl ? 'توحيد بيانات عملك في لوحة تحكم بسيطة واحدة للتجارة الإلكترونية' : 'Unify your business data in one simple ecommerce dashboard' }</p>
-        </div>
-        <div className="content rounded-pill">
-          {
-            communityData.map((item, index) => (
-              <div className="commun-card" key={index}>
-                <div className="icon">
-                  <img src={item.img} alt="" />
-                </div>
-                <div className="inf">
-                  <h5>{ item.title }</h5>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Community
\ No newline at end of file
diff --git a/src/components/Saas/Contact.jsx b/src/components/Saas/Contact.jsx
deleted file mode 100644
index 40c472b..0000000
--- a/src/components/Saas/Contact.jsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { useState } from 'react';
-import axios from 'axios';
-
-const Contact = ({ rtl }) => {
-  const [formData, setFormdata] = useState({
-    name: "",
-    email: "",
-    phone: "",
-    website: "",
-    option: "",
-    message: ""
-  });
-
-  const handleFormChange = (e) => {
-    setFormdata(prev => ({
-      ...prev,
-      [e.target.name]: e.target.value
-    }))
-  }
-
-  const handleFormSubmit = async (e) => {
-    e.preventDefault();
-    const formValues = new FormData();
-
-    formValues.append('name', formData.name);
-    formValues.append('email', formData.email);
-    formValues.append('phone', formData.phone);
-    formValues.append('website', formData.website);
-    formValues.append('option', formData.option);
-    formValues.append('message', formData.message);
-    
-    const res = await axios.post('/contact.php', formValues)
-      .catch(err => alert(err.message));
-
-    if (!res) return;
-
-    alert('Form submitted successfully.')
-  }
-
-  return (
-    <section className="contact section-padding border-bottom border-1 brd-gray style-6">
-      <div className="container">
-        <div className="section-head text-center mb-70 style-5">
-          <h2 className="mb-20">{ rtl ? 'احصل على ' : 'Ready To Start A' } <span>{ rtl ? 'استشارة مجانية' : 'Projects' }</span> </h2>
-          <p>{ rtl ? 'سنتواصل معك مرة أخرى بعد استلام طلبك خلال 24 ساعة' : 'We will contact again after receive your request in 24h' }</p>
-        </div>
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-8">
-              <form action="contact.php" className="form" method="post" onSubmit={handleFormSubmit}>
-                <p className="text-center text-danger fs-12px mb-30">{ rtl ? 'الحقل اللذى يحتوى على هذة العلامة اجبارى *' : 'The field is required mark as *' }</p>
-                <div className="row">
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="name" className="form-control" placeholder={ rtl ? 'الاسم' : "Name" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="email" className="form-control" placeholder={ rtl ? 'البريد الالكترونى *' : "Email Address *" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="phone" className="form-control" placeholder={ rtl ? 'رقم الهاتف (اختيارى)' : "Phone Number (option)" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="website" className="form-control" placeholder={ rtl ? 'موقعك الالكترونى (اختيارى)' : "Your Website (option)" } onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group mb-20">
-                      <select className="form-select" name="option" defaultValue={ rtl ? 'كيف يمكننا مساعدتك ؟ ' : 'How can we help you?' } onChange={handleFormChange}>
-                        <option value="How can we help you?">{ rtl ? 'كيف يمكننا مساعدتك ؟ ' : 'How can we help you?' }</option>
-                        <option value="option 1">{ rtl ? 'الاختيار الاول' : 'option 1' }</option>
-                        <option value="option 2">{ rtl ? 'الاختيار الثاني' : 'option 2' }</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group">
-                      <textarea rows="10" className="form-control" name="message" placeholder={ rtl ? 'كيف يمكننا مساعدتك ؟ ' : 'How can we help you?' } onChange={handleFormChange}></textarea>
-                    </div>
-                  </div>
-                  <div className="col-lg-12 text-center">
-                    <div className="form-check d-inline-flex mt-30 mb-30">
-                      <input className="form-check-input me-2 mt-0" type="checkbox" value="" id="flexCheckDefault" />
-                      <label className="form-check-label small" htmlFor="flexCheckDefault">
-                        { rtl ? 'من خلال الإرسال ، أوافق على' : 'By submitting, i’m agreed to the' } <a href="#" className="text-decoration-underline">{ rtl ? 'الشروط و الاحكام' : 'Terms & Conditons' }</a>
-                      </label>
-                    </div>
-                  </div>
-                  <div className="col-lg-12 text-center">
-                    <input type="submit" value={ rtl ? 'ارسل طلبك' : "Send Your Request" } className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold text-light" />
-                  </div>
-                </div>
-              </form>
-            </div>
-          </div>
-          <img src="/assets/img/icons/contact_a.png" alt="" className="contact_a" />
-          <img src="/assets/img/icons/contact_message.png" alt="" className="contact_message" />
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/Saas/Culture.jsx b/src/components/Saas/Culture.jsx
deleted file mode 100644
index d377a4a..0000000
--- a/src/components/Saas/Culture.jsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Autoplay } from 'swiper';
-import slides from 'data/Saas/culture.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/pagination';
-
-import LightGallery from 'lightgallery/react';
-
-// import styles
-import 'lightgallery/css/lightgallery.css';
-
-SwiperCore.use([Pagination, Autoplay]);
-
-const Culture = ({ rtl }) => {
-  const [loadSwiper, setLoadSwiper] = useState(false);
-  let lgGallery = useMemo(() => null, []);
-
-  useEffect(() => {
-    setLoadSwiper(true);
-  }, [])
-
-  const showFancybox = (e, index) => {
-    e.preventDefault();
-    lgGallery.instance.el.children[index].click()
-  }
-  
-
-  return (
-    <section className="culture section-padding style-5">
-      <div className="section-head text-center mb-70 style-5">
-        <h2 className="mb-20">{ rtl ? 'اكتشف' : 'Discovery Our' } <span>{ rtl ? 'ثقافتنا' : 'Culture' }</span> </h2>
-        <p>{ rtl ? 'تعد ثقافة الشركة جزءًا مهمًا من أي عمل تجاري' : 'Company’s culture is a part important of any business' }</p>
-      </div>
-      <div className="content">
-        <div className="culture-slider position-relative pb-80 style-5">
-          {
-            loadSwiper &&
-            <Swiper
-              className="swiper-container"
-              dir={rtl ? 'rtl' : 'ltr'}
-              slidesPerView={4}
-              spaceBetween={30}
-              centeredSlides={true}
-              speed={1000}
-              pagination={{
-                el: ".swiper-pagination",
-                clickable: "true"
-              }}
-              navigation={false}
-              mousewheel={false}
-              keyboard={true}
-              autoplay={{
-                delay: 4000
-              }}
-              loop={true}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1
-                },
-                480: {
-                  slidesPerView: 1
-                },
-                787: {
-                  slidesPerView: 2
-                },
-                991: {
-                  slidesPerView: 3
-                },
-                1200: {
-                  slidesPerView: 4
-                }
-              }}
-            >
-              {
-                slides.map((slide, index) => (
-                  <SwiperSlide key={index}>
-                    <a href={slide} className="culture-card d-block" onClick={(e) => showFancybox(e, index)}>
-                      <img src={slide} alt="" />
-                      <span className="overlay"></span>
-                    </a>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-          }
-          <div className="swiper-pagination"></div>
-        </div>
-        <LightGallery speed={500} backdropDuration={500} onInit={(lg) => lgGallery = lg}>
-          {
-            slides.map((slide, index) => (
-              <a href={slide} className="culture-card d-block" onClick={(e) => e.preventDefault()} key={index}>
-                <img src={slide} alt="" />
-                <span className="overlay"></span>
-              </a>
-            ))
-          }
-        </LightGallery>
-      </div>
-    </section>
-  )
-}
-
-export default Culture
\ No newline at end of file
diff --git a/src/components/Saas/Download.jsx b/src/components/Saas/Download.jsx
deleted file mode 100644
index 451e299..0000000
--- a/src/components/Saas/Download.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-
-const Download = () => {
-  return (
-    <section className="download section-padding style-5" data-scroll-index="6">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-9">
-            <div className="content text-center">
-              <h2>Manage your ecommerce business better with an all-in-one 
-                <span className="me-2">
-                  dashboard 
-                  <img src="/assets/img/header/head5_line.png" alt="" className="head-line" />
-                  <img src="/assets/img/header/head5_pen.png" alt="" className="head-pen" />
-                </span>
-                today
-              </h2>
-              <div className="butns mt-70">
-                <a href="https://apps.apple.com/us/genre/mac/id39?mt=12" rel="noreferrer" className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold mx-1" target="_blank">
-                  <span> Download for MacOS <i className="bi bi-apple ms-1"></i></span>
-                </a>
-                <a href="https://apps.microsoft.com/store/apps" rel="noreferrer" className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold mx-1" target="_blank">
-                  <span> Download for Window <i className="bi bi-windows ms-1"></i></span>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Download
\ No newline at end of file
diff --git a/src/components/Saas/Features.jsx b/src/components/Saas/Features.jsx
deleted file mode 100644
index 22c74a8..0000000
--- a/src/components/Saas/Features.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react';
-import features from 'data/Saas/features.json';
-import featuresRTL from 'data/Saas/features-rtl.json';
-
-const Features = ({ isServices, rtl }) => {
-  const featuresData = rtl ? featuresRTL : features;
-
-  return (
-    <section className={`features section-padding style-5 ${isServices ? 'pt-50':'bg-gray5'}`} data-scroll-index="3">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-8">
-            {
-              isServices ? 
-              (
-                <div className="section-head text-center mb-60 style-5">
-                  <h2 className="mb-20">{ rtl ? '' : 'Our' } <span>{ rtl ? 'خدماتنا' : 'Services' }</span></h2>
-                  <p>
-                    { rtl ? 'نحن نقدم حلول تكنولوجيا المعلومات المثالية لعملك' : 'We provide perfect IT Solutions for your business' }
-                  </p>
-                </div>
-              )
-              :
-              (
-                <div className="section-head text-center mb-60 style-5">
-                  <h2 className="mb-20">Other Awesome <span>Features</span></h2>
-                  <p>
-                    Iteck Dashboard is a powerhouse when it comes to the feature list. This ensures you have every functionality you need to build, run, and expand your marketplace
-                  </p>
-                </div>
-              )
-            }
-          </div>
-        </div>
-        <div className="content">
-          <div className="row">
-            {
-              featuresData.map((feature, i) => (
-                <div className="col-lg-3 col-sm-6" key={i}>
-                  <a href="#" className="features-card mb-30 style-5">
-                    <div className="icon">
-                      <img src={feature.image} alt="" />
-                    </div>
-                    <div className="info">
-                      <h5 className="card-title">
-                        { feature.title }
-                      </h5>
-                      <p className="text">
-                        { feature.descripition }
-                      </p>
-                    </div>
-                  </a>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/Saas/Footer.jsx b/src/components/Saas/Footer.jsx
deleted file mode 100644
index e2dbddd..0000000
--- a/src/components/Saas/Footer.jsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import footerData from 'data/Saas/footer.json';
-
-const Footer = () => {
-  return (
-    <footer className="style-5 border-top brd-gray">
-      <div className="container">
-        <div className="row gx-0 justify-content-between">
-          <div className="col-lg-3 col-sm-6">
-            <div className="items">
-              <div className="title">
-                Iteck - 1st eCommerce Dashboard
-              </div>
-              <small className="text">
-                Over 25 years working in IT services developing software applications and mobile apps for
-                clients all over the world. For your very specific industry, <br /> we have highly-tailored IT
-                solutions.
-              </small>
-              <div className="socail-icons">
-                <a href="https://twitter.com/" rel="noreferrer" className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2" target="_blank">
-                  <i className="fab fa-twitter"></i>
-                </a>
-                <a href="https://facebook.com/" rel="noreferrer" className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2" target="_blank">
-                  <i className="fab fa-facebook-f"></i>
-                </a>
-                <a href="https://instagram.com/" rel="noreferrer" className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray" target="_blank">
-                  <i className="fab fa-instagram"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-3 col-sm-6">
-            <div className="items">
-              <div className="title">
-                Information
-              </div>
-              <small className="text mb-10 d-block">
-                { footerData.address.address1 } <br /> { footerData.address.address2 }
-              </small>
-              <small className="text mb-10 d-block">
-                { footerData.phone }
-              </small>
-              <small className="text d-block">
-                { footerData.email }
-              </small>
-            </div>
-          </div>
-          <div className="col-lg-2">
-            <div className="items">
-              <div className="title">
-                Useful Links
-              </div>
-              <ul>
-                {
-                  footerData.usefulLinks.map((link, index) => (
-                    <li key={index}>
-                      <Link to={link.link}>{link.title}</Link>
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-          <div className="col-lg-2">
-            <div className="items">
-              <div className="title">
-                Resource
-              </div>
-              <ul>
-                {
-                  footerData.resources.map((link, index) => (
-                    <li key={index}>
-                      <a href={link.link}>{link.title}</a>
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div className="foot">
-          <div className="row">
-            <div className="col-lg-3 col-sm-6">
-              <div className="logo">
-                <img src="/assets/img/logo_foot_home5.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <small className="small">
-                © 2022 Copyrights by <a href="#" className="fw-bold text-decoration-underline">Iteck Co.</a> All Rights Reserved. Designed by <a href="https://themeforest.net/user/themescamp" className="fw-bold text-decoration-underline">ThemesCamp</a>
-              </small>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/Saas/Header.jsx b/src/components/Saas/Header.jsx
deleted file mode 100644
index b471f2d..0000000
--- a/src/components/Saas/Header.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const Header = () => {
-  return (
-    <header className="style-5" data-scroll-index="0">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-8">
-            <div className="info">
-              <h1>All-in-one dashboard for
-                <span>
-                  eCommerce
-                  <img src="/assets/img/header/head5_line.png" alt="" className="head-line" />
-                  <img src="/assets/img/header/head5_pen.png" alt="" className="head-pen" />
-                </span>
-              </h1>
-              <p>Iteck helps you unify your brand identity by collecting, storing and distributing <br /> design tokens and assets — automatically.</p>
-              <form action="contact.php" className="form" method="post">
-                <div className="form-group">
-                  <span className="icon">
-                    <i className="far fa-envelope"></i>
-                  </span>
-                  <input type="text" placeholder="Your email address" />
-                  <Link to="/page-contact-5" className="btn rounded-pill bg-blue5 hover-blue2 sm-butn fw-bold text-white">
-                    <span>Start Free Trial <i className="bi bi-arrow-right ms-1"></i> </span>
-                  </Link>
-                </div>
-              </form>
-              <div className="main-img">
-                <img src="/assets/img/header/header5_page.png" alt="" className="page-img" />
-                <img src="/assets/img/header/header5_linechart.png" alt="" className="linechart-img" />
-                <img src="/assets/img/header/header5_piechart.png" alt="" className="piechart-img" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/header/header5_handl.png" alt="" className="handl-img" />
-      <img src="/assets/img/header/header5_handr.png" alt="" className="handr-img" />
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Saas/Numbers.jsx b/src/components/Saas/Numbers.jsx
deleted file mode 100644
index a6d407b..0000000
--- a/src/components/Saas/Numbers.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import CountTo from '../CountTo';
-import numbers from 'data/Saas/numbers.json';
-import numbersRTL from 'data/Saas/numbers-rtl.json';
-
-const Numbers = ({ rtl }) => {
-  const numbersSectionRef = useRef(null);
-  const [position, setPosition] = useState({ from: 3000, to: 3340 });
-  const data = rtl ? numbersRTL : numbers;
-
-  useEffect(() => {
-    const numbersSection = numbersSectionRef.current;
-    const numbersSectionHeight = numbersSection.offsetHeight;
-    const numbersSectionTop = numbersSection.offsetTop;
-    
-    const Position = { from: numbersSectionTop - numbersSectionHeight - 850, to: numbersSectionTop + numbersSectionHeight };
-
-    setPosition(Position);
-  }, []);
-
-  return (
-    <section className="numbers style-6" ref={numbersSectionRef}>
-      <div className="container">
-        <div className="content pb-100 border-1 border-bottom brd-gray">
-          <div className="row">
-            {
-              data.map((number, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="number-card style-6">
-                    <h2 className="me-4 color-blue5">
-                      <CountTo className="counter" from={0} to={number.value} speed={1500} position={position} />
-                      { number.operator && <span> +</span> }
-                    </h2>
-                    <div className="text">
-                      { number.title.part1 } <br /> { number.title.part2 }
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Numbers
\ No newline at end of file
diff --git a/src/components/Saas/Philosophy.jsx b/src/components/Saas/Philosophy.jsx
deleted file mode 100644
index 6ef4ca5..0000000
--- a/src/components/Saas/Philosophy.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-
-const Philosophy = ({ rtl }) => {
-  return (
-    <section className="about section-padding style-5 style-6">
-      <div className="content border-0 p-0">
-        <div className="container">
-          <div className="row align-items-center justify-content-between">
-            <div className="col-lg-4 order-2 order-lg-0">
-              <div className="section-head mb-30 style-5">
-                <h2>{ rtl ? 'كلمة' : 'Iteck’s' } <span>{ rtl ? 'عنا' : 'Philosophy' }</span> </h2>
-              </div>
-              <p>
-                { rtl ? 'مثل أي وكالة عظيمة ، نحن الأفضل بنتاجئنا التي قدمناها لعملنا الأخير. يلتزم مطورونا بالحفاظ على أعلى معايير الويب حتى يتحمل موقعك اختبار الزمن.' : 'Like any great agency, we are only as good as the result we deliver of our recent work. Our developers are committed to maintaining the highest web standards so that your site.' }
-              </p>
-              <div className="line-links">
-                <a href="#">{ rtl ? 'كن الأول في صناعة تكنولوجيا المعلومات' : 'Become 1st in the IT industrial' }</a>
-                <a href="#">{ rtl ? 'سعر تنافسى' : 'Competitive Price' }</a>
-                <a href="#">{ rtl ? 'تحسين مستوى حياتك' : 'Enhance the quality of life' }</a>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img">
-                <img src="/assets/img/about/superman_3d.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s6_bubbles.png" alt="" className="bubbles rotate-center" />
-    </section>
-  )
-}
-
-export default Philosophy
\ No newline at end of file
diff --git a/src/components/Saas/Pricing.jsx b/src/components/Saas/Pricing.jsx
deleted file mode 100644
index 849060f..0000000
--- a/src/components/Saas/Pricing.jsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { Link } from 'gatsby';
-import plans from 'data/Saas/plans.json';
-import plansRTL from 'data/Saas/plans-rtl.json';
-
-const Pricing = ({ rtl }) => {
-  const data = useMemo(() => rtl ? plansRTL : plans, [rtl]);
-  const [features, setFeatures] = useState([]);
-
-  useEffect(() => {
-    let formattedFeatures = [];
-
-    data[0].features.forEach(feature => formattedFeatures.push({ title: feature.title, data: [] })) ;
-
-    data.forEach((plan, i) => {
-      plan.features.forEach((feature, x) => {
-        formattedFeatures[x].data[i] = feature.checked !== undefined ? feature.checked : feature.content;
-      })
-    });
-
-    setFeatures(formattedFeatures);
-  }, [data]);
-
-  const togglePlanDuration = (duration) => {
-    let monthly = document.querySelectorAll('.monthly_price');
-    let yearly = document.querySelectorAll('.yearly_price');
-
-    if (duration === 'monthly') {
-      monthly.forEach(price => price.classList.add('d-block'));
-      monthly.forEach(price => price.classList.remove('d-none'));
-      yearly.forEach(price => price.classList.add('d-none'));
-      yearly.forEach(price => price.classList.remove('d-block'));
-    } else {
-      monthly.forEach(price => price.classList.add('d-none'));
-      monthly.forEach(price => price.classList.remove('d-block'));
-      yearly.forEach(price => price.classList.add('d-block'))
-      yearly.forEach(price => price.classList.remove('d-none'));
-    }
-  }
-
-  return (
-    <section className="pricing section-padding style-5" data-scroll-index="4">
-      <div className="container">
-        <div className="section-head text-center mb-60 style-5">
-          <h2 className="mb-20">{ rtl ? 'اختر السعر' : 'Choose Plan and' } <span>{ rtl ? 'واضغط بدأ' : 'Kick-start' }</span></h2>
-          <p>
-            { rtl ? 'سواء كنت قد بدأت للتو باختبار سريع أو توسيع نطاق المؤسسة ، فقد قمنا بتغطيتك.' : 'Whether you’re just getting started with rapid testing or scaling across the organization, we’ve got you covered.' }
-          </p>
-        </div>
-        <div className="pricing-tabsHead text-center">
-          <div className="price-radios">
-            <div className="form-check form-check-inline">
-              <input className="form-check-input" type="radio" name="inlineRadioOptions" id="monthly-input" value="option1" onChange={(e) => togglePlanDuration('monthly')} />
-              <label className="form-check-label" htmlFor="monthly-input">
-                { rtl ? 'تدفع شهريا' : 'Billed Monthly' }
-              </label>
-            </div>
-            <div className="form-check form-check-inline">
-              <input className="form-check-input" type="radio" name="inlineRadioOptions" id="yearly-input" value="option2" defaultChecked onChange={(e) => togglePlanDuration('yearly')} />
-              <label className="form-check-label" htmlFor="yearly-input">
-                { rtl ? 'تدفع سنويا' : 'Billed yearly' }
-                <small className="alert-danger text-danger rounded-pill ms-1">-15%</small>
-              </label>
-            </div>
-          </div>
-        </div>
-        <div className="table-responsive">
-          <div className="content">
-            <div className="price-head">
-              <div className="price-headTitle">
-                <img src="/assets/img/icons/price_s5.png" alt="" />
-              </div>
-              {
-                data.map((plan, i) => (
-                  <div className={`price-headItem ${plan.bestChoice && 'bg-gray5'}`} key={i}>
-                    <h6>{ plan.title }</h6>
-                    <h2 className={`monthly_price ${plan.bestChoice && 'color-blue5'}`}>{ plan.price.monthly } <span>/{ rtl ? 'شهريا' : 'mo' }</span></h2>
-                    <h2 className={`yearly_price ${plan.bestChoice && 'color-blue5'}`}>{ plan.price.yearly } <span>/{ rtl ? 'سنويا' : 'yr' }</span></h2>
-                    <small>{ plan.short_description }</small>
-                    <small>{ plan.description }</small>
-                    {
-                      plan.bestChoice && <div className="label">{ rtl ? 'أفضل خيار' : 'best choice' }</div>
-                    }
-                  </div>
-                ))
-              }
-            </div>
-
-            <div className="price-body">
-              {
-                features.map((feature, i) => (
-                  <div className="price-bodyItems" key={i}>
-                    <div className="price-bodyTitle">
-                      { feature.title }
-                    </div>
-                    <div className="price-item">
-                      { typeof feature.data[0] === 'boolean' ? (feature.data[0] && <i className="bi bi-check2"></i>) : (<span>{ feature.data[0] }</span>) }
-                    </div>
-                    <div className="price-item bg-gray5">
-                      { typeof feature.data[1] === 'boolean' ? (feature.data[1] && <i className="bi bi-check2"></i>) : (<span>{ feature.data[1] }</span>) }
-                    </div>
-                    <div className="price-item">
-                      { typeof feature.data[2] === 'boolean' ? (feature.data[2] && <i className="bi bi-check2"></i>) : (<span>{ feature.data[2] }</span>) }
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-
-            <div className="price-foot">
-              <div className="price-footTitle">
-              </div>
-              <div className="price-footItem">
-                <Link to={ rtl ? "/rtl-page-contact" : "/page-contact-5" } className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold">
-                  <span> { rtl ? 'نبدأ الآن ' : 'Get Started Now' } </span>
-                </Link>
-              </div>
-              <div className="price-footItem bg-gray5">
-                <Link to={ rtl ? "/rtl-page-contact" : "/page-contact-5" } className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold">
-                  <span> { rtl ? 'نبدأ الآن ' : 'Get Started Now' } </span>
-                </Link>
-              </div>
-              <div className="price-footItem">
-                <Link to={ rtl ? "/rtl-page-contact" : "/page-contact-5" } className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold">
-              <span> { rtl ? 'نبدأ الآن ' : 'Get Started Now' } </span>
-                </Link>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Pricing
\ No newline at end of file
diff --git a/src/components/Saas/Services.jsx b/src/components/Saas/Services.jsx
deleted file mode 100644
index 89dfc49..0000000
--- a/src/components/Saas/Services.jsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import services from 'data/Saas/services.json';
-import servicesRTL from 'data/Saas/services-rtl.json';
-
-import "swiper/css";
-
-const Services = ({ rtl }) => {
-  const servicesData = rtl ? servicesRTL : services;
-
-  return (
-    <section className="services section-padding bg-white pb-50 style-6">
-      <div className="container">
-        <div className="row justify-content-center">
-          <div className="col-lg-8">
-            <div className="section-head text-center mb-60 style-5">
-              <h2 className="mb-20">{ rtl ? 'اهم' : 'Our Top' } <span>{ rtl ? 'خدماتنا' : 'Services' }</span> </h2>
-              <p>
-                { rtl ? 'تعتبر Iteck لوحة تحكم مصدر قوة عندما يتعلق الأمر بقائمة الميزات. يضمن ذلك حصولك على كل الوظائف التي تحتاجها لبناء سوقك وتشغيله وتوسيعه' : 'Iteck Dashboard is a powerhouse when it comes to the feature list. This ensures you have every functionality you need to build, run, and expand your marketplace' }
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="content">
-        <div className="services-slider position-relative style-6">
-          <Swiper
-            className="swiper-container"
-            slidesPerView={6}
-            centeredSlides={true}
-            spaceBetween={0}
-            speed={1000}
-            pagination={false}
-            navigation={false}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000
-            }}
-            loop={true}
-            breakpoints={{
-              0: {
-                slidesPerView: 1
-              },
-              480: {
-                slidesPerView: 1
-              },
-              787: {
-                slidesPerView: 2
-              },
-              991: {
-                slidesPerView: 4
-              },
-              1200: {
-                slidesPerView: 6
-              }
-            }}
-          >
-            {
-              servicesData.map((service, index) => (
-                <SwiperSlide key={index}>
-                  <Link to="/page-services-5" className="service-card style-6">
-                    <div className="icon">
-                      <img src={service.img} alt="" />
-                    </div>
-                    <div className="info">
-                      <h5>{ service.info }</h5>
-                      <div className="text">
-                        { service.text }
-                      </div>
-                    </div>
-                  </Link>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/Saas/Team.jsx b/src/components/Saas/Team.jsx
deleted file mode 100644
index 35ce7b1..0000000
--- a/src/components/Saas/Team.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import teamMembers from 'data/Saas/team.json';
-import teamMembersRTL from 'data/Saas/team-rtl.json';
-
-const Team = ({ rtl }) => {
-  const teamData = rtl ? teamMembersRTL : teamMembers;
-
-  return (
-    <section className="team section-padding style-6">
-      <div className="content">
-        <div className="container">
-          <div className="section-head text-center mb-70 style-5">
-            <h2 className="mb-20">{ rtl ? 'افضل' : 'Our' } <span>{ rtl ? 'المديرين' : 'Leaders' }</span> </h2>
-            <p>{ rtl ? 'المهنية والودية شعارنا. تعرف على قادتنا' : 'Profressional & Friendly is our slogan. Meet our leaders' }</p>
-          </div>
-          <div className="row">
-            {
-              teamData.map((member, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className={`team-card ${index !== teamMembers.length - 1 ? 'mb-30 mb-lg-0':''} style-6`}>
-                    <div className="img img-cover">
-                      <img src={member.picture} alt="" />
-                      <div className="social-icons">
-                        <a href="#" className="me-1">
-                          <i className="fab fa-twitter"></i>
-                        </a>
-                        <a href="#" className="me-1">
-                          <i className="fab fa-facebook-f"></i>
-                        </a>
-                        <a href="#" className="me-1">
-                          <i className="fab fa-linkedin-in"></i>
-                        </a>
-                        <a href="#">
-                          <i className="fab fa-github"></i>
-                        </a>
-                      </div>
-                    </div>
-                    <div className="info">
-                      <a className="d-block" href="#"><h6>{ member.name }</h6></a>
-                      <small>{ member.position }</small>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Team
\ No newline at end of file
diff --git a/src/components/Saas/Testimonials.jsx b/src/components/Saas/Testimonials.jsx
deleted file mode 100644
index ccc51f1..0000000
--- a/src/components/Saas/Testimonials.jsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Autoplay } from 'swiper';
-import testimonials from 'data/Saas/testimonials.json';
-import testimonialsRTL from 'data/Saas/testimonials-rtl.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Pagination, Autoplay]);
-
-const Testimonials = ({ rtl }) => {
-  const testimonialsData = rtl ? testimonialsRTL : testimonials;
-
-  return (
-    <section className="testimonials section-padding bg-gray5 style-5" data-scroll-index="5">
-      <div className="container">
-        <div className="section-head text-center mb-60 style-5">
-          <h2 className="mb-20">{ rtl ? 'مراجعات' : 'Clients' } <span>{ rtl ? 'العملاء' : 'Reviews' }</span> </h2>
-          <p>{ rtl ? 'لقد أحببت Iteck من آلاف العملاء في جميع أنحاء العالم وحصلت على ثقة من الشركات الكبرى.' : 'Iteck loved from thoudsands customer worldwide and get trusted from big companies.' }</p>
-        </div>
-      </div>
-      <div className="content">
-        <div className="testimonial-slider position-relative style-5">
-          <Swiper
-            className="swiper-container pb-70"
-            spaceBetween={0}
-            slidesPerView={4}
-            speed={1000}
-            pagination={{
-              el: ".testimonial-slider.style-5 .swiper-pagination",
-              clickable: true,
-            }}
-            navigation={false}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000
-            }}
-            loop={true}
-            breakpoints={{
-              0: {
-                slidesPerView: 1,
-              },
-              480: {
-                slidesPerView: 1,
-              },
-              787: {
-                slidesPerView: 2,
-              },
-              991: {
-                slidesPerView: 3,
-              },
-              1200: {
-                slidesPerView: 4,
-              }
-            }}
-          >
-            {
-              testimonialsData.map((testimonial, i) => (
-                <SwiperSlide key={i}>
-                  <a href="#" className="testi-card style-5">
-                    <div className="stars">
-                      { Array(testimonial.stars).fill().map((_, t) => (<i className="fas fa-star" key={t}></i>)) }
-                    </div>
-                    <div className="text">
-                      { testimonial.comment }
-                    </div>
-                    <div className="user mt-40 text-center">
-                      <div className="icon-80 rounded-circle img-cover overflow-hidden m-auto">
-                        <img src={testimonial.author.image} alt="" />
-                      </div>
-                      <h6>{ testimonial.author.name }</h6>
-                      <small>{ testimonial.author.position }</small>
-                    </div>
-                  </a>
-                </SwiperSlide>
-              ))
-            }
-          </Swiper>
-          <div className="swiper-pagination"></div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Shop/Categories.jsx b/src/components/Shop/Categories.jsx
deleted file mode 100644
index 7276c54..0000000
--- a/src/components/Shop/Categories.jsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import React from 'react';
-
-const Categories = ({ rtl }) => {
-  return (
-    <div className="filter-card mb-30">
-      <div className="card-title">
-        <span>{ rtl ? 'التصنيفات' : 'Categories' }</span>
-      </div>
-      <div className="form-check category-checkRadio">
-        <input className="form-check-input" type="radio" name="category" id="category1" />
-        <label className="form-check-label cat-link" htmlFor="category1">
-          { rtl ? 'كل التصنيفات' : 'All Categories' }
-        </label>
-      </div>
-      <div className="form-check category-checkRadio">
-        <input className="form-check-input" type="radio" name="category" id="category2" />
-        <label className="form-check-label cat-link" htmlFor="category2">
-          { rtl ? 'التسويق و التحليل' : 'Marketing & SEO' }
-        </label>
-      </div>
-      <div className="accordion" id="accordionExample">
-        <div className="">
-          <h2 className="accordion-header" id="headingOne">
-            <button className="accordion-button" type="button" data-bs-toggle="collapse"
-              data-bs-target="#collapseOne" aria-expanded="true"
-              aria-controls="collapseOne">
-              { rtl ? 'تكنولوجى' : 'Technology' }
-            </button>
-          </h2>
-          <div id="collapseOne" className="accordion-collapse collapse show"
-            aria-labelledby="headingOne" data-bs-parent="#accordionExample">
-            <div className="ps-3 mb-10">
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category3" defaultChecked />
-                <label className="form-check-label cat-link" htmlFor="category3">
-                  { rtl ? 'كمبيوتر ولابتوب' : 'PC & Laptop' }
-                </label>
-              </div>
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category4" />
-                <label className="form-check-label cat-link" htmlFor="category4">
-                  { rtl ? 'قطع غيار' : 'Hardware' }
-                </label>
-              </div>
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category5" />
-                <label className="form-check-label cat-link" htmlFor="category5">
-                  { rtl ? 'موبايل وتابلت' : 'mobile & tablet' }
-                </label>
-              </div>
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category6" />
-                <label className="form-check-label cat-link" htmlFor="category6">
-                  { rtl ? 'اكسسوارات' : 'accessories' }
-                </label>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="">
-          <h2 className="accordion-header" id="headingTwo">
-            <button className="accordion-button collapsed" type="button"
-              data-bs-toggle="collapse" data-bs-target="#collapseTwo"
-              aria-expanded="false" aria-controls="collapseTwo">
-              { rtl ? 'الكترونيات' : 'Electronic' }
-            </button>
-          </h2>
-          <div id="collapseTwo" className="accordion-collapse collapse"
-            aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
-            <div className="ps-3 mb-10">
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category7" />
-                <label className="form-check-label cat-link" htmlFor="category7">
-                  { rtl ? 'كمبيوتر ولابتوب' : 'PC & Laptop' }
-                </label>
-              </div>
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category8" />
-                <label className="form-check-label cat-link" htmlFor="category8">
-                  { rtl ? 'قطع غيار' : 'Hardware' }
-                </label>
-              </div>
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category9" />
-                <label className="form-check-label cat-link" htmlFor="category9">
-                  { rtl ? 'موبايل وتابلت' : 'mobile & tablet' }
-                </label>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="">
-          <h2 className="accordion-header" id="headingThree">
-            <button className="accordion-button collapsed" type="button"
-              data-bs-toggle="collapse" data-bs-target="#collapseThree"
-              aria-expanded="false" aria-controls="collapseThree">
-              { rtl ? 'تكنولوجى' : 'Course' }
-            </button>
-          </h2>
-          <div id="collapseThree" className="accordion-collapse collapse"
-            aria-labelledby="headingThree" data-bs-parent="#accordionExample">
-            <div className="ps-3 mb-10">
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category10" />
-                <label className="form-check-label cat-link" htmlFor="category10">
-                  { rtl ? 'كمبيوتر ولابتوب' : 'PC & Laptop' }
-                </label>
-              </div>
-              <div className="form-check category-checkRadio">
-                <input className="form-check-input" type="radio" name="category"
-                  id="category11" />
-                <label className="form-check-label cat-link" htmlFor="category11">
-                  { rtl ? 'قطع غيار' : 'Hardware' }
-                </label>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="form-check category-checkRadio">
-        <input className="form-check-input" type="radio" name="category" id="category12" />
-        <label className="form-check-label cat-link" htmlFor="category12">
-          { rtl ? 'احداث' : 'Event' }
-        </label>
-      </div>
-    </div>
-  )
-}
-
-export default Categories
\ No newline at end of file
diff --git a/src/components/Shop/Filter.jsx b/src/components/Shop/Filter.jsx
deleted file mode 100644
index f5c0079..0000000
--- a/src/components/Shop/Filter.jsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import React, { useState } from 'react';
-import Slider from 'rc-slider';
-import 'rc-slider/assets/index.css';
-
-const Filter = ({ style = "4", rtl }) => {
-  const [range, setRange] = useState([75, 300]);
-
-  const sliderChange = (value) => {
-    setRange(value);
-  }
-  return (
-    <div className="filter-card">
-      <div className="card-title d-flex justify-content-between">
-        <span>{ rtl ? 'فلتر' : 'Filter' }</span>
-        <a href="#" className="text-uppercase fw-normal fs-10px"> <i
-          className="bi bi-arrow-repeat me-1"></i> { rtl ? 'إعادة ضبط الجميع' : 'Reset All' } </a>
-      </div>
-      <div className="filter-card-item">
-        <div className="sub-tilte d-flex align-items-center justify-content-between">
-          <span>{ rtl ? 'العلامات التجارية' : 'Brands' }</span>
-          <small className="icon">
-            <i className="bi bi-chevron-down"></i>
-          </small>
-        </div>
-        <div className="filter-card-body">
-          <div className="search-group">
-            <input type="text" placeholder="Search brand" />
-            <button> <i className="bi bi-search"></i> </button>
-          </div>
-          <div className="filter-card-scroll">
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck1" />
-              <label className="form-check-label" htmlFor="categoryCheck1">
-                { rtl ? 'جميع العلامات التجارية' : 'All Brands' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck2" />
-              <label className="form-check-label" htmlFor="categoryCheck2">
-                { rtl ? 'ابل' : 'Apple' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck3" />
-              <label className="form-check-label" htmlFor="categoryCheck3">
-                { rtl ? 'سامسونج' : 'Samsung' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck4" />
-              <label className="form-check-label" htmlFor="categoryCheck4">
-                { rtl ? 'اوبو' : 'Oppo' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck5" />
-              <label className="form-check-label" htmlFor="categoryCheck5">
-                { rtl ? 'سونى' : 'Sony' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck6" />
-              <label className="form-check-label" htmlFor="categoryCheck6">
-                { rtl ? 'ابل' : 'Apple' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck7" />
-              <label className="form-check-label" htmlFor="categoryCheck7">
-                { rtl ? 'سامسونج' : 'Samsung' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck8" />
-              <label className="form-check-label" htmlFor="categoryCheck8">
-                { rtl ? 'اوبو' : 'Oppo' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck9" />
-              <label className="form-check-label" htmlFor="categoryCheck9">
-                { rtl ? 'سونى' : 'Sony' }
-              </label>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="filter-card-item">
-        <div className="sub-tilte d-flex align-items-center justify-content-between">
-          <span>{ rtl ? 'الالوان' : 'Colors' }</span>
-          <small className="icon">
-            <i className="bi bi-chevron-down"></i>
-          </small>
-        </div>
-        <div className="filter-card-body">
-          <div className="filter-card-scroll">
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck10" />
-              <label className="form-check-label" htmlFor="categoryCheck10">
-                { rtl ? 'كل الالوان' : 'All Colors' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck11" />
-              <label className="form-check-label" htmlFor="categoryCheck11">
-                { rtl ? 'احمر' : 'Red' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck12" />
-              <label className="form-check-label" htmlFor="categoryCheck12">
-                { rtl ? 'برتقالى' : 'Orange' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck13" />
-              <label className="form-check-label" htmlFor="categoryCheck13">
-                { rtl ? 'اصفر' : 'Yellow' }
-              </label>
-            </div>
-            <div className="form-check category-checkBox">
-              <input className="form-check-input" type="checkbox" value=""
-                id="categoryCheck14" />
-              <label className="form-check-label" htmlFor="categoryCheck14">
-                { rtl ? 'ازرق' : 'Blue' }
-              </label>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="filter-card-item border-0 m-0">
-        <div className="sub-tilte d-flex align-items-center justify-content-between">
-          <span>{ rtl ? 'السعر' : 'Price' }</span>
-        </div>
-        <div className="filter-card-body">
-          <div className="slider-range-content">
-            <div className="amount-input">
-              <div className="amount">
-                <small>$ { rtl ? 'الاقل' : 'Min' }</small>
-                <input type="text" id="amount1" readOnly value={range[0]} />
-              </div>
-              <div className="amount">
-                <small>$ { rtl ? 'الاغلى' : 'Max' }</small>
-                <input type="text" id="amount2" readOnly value={range[1]} />
-              </div>
-              <button>{ rtl ? 'تطبيق' : 'go' }</button>
-            </div>
-            <div id="slider-range" style={{ marginTop: '25px', "--clr-style": `var(--color-blue${style})` }}>
-              <Slider
-                range
-                min={0}
-                max={500}
-                value={range}
-                onChange={sliderChange}
-                railStyle={{ backgroundColor: '#dfdfdf', height: '6px' }}
-                trackStyle={{ backgroundColor: `var(--color-blue${style})`, height: '6px' }}
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Filter
\ No newline at end of file
diff --git a/src/components/Shop/Product.jsx b/src/components/Shop/Product.jsx
deleted file mode 100644
index 5d112e7..0000000
--- a/src/components/Shop/Product.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-
-const Product = ({ product, rtl }) => {
-  return (
-    <div className="col-6 col-lg-3 col-sm-6 card-width">
-      <div className="product-card">
-        <div className="img">
-          <img src={product.image} alt="" />
-          { product.label && (<span className={`label ${product.label==='new'?'new':'sale-off'}`}>{ product.label }</span>) }
-          <span className={`fav-btn ${product.liked?'active':''}`}> <i className="fas fa-heart"></i> </span>
-        </div>
-        <div className="info">
-          <h6 className="category">{ product.category }</h6>
-          <h5 className="title">{ product.title }</h5>
-          <div className="rate">
-            <div className="stars">
-              {
-                Array(5).fill(0).map((_, index) => (<i key={index} className={`fas fa-star ${index + 1 <= product.rating ? 'active':''}`}></i>))
-              }
-            </div>
-            <span className="rev ms-1">{ product.reviews } { rtl ? 'المراجعات' : 'Reviews' }</span>
-          </div>
-        </div>
-        <div className="price">
-          {
-            typeof product.price === 'string' ? '$' + (product.price) : (
-              <>
-                <span className="price-sale">${ product.price.new }</span> <span className="old-price">${ product.price.old }</span>
-              </>
-            )
-          }
-        </div>
-
-        <a href="#" className="btn rounded-pill mt-20">
-          <span>{ rtl ? 'أضف إلى السلة' : 'Add To Cart' }</span>
-        </a>
-      </div>
-    </div>
-  )
-}
-
-export default Product
\ No newline at end of file
diff --git a/src/components/Shop/TopFilter.jsx b/src/components/Shop/TopFilter.jsx
deleted file mode 100644
index 71ec9a2..0000000
--- a/src/components/Shop/TopFilter.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-
-const TopFilter = ({ setListView, rtl }) => {
-  const showListView = () => {
-    document.querySelector('.list-btn.bttn').classList.add('active');
-    document.querySelector('.grid-btn.bttn').classList.remove('active');
-    setListView(true)
-  }
-
-  const hideListView = () => {
-    document.querySelector('.grid-btn.bttn').classList.add('active');
-    document.querySelector('.list-btn.bttn').classList.remove('active');
-    setListView(false)
-  }
-
-  return (
-    <div className="top-filter mb-10">
-      <div className="row align-items-center">
-        <div className="col-lg-6">
-          <p className="color-999 fs-12px mb-3 mb-lg-0"> <span className="color-000">1 - 40</span> of 1,652 results</p>
-        </div>
-        <div className="col-lg-6">
-          <div className="r-side">
-            <div className="row align-items-center">
-              <div className="col-8">
-                <form action="contact.php" className="form" method="post">
-                  <div className="form-group">
-                    <label>{ rtl ? 'ترتيب حسب' : 'Sort by' }</label>
-                    <select className="form-select" defaultValue={ rtl ? 'الطبيعى' : "Default" }>
-                      <option value="">{ rtl ? 'الطبيعى' : 'Default' }</option>
-                      <option value="">{ rtl ? 'الأكثر مبيعًا' : 'best seller' }</option>
-                      <option value="">{ rtl ? 'منتجات جديدة' : 'new products' }</option>
-                      <option value="">{ rtl ? 'الطبيعى' : 'Default' }</option>
-                    </select>
-                  </div>
-                </form>
-              </div>
-              <div className="col-4">
-                <div className="grid-list-btns">
-                  <span className="grid-btn bttn active" onClick={hideListView}>
-                    <i className="bi bi-grid-3x3"></i>
-                  </span>
-                  <span className="list-btn bttn" onClick={showListView}>
-                    <i className="bi bi-list-task"></i>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default TopFilter
\ No newline at end of file
diff --git a/src/components/Shop/index.jsx b/src/components/Shop/index.jsx
deleted file mode 100644
index d3b78a6..0000000
--- a/src/components/Shop/index.jsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React, { useState } from 'react';
-import shopData from 'data/App/shop.json';
-import shopDataRTL from 'data/App/shop-rtl.json';
-import Categories from './Categories'
-import Filter from './Filter'
-import Product from './Product';
-import TopFilter from './TopFilter'
-
-const Shop = ({ style = "4", rtl }) => {
-  const [listView, setListView] = useState(false);
-  const data = rtl ? shopDataRTL : shopData;
-
-  return (
-    <section className="shop section-padding pt-50">
-      <div className="container">
-        <div className={`section-head text-center style-${style} ${style==="5" ? 'mb-80':''}`}>
-          <h2 className="mb-20">{ rtl ? 'سوق' : 'Iteck’s' }  <span> { rtl ? 'Iteck' : 'Store' } </span> </h2>
-          <div className="page-links color-999">
-            <a href="#" className="me-2">
-              { rtl ? 'الرئيسية' : 'Home' }
-            </a>
-            <span className="me-2">/</span>
-            <a href="#" className="color-000">
-              { rtl ? 'سوق Iteck' : 'Iteck’s Store' }
-            </a>
-          </div>
-        </div>
-        <div className="row gx-4">
-          <div className="col-lg-3 col-sm-6">
-            <div className="filter">
-              <Categories rtl={rtl} />
-              <Filter style={style} rtl={rtl} />
-            </div>
-          </div>
-          <div className="col-lg-9">
-            <div className="products-content">
-              <TopFilter setListView={setListView} rtl={rtl} />
-              <div className={`products ${listView ? 'list-view':''}`}>
-                <div className="row gx-2 gx-lg-4">
-                  {
-                    data.map((item, index) => (
-                      <Product key={index} product={item} rtl={rtl} />
-                    ))
-                  }
-                </div>
-                <div className={`pagination style-5 color-${style} justify-content-center mt-50`}>
-                  <a href="#" className="active">
-                    <span>1</span>
-                  </a>
-                  <a href="#">
-                    <span>2</span>
-                  </a>
-                  <a href="#">
-                    <span>3</span>
-                  </a>
-                  <a href="#">
-                    <span>4</span>
-                  </a>
-                  <a href="#">
-                    <span>...</span>
-                  </a>
-                  <a href="#">
-                    <span>20</span>
-                  </a>
-                  <a href="#">
-                    <span className="text">{ rtl ? 'التالي' : 'next' } <i className="fas fa-chevron-right"></i> </span>
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Shop
\ No newline at end of file
diff --git a/src/components/SinglePost/AllNews/Comments.jsx b/src/components/SinglePost/AllNews/Comments.jsx
deleted file mode 100644
index e56d813..0000000
--- a/src/components/SinglePost/AllNews/Comments.jsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import React from "react";
-
-const Comments = ({ commentCard, comments, style, rtl }) => {
-  return (
-    <div className="blog-comments mt-70">
-      <div className="comment-card card p-5 radius-5 border-0 mt-50">
-        <div className="d-flex">
-          <div className="icon-60 rounded-circle img-cover overflow-hidden me-3 flex-shrink-0">
-            <img src={commentCard.user.picture} alt="" />
-          </div>
-          <div className="inf">
-            <h6 className="fw-bold">{ commentCard.user.name }</h6>
-            <small className="color-999">{ commentCard.date }</small>
-            <div className="text color-000 fs-12px mt-10">
-              { commentCard.text }
-            </div>
-            <div className="social-icons d-flex mt-20">
-              <a href="#" className="icon-25 rounded-circle d-inline-flex overflow-hidden align-items-center justify-content-center fs-10px me-2">
-                <i className="fab fa-twitter"></i>
-              </a>
-              <a href="#" className="icon-25 rounded-circle d-inline-flex overflow-hidden align-items-center justify-content-center fs-10px me-2">
-                <i className="fab fa-facebook-f"></i>
-              </a>
-              <a href="#" className="icon-25 rounded-circle d-inline-flex overflow-hidden align-items-center justify-content-center fs-10px me-2">
-                <i className="fab fa-instagram"></i>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      {/* Comments */}
-      <div className="comments-content mt-70">
-        <h3 className="color-000 mb-0">{ comments.length < 10 ? `0${comments.length}` : comments.length } { rtl ? 'تعليقات' : 'Comments' }</h3>
-        {
-          comments.map((comment, index) => (
-            <div className={`comment-replay-cont ${index !== comments.length - 1 ? 'border-bottom border-1 brd-gray':''} pb-40 pt-40`} key={index}>
-              <div className="d-flex comment-cont">
-                <div className="icon-60 rounded-circle img-cover overflow-hidden me-3 flex-shrink-0">
-                  <img src={comment.user.picture} alt="" />
-                </div>
-                <div className="inf">
-                  <div className="title d-flex justify-content-between">
-                    <h6 className="fw-bold fs-14px">{ comment.user.name }</h6>
-                    <span className="time fs-12px text-uppercase">
-                      { comment.time }
-                    </span>
-                  </div>
-                  <div className="text color-000 fs-12px mt-10">
-                    { comment.content }
-                  </div>
-                  <a href="#" className={`butn border border-1 rounded-pill border-blue${style} mt-20 py-2 px-3 hover-blue${style} color-blue${style}`}>
-                    <span className="fs-10px">{ rtl ? 'رد' : 'replay' }</span>
-                  </a>
-                </div>
-              </div>
-              {
-                comment.replies.map((reply, i) => (
-                  <div className="d-flex comment-replay ps-5 mt-30 ms-4" key={i}>
-                    <div className="icon-40 rounded-circle img-cover overflow-hidden me-3 flex-shrink-0">
-                      <img src={reply.user.picture} alt="" />
-                    </div>
-                    <div className="inf">
-                      <div className="title d-flex justify-content-between">
-                        <h6 className="fw-bold fs-14px">{ reply.user.name }</h6>
-                        <span className="time fs-12px text-uppercase">
-                          { reply.time }
-                        </span>
-                      </div>
-                      <div className="text color-000 fs-12px mt-10">
-                        { reply.content }
-                      </div>
-                      <a href="#" className={`butn border border-1 rounded-pill border-blue${style} mt-20 py-2 px-3 hover-blue${style} color-blue${style}`}>
-                        <span className="fs-10px">{ rtl ? 'رد' : 'replay' }</span>
-                      </a>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          ))
-        }
-      </div>
-      {/* Comments Form */}
-      <form className="comment-form d-block pt-30">
-        <h3 className="color-000 mb-40"> { rtl ? 'اضافة تعليق' : 'Leave A Comment' } </h3>
-        <div className="row">
-          <div className="col-lg-12">
-            <div className="form-group mb-30">
-              <textarea className="form-control radius-4 fs-12px p-3" rows="6" placeholder={ rtl ? "اكتب تعليقك هنا" : "Write your comment here" }></textarea>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="form-group mb-4 mb-lg-0">
-              <input type="text" className="form-control fs-12px radius-4 p-3" placeholder={ rtl ? "اسمك *" : "Your Name *" } />
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="form-group">
-              <input type="text" className="form-control fs-12px radius-4 p-3" placeholder={ rtl ? "بريدك الالكترونى *" : "Your Email *" } />
-            </div>
-          </div>
-          <div className="col-lg-12">
-            <div className="form-check mt-20">
-              <input className="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
-              <label className="form-check-label fs-12px" htmlFor="flexCheckDefault">
-                { rtl ? 'احفظ اسمي والبريد الإلكتروني في هذا المتصفح لاستخدامها المرة المقبلة في تعليقي' : 'Save my name & email in this browser for next time I comment' }
-              </label>
-            </div>
-          </div>
-          <div className="col-12">
-            <a href="#" className={`btn rounded-pill blue${style}-3Dbutn hover-blue4 sm-butn fw-bold mt-40`}>
-              <span>{ rtl ? 'ارسال التعليق' : 'Submit Comment' }</span>
-            </a>
-          </div>
-        </div>
-      </form>
-    </div>
-  )
-}
-
-export default Comments
\ No newline at end of file
diff --git a/src/components/SinglePost/AllNews/Content.jsx b/src/components/SinglePost/AllNews/Content.jsx
deleted file mode 100644
index fa1040d..0000000
--- a/src/components/SinglePost/AllNews/Content.jsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import React from 'react';
-
-const Content = ({ style, rtl }) => {
-  return (
-    <>
-      <h4 className="fw-bold color-000 lh-4 mb-30">{ rtl ? 'بمناسبة العرض الأول في المملكة المتحدة للفنان هنري باراندي ، المطور' : 'To mark the first UK show of artist Henri Barande, developer' } <a href="#" className={`color-blue${style}`}>{ rtl ? 'موسي' : 'Moussa' }</a> { rtl ? 'واستوديو Schultzschultz الألماني قاما بإنشاء The Lodge Wooden في مدينة برلين' : 'and German studio Schultzschultz  have created The Lodge Wooden at Berlin City' }</h4>
-      <div className="text mb-10 color-666">
-        { rtl ? 'اليوم ، يمارس معظم الناس في المتوسط 4 إلى 6 ساعات من التمارين كل يوم ، ويتأكدون من أن كل شيء يضعونه في أفواههم ليس مليئًا بالسكريات أو المواد الحافظة ، لكنهم لا يهتمون بصحتهم العقلية ، ولا إجازات ، ولا حتى بين الحين والآخر. عطلة نهاية أسبوع طويلة. كل هذا على أمل الحصول على هذا الترويج الكبير في يوم من الأيام.' : 'Today most people get on average 4 to 6 hours of exercise every day, and make sure that everything they put in their mouths is not filled with sugars or preservatives, but they pay no attention to their mental health, no vacations, not even the occasional long weekend. All of this for hopes of one day getting that big promotion' }.
-      </div>
-      <div className="text color-666 mb-20">
-        { rtl ? 'كوفنتري مدينة لها ألف عام من التاريخ ولديها الكثير لتقدمه للسائح الزائر. يقع في قلب وارويكشاير.' : 'Coventry is a city with a thousand years of history that has plenty to offer the visiting tourist. <br /> Located in the heart of Warwickshire.' }
-      </div>
-      <div className="info-imgs">
-        <div className="row">
-          <div className="col-lg-6">
-            <div className="img text-center mt-30">
-              <img src="/assets/img/blog/13.png" alt="" />
-              <span className="color-999 fs-12px mt-20">{ rtl ? 'الصور بواسطة' : 'Images by' } <a href="#" className="color-000">{ rtl ? '@مثال' : '@sample' }</a> </span>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="img text-center mt-30">
-              <img src="/assets/img/blog/14.png" alt="" />
-              <span className="color-999 fs-12px mt-20">{ rtl ? 'الصور بواسطة' : 'Images by' } <a href="#" className="color-000">{ rtl ? '@مثال' : '@sample' }</a> </span>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="text mt-50 color-666">
-        { rtl ? 'الإجابة القصيرة هي نعم. وفقًا لكروس ، عندما تفكر في نفسك كشخص آخر ، فهذا يسمح لك أن تمنح نفسك المزيد. نوتردام في نفس الهدف اللوريم ، ردود فعل مفيدة.' : 'The short answer is yes. According to Kross, when you think of yourself as another person, it allows you lorem ispum lorem suo give yourself more. Notre dame at sume lorem objective, helpful feedback.' }
-      </div>
-      <div className="twitter-info mt-60">
-        <div className="twitter-card">
-          <div className="twitter-header d-flex align-items-center justify-content-between">
-            <div className="twitter-user d-flex align-items-center">
-              <div className="icon-50 rounded-circle img-cover overflow-hidden me-3 flex-shrink-0">
-                <img src="/assets/img/team/3.jpeg" alt="" />
-              </div>
-              <div className="inf">
-                <h6 className="fw-bold">{ rtl ? 'راسيل' : 'Russel B.' }</h6>
-                <small className="color-999"> @russelb  - 15 Dec, 2022 </small>
-              </div>
-            </div>
-            <div className="twitter-icon">
-              <i className="fab fa-twitter"></i>
-            </div>
-          </div>
-          <div className="twitter-info mt-40">
-            <h5>
-              “{ rtl ? 'فريق في' : 'The team at' } <a href="#" className={`color-blue${style}`}>@iteckagency</a> { rtl ? 'هو مكرس بشكل لا يصدق ، وواسع المعرفة ، ومفيد. كان المنتج النهائي جميلًا ويستحق كل بنس. أوصي بشدة بموضوع Iteck WP.' : 'is incredibly dedicated, knowledgeable, and helpful. The finished product was beautiful, and worth every penny. I would absolutely recommend Iteck WP Theme.' }”
-            </h5>
-          </div>
-        </div>
-        <h4>{ rtl ? 'التقصير في اليقظة' : 'Defaulting to Mindfulness' }</h4>
-        <div className="text color-666 mt-30">
-          { rtl ? 'Cray منقوشة ما بعد السخرية ، قامت Helvetica keffiyeh بتشكيل كارليس بانجو قبل بيعها كشك صور المدونة Marfa semio tics Truffaut. مدونة Moustache Schlitz المستوى التالي Williamsburg ، حقيبة حمل آلة كاتبة عميقة على شكل حرف V' : 'Cray post-ironic plaid, Helvetica keffiyeh tousled Carles banjo before they sold out blog photo booth Marfa semio tics Truffaut. Mustache Schlitz next level blog Williamsburg, deep v typewriter tote bag' }
-        </div>
-        <ul className="ps-1 ps-lg-5 my-4 color-666 fs-14px lh-7">
-          <li className="d-flex">
-            <i className="bi bi-dot me-2 fs-3 lh-2 pt-1"></i>
-            { rtl ? 'تلخص الروائية الويلزية سارة ووترز الأمر ببلاغة' : 'Welsh novelist Sarah Waters sums it up eloquently' }
-          </li>
-          <li className="d-flex">
-            <i className="bi bi-dot me-2 fs-3 lh-2 pt-1"></i>
-            { rtl ? 'في كتابهم الكلاسيكي ، الإبداع في الأعمال ، استنادًا إلى دورة شائعة قاموا بتدريسها' : 'In their classic book, Creativity in Business, based on a popular course they co-taught' }
-          </li>
-          <li className="d-flex">
-            <i className="bi bi-dot me-2 fs-3 lh-2 pt-1"></i>
-            { rtl ? 'الروائي وكاتب السيناريو ستيفن بريسفيلد' : 'Novelist and screenwriter Steven Pressfield' }
-          </li>
-        </ul>
-        <div className="text color-666 mt-30">
-          { rtl ? 'هذا على الفور جلب إلى الأذهان واحد من' : 'That immediately brought to mind one of' } <a href="#" className={`text-decoration-underline color-blue${style}`}>{ rtl ? 'اعز' : 'my fondest' }</a> { rtl ? 'ذكريات ، عن ابنتي عندما كانت مجرد طفلة صغيرة.' : 'memories, involving my daughter when she was just a toddler of one.' }
-        </div>
-
-        <div className="blog-share mt-80">
-          <div className="row align-items-center">
-            <div className="col-lg-6">
-              <div className="side-tags">
-                <div className="content">
-                  <a href="#" className="me-1">{ rtl ? 'ووردبريس' : 'WordPress' }</a>
-                  <a href="#" className="me-1">{ rtl ? 'بي أتش بي' : 'PHP' }</a>
-                  <a href="#" className="me-1">HTML/CSS</a>
-                  <a href="#">{ rtl ? 'فيجما' : 'Figma' }</a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="share-icons d-flex justify-content-lg-end mt-3 mt-lg-0">
-                <h6 className="fw-bold me-3 flex-shrink-0 text-uppercase">
-                  { rtl ? 'مشاركة على' : 'Share on' }
-                </h6>
-                <a href="#">
-                  <i className="fab fa-facebook-f"></i>
-                </a>
-                <a href="#">
-                  <i className="fab fa-twitter"></i>
-                </a>
-                <a href="#">
-                  <i className="fab fa-tumblr"></i>
-                </a>
-                <a href="#">
-                  <i className="fas fa-rss"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}
-
-export default Content
\ No newline at end of file
diff --git a/src/components/SinglePost/AllNews/Details.jsx b/src/components/SinglePost/AllNews/Details.jsx
deleted file mode 100644
index 168c0b7..0000000
--- a/src/components/SinglePost/AllNews/Details.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-
-const Details = ({ details, style, rtl }) => {
-  return (
-    <div className="blog-details-slider mb-100">
-      <div className="section-head text-center mb-60 style-5">
-        <h2 className="mb-20 color-000">{ details.title }</h2>
-        <small className="d-block date text">
-          <a href="#" className={`text-uppercase border-end brd-gray pe-3 me-3 color-blue${style} fw-bold`}>{ details.type }</a>
-          <i className="bi bi-clock me-1"></i>
-          <span className="op-8 ms-1">{ rtl ? 'تم النشر' : 'Posted on' } { details.time }</span>
-        </small>
-      </div>
-      <div className="content-card">
-        <div className="img">
-          <img src="/assets/img/blog/1.jpeg" alt="" />
-        </div>
-        <div className="info">
-          <div className="row">
-            <div className="col-lg-6">
-              <div className="cont">
-                <small className="date small mb-20"> <span className="text-uppercase border-end brd-gray pe-3 me-3"> News </span> <i className="far fa-clock me-1"></i> Posted on 3 Days ago </small>
-                <h2 className="title">
-                  Solutions For Big Data Issue, Expert Perspective
-                </h2>
-                <p className="fs-12px mt-10 text-light text-info">If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected [...]</p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Details
\ No newline at end of file
diff --git a/src/components/SinglePost/AllNews/Metadata.jsx b/src/components/SinglePost/AllNews/Metadata.jsx
deleted file mode 100644
index 91281b3..0000000
--- a/src/components/SinglePost/AllNews/Metadata.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from "react";
-
-const Metadata = ({ metadata, rtl }) => {
-  return (
-    <div className="d-flex small align-items-center justify-content-between mb-70 fs-12px">
-      <div className="l_side d-flex align-items-center">
-        <a href="#" className="me-3 me-lg-5">
-          <span className="icon-20 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-main p-1 me-2 text-white">
-            { metadata.user.imgLetter }
-          </span>
-          <span className="">
-            { rtl ? 'بواسطة' : 'By' } { metadata.user.name }
-          </span>
-        </a>
-        <a href="#" className="me-3 me-lg-5">
-          <i className="bi bi-chat-left-text me-1"></i>
-          <span>{ metadata.commentsCount } { rtl ? 'تعليقات' : 'Comments' }</span>
-        </a>
-        <a href="#">
-          <i className="bi bi-eye me-1"></i>
-          <span>{ metadata.viewsCount } { rtl ? 'مشاهدات' : 'Views' }</span>
-        </a>
-      </div>
-      <div className="r-side mt-1">
-        <a href="#">
-          <i className="bi bi-info-circle me-1"></i>
-          <span>{ rtl ? 'تبليغ' : 'Report' }</span>
-        </a>
-      </div>
-    </div>
-  )
-}
-
-export default Metadata
\ No newline at end of file
diff --git a/src/components/SinglePost/AllNews/Sidebar.jsx b/src/components/SinglePost/AllNews/Sidebar.jsx
deleted file mode 100644
index 7f3b8aa..0000000
--- a/src/components/SinglePost/AllNews/Sidebar.jsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, { useEffect } from 'react';
-import { Link } from 'gatsby';
-import LightGallery from 'lightgallery/react';
-import 'lightgallery/css/lightgallery.css';
-
-const Sidebar = ({ data, style, rtl }) => {
-  useEffect(() => {
-    const lg = document.querySelector('.lg-react-element');
-    if (lg) lg.className = 'd-flex justify-content-between flex-wrap';
-  }, []);
-
-  return (
-    <div className="col-lg-4">
-      <div className="side-blog style-5 ps-lg-5 mt-5 mt-lg-0">
-        <form action="contact.php" className="search-form mb-50" method="post">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'بحث' : 'search' }
-          </h6>
-          <div className="form-group position-relative">
-            <input type="text" className="form-control rounded-pill" placeholder={ rtl ? "اكتب وارسل" : "Type and hit enter" } />
-            <button className="search-btn border-0 bg-transparent"> <i className="fas fa-search"></i> </button>
-          </div>
-        </form>
-
-        <div className="side-recent-post mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'المنشورات الاخيرة' : 'recent post' }
-          </h6>
-          {
-            data.recentPosts.map((post, index) => (
-              <Link to={ rtl ? "/rtl-page-single-post" : "/page-single-post-5" } key={index} className={`post-card ${index !== data.recentPosts.length - 1 ? 'pb-3 mb-3 border-bottom brd-gray':''}`}>
-                <div className="img me-3">
-                  <img src={post.image} alt="" />
-                </div>
-                <div className="inf">
-                  <h6>{ post.title }</h6>
-                  <p>{ rtl ? 'إذا كانت هناك طريقة واحدة تعمل بها التكنولوجيا اللاسلكية' : 'If there’s one way that wireless technology has' } [...]</p>
-                </div>
-              </Link>
-            ))
-          }
-        </div>
-
-        <div className="side-categories mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'التصنيفات' : 'categories' }
-          </h6>
-          {
-            data.categories.map((category, index) => (
-              <a href="#" className="cat-item" key={index}>
-                <span>{ category.title }</span>
-                <span>{ category.count }</span>
-              </a>
-            ))
-          }
-        </div>
-
-        <div className="side-newsletter mb-50">
-          <h6 className="title mb-10 text-uppercase fw-normal">
-            { rtl ? 'نشرة الاخبار' : 'newsletter' }
-          </h6>
-          <div className="text">
-            { rtl ? 'سجل الآن للحصول على آخر التحديثات الخاصة بالعروض الترويجية والقسائم.' : 'Register now to get latest updates on promotions & coupons.' }
-          </div>
-          <form action="contact.php" className="form-subscribe" method="post">
-            <div className="email-input d-flex align-items-center py-3 px-3 bg-white mt-3 radius-5">
-              <span className="icon me-2 flex-shrink-0">
-                <i className="far fa-envelope"></i>
-              </span>
-              <input type="text" placeholder="Email Address" className="border-0 bg-transparent fs-12px" />
-            </div>
-            <button className={`btn bg-blue${style} sm-butn text-white hover-darkBlue w-100 mt-3 radius-5 py-3`}>
-              <span>{ rtl ? 'أشترك' : 'Subscribe' }</span>
-            </button>
-          </form>
-        </div>
-
-        <div className="side-share mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'اجتماعي' : 'social' }
-          </h6>
-          <a href="#" className="social-icon">
-            <i className="fab fa-twitter"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-facebook-f"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-pinterest"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-goodreads-g"></i>
-          </a>
-          <a href="#" className="social-icon">
-            <i className="fab fa-linkedin-in"></i>
-          </a>
-        </div>
-
-        <div className="side-insta mb-50">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'انستجرام' : 'our instagram' }
-          </h6>
-          <LightGallery speed={500} backdropDuration={500}>
-            {
-              data.instagram.map((image, index) => (
-                <a href={image} className="insta-img img-cover" data-fancybox="gallery" key={index}>
-                  <img src={image} alt="" />
-                  <i className="fab fa-instagram icon"></i>
-                </a>
-              ))
-            }
-          </LightGallery>
-        </div>
-
-        <div className="side-tags">
-          <h6 className="title mb-20 text-uppercase fw-normal">
-            { rtl ? 'الكلمات الاكثر بحثا' : 'popular tags' }
-          </h6>
-          <div className="content">
-            {
-              data.tags.map((tag, index) => (<a href="#" key={index} className="me-1">{ tag }</a>))
-            }
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Sidebar
\ No newline at end of file
diff --git a/src/components/SinglePost/AllNews/index.jsx b/src/components/SinglePost/AllNews/index.jsx
deleted file mode 100644
index f492001..0000000
--- a/src/components/SinglePost/AllNews/index.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from "react";
-import Details from "./Details";
-import Metadata from "./Metadata";
-import Content from "./Content";
-import Comments from "./Comments";
-import Sidebar from "./Sidebar";
-
-import news from "data/SinglePost/all-news.json";
-import newsRTL from "data/SinglePost/all-news-rtl.json";
-
-const AllNews = ({ isWide, leftSidebar, style = "4", rtl }) => {
-  const data = rtl ? newsRTL : news;
-  const metadata = {
-    imgLetter: data.imgLetter,
-    user: data.user,
-    commentsCount: data.commentsCount,
-    viewsCount: data.viewsCount,
-  };
-
-  return (
-    <section className="all-news section-padding pt-50 blog bg-transparent style-3">
-      <div className="container">
-        <Details
-          details={{ title: data.title, time: data.time, type: data.type }}
-          style={style}
-          rtl={rtl}
-        />
-        <div className="row gx-4 gx-lg-5">
-          {!isWide && leftSidebar && (
-            <Sidebar data={data.sidebar} style={style} rtl={rtl} />
-          )}
-          <div className={isWide ? "col-lg-12" : "col-lg-8"}>
-            <Metadata metadata={metadata} rtl={rtl} />
-            <div className="blog-content-info">
-              <Content style={style} rtl={rtl} />
-              <Comments
-                comments={data.comments}
-                commentCard={data.commentCard}
-                style={style}
-                rtl={rtl}
-              />
-            </div>
-          </div>
-          {!isWide && !leftSidebar && (
-            <Sidebar data={data.sidebar} style={style} rtl={rtl} />
-          )}
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default AllNews;
diff --git a/src/components/SinglePost/PopularPosts.jsx b/src/components/SinglePost/PopularPosts.jsx
deleted file mode 100644
index ae41dc3..0000000
--- a/src/components/SinglePost/PopularPosts.jsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from "react";
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Navigation, Pagination, Autoplay } from 'swiper';
-import posts from 'data/SinglePost/posts.json';
-import postsRTL from 'data/SinglePost/posts-rtl.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Navigation, Pagination, Autoplay]);
-
-const PopularPosts = ({ style = "4", rtl }) => {
-  const data = rtl ? postsRTL : posts;
-
-  return (
-    <section className="popular-posts related Posts section-padding pb-100 bg-gray5">
-      <div className="container">
-        <h5 className="fw-bold text-uppercase mb-50">{ rtl ? 'المنشورات ذات الصلة' : 'Related Posts' }</h5>
-        <div className="related-postes-slider position-relative">
-          <Swiper
-            className="swiper-container"
-            slidesPerView={3}
-            spaceBetween={80}
-            centeredSlides={true}
-            speed={1000}
-            pagination={false}
-            navigation={{
-              nextEl: '.related-postes-slider .swiper-button-next',
-              prevEl: '.related-postes-slider .swiper-button-prev'
-            }}
-            mousewheel={false}
-            keyboard={true}
-            autoplay={{
-              delay: 4000
-            }}
-            loop={true}
-            breakpoints={{
-              0: {
-                slidesPerView: 1
-              },
-              480: {
-                slidesPerView: 1
-              },
-              787: {
-                slidesPerView: 2
-              },
-              991: {
-                slidesPerView: 2
-              },
-              1200: {
-                slidesPerView: 3
-              }
-            }}
-          >
-            { 
-              data.map((post, index) => (
-                <SwiperSlide key={index}>
-                  <div className="card border-0 bg-transparent rounded-0 p-0  d-block">
-                    <Link to="/page-single-post-5" className="img radius-7 overflow-hidden img-cover">
-                      <img src={post.image} className="card-img-top" alt="..." />
-                    </Link>
-                    <div className="card-body px-0">
-                      <small className="d-block date mt-10 fs-10px fw-bold">
-                        <a href="#" className={`text-uppercase border-end brd-gray pe-3 me-3 color-blue${style}`}>{ post.type }</a>
-                        <i className="bi bi-clock me-1"></i>
-                        <a href="#" className="op-8">{ rtl ? 'تم النشر' : 'Posted on' } { post.time }</a>
-                      </small>
-                      <h5 className="fw-bold mt-10 title">
-                        <Link to="/page-single-post-5">{ post.title }</Link>
-                      </h5>
-                      <p className="small mt-2 op-8">{ post.short_desc }</p>
-                      <div className="d-flex small mt-20 align-items-center justify-content-between op-9">
-                        <div className="l_side d-flex align-items-center">
-                          <span className="icon-20 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-main p-1 me-2 text-white">
-                            { post.userImgLetter }
-                          </span>
-                          <a href="#" className="mt-1">
-                            { rtl ? 'بواسطة' : 'By' } { post.username }
-                          </a>
-                        </div>
-                        <div className="r-side mt-1">
-                          <i className="bi bi-chat-left-text me-1"></i>
-                          <a href="#">{ post.comments }</a>
-                          <i className="bi bi-eye ms-4 me-1"></i>
-                          <a href="#">{ post.views }</a>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </SwiperSlide>
-              )) 
-            }
-          </Swiper>
-          <div className="swiper-button-next"></div>
-          <div className="swiper-button-prev"></div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default PopularPosts
\ No newline at end of file
diff --git a/src/components/SingleProject/About.jsx b/src/components/SingleProject/About.jsx
deleted file mode 100644
index 5e43ff7..0000000
--- a/src/components/SingleProject/About.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from "react";
-import aboutMetadata from 'data/SingleProject/about.json';
-import aboutMetadataRTL from 'data/SingleProject/about-rtl.json';
-
-const About = ({ style = "4", rtl }) => {
-  const metadata = rtl ? aboutMetadataRTL : aboutMetadata;
-
-  return (
-    <section className="about-app style-5">
-      <div className="container">
-        <div className="content text-center">
-          <h1 className="color-000 mb-50">Notero - { rtl ? 'تطبيق الملاحظات السهل' : 'Easy Notes App' }</h1>
-          <div className="about-cards border-bottom brd-gray">
-            <div className="row">
-              {
-                metadata.map((item, index) => (
-                  <div className="col-lg-3 col-sm-6" key={index}>
-                    <div className="about-card mb-30 mb-lg-0">
-                      <small className="d-block">
-                        { item.title }
-                      </small>
-                      <h6>
-                        {
-                          typeof item.description === 'string' ?
-                            item.description : (<>{ item.description.part1 } <br /> { item.description.part2 }</>)
-                        }
-                      </h6>
-                    </div>
-                  </div>
-                ))
-              }
-            </div>
-          </div>
-          <div className="img-content pt-70 pb-70 border-bottom brd-gray overflow-hidden">
-            <div className="row justify-content-center">
-              <div className="col-lg-7">
-                <div className="img text-center">
-                  <img src="/assets/img/single_project/2mobs.png" alt="" className="main-img" />
-                  <img src="/assets/img/single_project/bubbls.png" alt="" className="bubbls" />
-                  <img src="/assets/img/single_project/circle.png" alt="" className="circle" />
-                </div>
-                <div className="info mt-30">
-                  <h5 className="lh-4">
-                    { rtl ? 'حافظ على تركيزك وإنتاجيتك مع مساحة ملاحظات نظيفة وخالية من الفوضى. الطرق المرنة لتنظيم ملاحظاتك: علامات التجزئة ، دفاتر الملاحظات المتداخلة ، تثبيت الملاحظات في أعلى قائمة الملاحظات ، إلخ.' : 'Stay focused and productive with a clean and clutter-free note space. The flexible ways to organize your notes: hashtags, nested notebooks, pinning notes to the top of the note list, etc' }
-                  </h5>
-                  <a href="#" className={`color-blue${style} mt-60`}>https://example.domain</a>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/SingleProject/About2.jsx b/src/components/SingleProject/About2.jsx
deleted file mode 100644
index b6b884a..0000000
--- a/src/components/SingleProject/About2.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from "react";
-
-const About = ({ style = "4", rtl }) => {
-  return (
-    <section className="about-app style-5">
-      <div className="container">
-        <div className="content text-center">
-          <div className="img-content pt-70 pb-100 border-bottom brd-gray">
-            <div className="row justify-content-center">
-              <div className="col-lg-6">
-                <div className="info mt-30">
-                  <h5 className="lh-4">
-                    {
-                      rtl ?
-                      <>
-                        فريق في <a href="#" className={`color-blue${style}`} >@iteck</a> هو مكرس بشكل لا يصدق ، وواسع المعرفة ، ومفيد. كان المنتج النهائي جميلًا ويستحق كل بنس. أوصي بشدة بمختبرات.
-                      </>
-                      :
-                      <>
-                        “The team at <a href="#" className={`color-blue${style}`} >@iteck</a> is incredibly dedicated, knowledgeable, and helpful. The finished product was beautiful, and worth every penny. I would absolutely recommend Moonex Labs.”
-                      </>
-                    }
-                  </h5>
-                  <a href="#" className="mt-60 color-666 fs-12px text-uppercase">- <strong className="color-000">{ rtl ? 'جون هنري ' : 'Jhon henry' } </strong>{ rtl ? ', المدير التنفيذي في Notero JSC -' : ', ceo at notero jsc -' } </a>
-                  <div className="share mt-100">
-                    <span className="color-999 fs-12px text-uppercase d-block">{ rtl ? 'شارك هذا المشروع' : 'share this project' }</span>
-                    <a href="#" className={`social-icon hover-blue${style} me-2`}>
-                      <i className="fab fa-twitter"></i>
-                    </a>
-                    <a href="#" className={`social-icon hover-blue${style} me-2`}>
-                      <i className="fab fa-facebook-f"></i>
-                    </a>
-                    <a href="#" className={`social-icon hover-blue${style} me-2`}>
-                      <i className="fab fa-pinterest"></i>
-                    </a>
-                    <a href="#" className={`social-icon hover-blue${style} me-2`}>
-                      <i className="fab fa-goodreads-g"></i>
-                    </a>
-                    <a href="#" className={`social-icon hover-blue${style}`}>
-                      <i className="fab fa-linkedin-in"></i>
-                    </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="next-prog section-padding">
-            <h5 className="color-999 text-uppercase fw-light">{ rtl ? 'المشروع التالى' : 'next project' }</h5>
-            <a href="#" className="color-000 fs-1 fw-bold mt-20">{ rtl ? 'Criftocy صفحة هبوط' : 'Criftocy Landing Page' }</a>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/SingleProject/Challenge.jsx b/src/components/SingleProject/Challenge.jsx
deleted file mode 100644
index 2e59822..0000000
--- a/src/components/SingleProject/Challenge.jsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from "react";
-import challengeData from 'data/SingleProject/challenge.json'
-import challengeDataRTL from 'data/SingleProject/challenge-rtl.json'
-
-const Challenge = ({ style = "4", rtl }) => {
-  const data = rtl ? challengeDataRTL : challengeData;
-  return (
-    <div className="challenge section-padding style-5 overflow-hidden">
-      <div className="container">
-        <div className="row gx-5">
-          <div className="col-lg-4">
-            <div className={`section-head style-${style}`}>
-              <h2>{ rtl ? '' : 'Our' } <br /> <span>{ rtl ? 'التحدى' : 'Challenge' }</span> </h2>
-            </div>
-          </div>
-          <div className="col-lg-8">
-            <div className="inf">
-              <div className="text color-666 mb-20">
-                { rtl ? 'قم بإنشاء موقع ويب غير تقليدي ولكنه سهل الاستخدام - مبتكر ، بتصميم نظيف وبسيط يتواصل ويعرض محتوى الوسائط المتعددة. الموقع الذي ينشر الرسالة: "إنها قصص حبك.”' : 'Create an unconventional yet user-friendly website – innovative, with a clean & simple design that communicates and showcases multi-media content. Site that spreads the message: ”It’s stories your love.”' }
-              </div>
-              <ul className="color-000">
-                {
-                  data.challenge.map((item, index) => (
-                    <li className="d-flex mb-10" key={index}>
-                      <i className="bi bi-dot fs-6 me-2"></i> { item }
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div className="imgs mt-60 mb-100">
-          <div className="row">
-            <div className="col-lg-6">
-              <div className="img img-cover rounded-3 overflow-hidden mb-30 mb-lg-0">
-                <img src="/assets/img/single_project/ch_1.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img img-cover rounded-3 overflow-hidden">
-                <img src="/assets/img/single_project/ch_2.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="row gx-5">
-          <div className="col-lg-4">
-            <div className={`section-head style-${style}`}>
-              <h2>{ rtl ? 'الحلول' : 'Solution' } & <br /> <span>{ rtl ? 'النتائج' : 'Result' }</span></h2>
-            </div>
-          </div>
-          <div className="col-lg-8">
-            <div className="inf">
-              <div className="text color-666 mb-10">
-                { rtl ? 'كان نهجنا هو تقديم الموقع كمنصة تحرير مرئية مع ميزات ربع سنوية بناءً على الأحداث والمناسبات التي تركز عليها العلامة التجارية. سيتم تمييز كل تركيز ربع سنوي بواسطة البطل والعلامات المخصصة التي تقوم بتصفية المحتوى.' : 'Our approach was to present the site as a visual editorial platform with quarterly features based on events and occasions the brand was focused on. Each quarterly focus would be marked by the hero and custom tags that filter content.' }
-              </div>
-              <div className="text color-666 mb-20">
-                { rtl ? 'هناك العديد من الأشكال المتاحة لنصوص لوريم إيبسوم ، لكن الغالبية تعرضت للتغيير بشكل ما ، عن طريق إدخال بعض الفكاهة أو الكلمات العشوائية التي لا تبدو قابلة للتصديق إلى حد ما.' : 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable.' }
-              </div>
-              <div className="color-000 mt-50">
-                <div className="row">
-                  {
-                    data.feats.map((item, index) => (
-                      <div className="col-lg-6" key={index}>
-                        <div className={`d-flex ${index !== challengeData.length - 1 ? 'mb-20':''} fw-bold`}>
-                          <div className={`icon-20 d-inline-flex justify-content-center align-items-center rounded-circle overflow-hidden bg-blue${style} text-white flex-shrink-0 me-3`}>
-                            <i className="bi bi-check"></i>
-                          </div>
-                          { item }
-                        </div>
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Challenge
\ No newline at end of file
diff --git a/src/components/SingleProject/Projects.jsx b/src/components/SingleProject/Projects.jsx
deleted file mode 100644
index bd03d3f..0000000
--- a/src/components/SingleProject/Projects.jsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from "react";
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Autoplay, Navigation } from 'swiper';
-import projectsData from 'data/SingleProject/projects.json';
-import projectsDataRTL from 'data/SingleProject/projects-rtl.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Pagination, Autoplay, Navigation]);
-
-const Projects = ({ style = "4", rtl }) => {
-  const projects = rtl ? projectsDataRTL : projectsData;
-
-  return (
-    <section className="projects style-6 p-0">
-      <div className="content section-padding rounded-0">
-        <div className="container">
-          <div className={`section-head text-center mb-60 style-${style}`}>
-            <h2 className="mb-20">{ rtl ? 'المشاريع' : 'Related' } <span>{ rtl ? 'ذات الصلة' : 'Projects' }</span> </h2>
-            <p>{ rtl ? 'لدينا فريق من ذوي الخبرة من موظفي الإنتاج والتفتيش لضمان الجودة' : 'We have an experienced team of production and inspection personnel to ensure quality.' }</p>
-          </div>
-          <div className="slider-3items slider-style-6">
-            <Swiper
-              className="swiper-container pb-0"
-              slidesPerView={3}
-              spaceBetween={0}
-              speed={1000}
-              pagination={{
-                el: ".slider-3items .swiper-pagination",
-                clickable: true
-              }}
-              navigation={{
-                nextEl: '.slider-3items .swiper-button-next',
-                prevEl: '.slider-3items .swiper-button-prev'
-              }}
-              mousewheel={false}
-              keyboard={true}
-              autoplay={{
-                delay: 4000
-              }}
-              loop={true}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1
-                },
-                480: {
-                  slidesPerView: 1
-                },
-                787: {
-                  slidesPerView: 2
-                },
-                991: {
-                  slidesPerView: 2
-                },
-                1200: {
-                  slidesPerView: 3
-                }
-              }}
-            >
-              {
-                projects.map((project, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="project-card style-6" style={{ direction: rtl ? 'rtl':'ltr' }}>
-                      <div className="img">
-                        <img src={project.image} alt="" />
-                      </div>
-                      <div className="info">
-                        <h3 className="title">
-                          <Link to={rtl ? "/rtl-page-single-project" : "/page-single-project-5" }>{ project.title }</Link>
-                        </h3>
-                        <small className="color-blue6">
-                          {
-                            project.type.map((type, i) => (
-                              <span key={i}>
-                                <a href="#">{ type }</a>
-                                { i !== project.type.length - 1 && <> &&nbsp;</> }
-                              </span>
-                            ))
-                          }
-                        </small>
-                        <div className="text">
-                          { project.text }
-                        </div>
-                        <div className="tags">
-                          {
-                            project.tags.map((tag, i) => (
-                              <span key={i} className="me-1">
-                                <a href="#">{ tag }</a>
-                              </span>
-                            ))
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-
-            <div className="swiper-button-next"></div>
-            <div className="swiper-button-prev"></div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Projects
\ No newline at end of file
diff --git a/src/components/Startup/About.jsx b/src/components/Startup/About.jsx
deleted file mode 100644
index bb8857c..0000000
--- a/src/components/Startup/About.jsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import React, { useState } from 'react';
-import { Link } from 'gatsby';
-import ModalVideo from "react-modal-video";
-import "react-modal-video/css/modal-video.css";
-
-const About = ({ rtl }) => {
-  const [isOpen, setOpen] = useState(false);
-
-  const openVideo = (e) => {
-    e.preventDefault();
-    setOpen(true);
-  }
-
-  return (
-    <section className="about style-6" data-scroll-index="1">
-      <div className="container">
-        <div className="content section-padding">
-          <div className="row justify-content-between align-items-center">
-            <div className="col-lg-5">
-              <div className="info">
-                <div className="section-head mb-40 style-6">
-                  <h2>
-                    {
-                      rtl 
-                      ?
-                      <>قم بترقية مشاريعك <br /> الى <span><small>أعلى المستويات</small></span></>
-                      :
-                      <>Boost your business up to <span><small>high level</small></span></>
-                    }
-                  </h2>
-                </div>
-                <div className="text">
-                  {
-                    rtl 
-                    ?
-                    "مثل أي وكالة عظيمة ، نحن الأفضل بنتاجئنا التي قدمناها لعملنا الأخير. يلتزم مطورونا بالحفاظ على أعلى معايير الويب حتى يتحمل موقعك اختبار الزمن."
-                    :
-                    "Like any great agency, we are only as good as the result we deliver of our recent work. Our developers are committed to maintaining the highest web standards so that your site will withstand the test of time."
-                  }
-                </div>
-                <div className="btns d-flex align-items-center mt-60">
-                  <Link to={`/${rtl ? 'rtl-page-about':'page-about-5'}`} className="btn rounded-pill butn-blue6 hover-blue2 sm-butn fw-bold me-3">
-                    <span>
-                      { rtl ? "من نحن" : "About Us" } <i className="bi bi-arrow-right ms-1"></i>
-                    </span>
-                  </Link>
-                  <a href="https://youtu.be/pGbIOC83-So?t=21" data-lity className="vid-btn" onClick={openVideo}>
-                    <i className="bi bi-play"></i>
-                    <span>
-                      { rtl ? "مشاهدة" : "See Our" } <br /> { rtl ? "اخر عروضنا" : "Showreels" }
-                    </span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="img">
-                <img src="/assets/img/about/superman_3d.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      {
-        typeof window !== "undefined" && 
-          (
-            <ModalVideo
-              channel="youtube"
-              autoplay
-              isOpen={isOpen}
-              videoId="pGbIOC83-So"
-              onClose={() => setOpen(false)}
-            />
-          )
-      }
-      <img src="/assets/img/about/about_s6_bubbles.png" alt="" className="bubbles rotate-center" />
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/Startup/Blog.jsx b/src/components/Startup/Blog.jsx
deleted file mode 100644
index db61340..0000000
--- a/src/components/Startup/Blog.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import blogs from 'data/Startup/blog.json';
-import blogsRTL from 'data/Startup/blog-rtl.json';
-import BlogCard from './BlogCard';
-
-const Blog = ({ rtl }) => {
-  const blogsData = rtl ? blogsRTL : blogs;
-
-  return (
-    <section className="blog section-padding style-6" data-scroll-index="8">
-      <div className="container">
-        {
-          rtl ?
-          (
-            <div className="section-head mb-70 style-6 text-center">
-              <h2 className="mb-20"> أحدث الأخبار من <span><small>مجلتنا</small></span></h2>
-              <p className="color-666">احصل على أحدث المقالات من صحافتنا ، ناقش وشارك</p>
-            </div>
-          )
-          :
-          (
-            <div className="section-head mb-70 style-6 text-center">
-              <h2 className="mb-20"> Latest from our <span className="ms-1"><small> magazine </small></span></h2>
-              <p className="color-666">Get the latest articles from our press, discuss & share</p>
-            </div>
-          )
-        }
-        <div className="content">
-          {
-            blogsData.map((blog, index) => (
-              <BlogCard key={index} blog={blog} isCenter={index === 1} rtl={rtl} />
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/Startup/BlogCard.jsx b/src/components/Startup/BlogCard.jsx
deleted file mode 100644
index ea470c0..0000000
--- a/src/components/Startup/BlogCard.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-
-const BlogCard = ({ blog, isCenter, rtl }) => {
-  return (
-    <div className={`blog-card${isCenter ? ' card-center':''} style-6`}>
-      {
-        rtl ?
-        <Link to="rtl-page-single-post" className="img img-cover d-block">
-          <img src={blog.cover} alt="" />
-        </Link>
-        :
-        <Link to="/page-single-post-5" className="img img-cover d-block">
-          <img src={blog.cover} alt="" />
-        </Link>
-      }
-      <div className="info">
-        <div className="date">
-          <a href="#" className="small color-blue6 fs-12px pe-3 border-end brd-gray text-uppercase fw-bold me-3"> news </a>
-          {
-            rtl ?
-            <small className="op-6 fs-12px"> <i className="far fa-clock"></i> تم النشر </small>
-            :
-            <small className="op-6 fs-12px"> <i className="far fa-clock"></i> Posted on </small>
-          }
-          <a href="#" className="fs-12px ms-1">{ blog.time }</a>
-        </div>
-        <h4 className="blog-title">
-          {
-            rtl ?
-            <Link to="rtl-page-single-post">{ blog.title }</Link>
-            :
-            <Link to="/page-single-post-5">{ blog.title }</Link>
-          }
-        </h4>
-        <div className="text">
-          { blog.short_desc } [...]
-        </div>
-        <div className="d-flex small mt-20 align-items-center justify-content-between op-9">
-          <div className="l_side d-flex align-items-center">
-            <span className="icon-10 rounded-circle d-inline-flex justify-content-center align-items-center text-uppercase bg-blue2 p-2 me-2  text-white">
-              { blog.placeholderImageText }
-            </span>
-            <a href="#">
-              {
-                rtl ?
-                <small className="text-muted me-1">بواسطة</small> 
-                :
-                <small className="text-muted me-1">By</small> 
-              }
-               { blog.author }
-            </a>
-          </div>
-          <div className="r-side mt-1">
-            <i className="bi bi-chat-left-text me-1"></i>
-            <a href="#">{ blog.comments }</a>
-            <i className="bi bi-eye ms-4 me-1"></i>
-            <a href="#">{ blog.views }</a>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default BlogCard
\ No newline at end of file
diff --git a/src/components/Startup/ChooseUs.jsx b/src/components/Startup/ChooseUs.jsx
deleted file mode 100644
index 7305c63..0000000
--- a/src/components/Startup/ChooseUs.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react';
-import chooseUsData from 'data/Startup/chooseus.json';
-import chooseUsDataRTL from 'data/Startup/chooseus-rtl.json';
-
-
-const ChooseUs = ({ rtl }) => {
-  const data = rtl ? chooseUsDataRTL : chooseUsData;
-
-  return (
-    <section className="choose-us section-padding style-6" data-scroll-index="4">
-      <div className="container">
-        <div className="row justify-content-between">
-          <div className="col-lg-6">
-            <div className="img">
-              <img src="/assets/img/choose_us/man_arrow.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-5">
-            <div className="info">
-              <div className="section-head mb-20 style-6">
-                {
-                  rtl ?
-                  <h2> لماذا تختار <span><small>Itekseo</small></span></h2>
-                  :
-                  <h2>Why choose <span><small>Itekseo</small></span></h2>
-                }
-              </div>
-              <div className="text mb-50">
-                {
-                  rtl ?
-                  <>نحن متحمسون لعملنا. يظل المصممون لدينا في الصدارة لتقديم تصميمات مواقع ويب جذابة وسهلة الاستخدام لجعل عملك متميزًا</>
-                  :
-                  <>We are passionate about our work. Our designers stay ahead of the curve to provide engaging and user-friendly website designs to make your business stand out</>
-                }
-              </div>
-              <ul>
-                {
-                  data.map((item, index) => (
-                    <li className={`d-flex ${index !== chooseUsData.length - 1 ? 'mb-40':''}`} key={index}>
-                      <small
-                        className="icon-60 bg-gray rounded-circle color-blue4 d-inline-flex align-items-center justify-content-center me-4 flex-shrink-0">
-                        <img src={item.image} alt="" />
-                      </small>
-                      <div className="inf">
-                        <h5>{ item.title }</h5>
-                        <p className="fs-12px color-666 mt-2">
-                          { item.text }
-                        </p>
-                      </div>
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about_s6_bubbles.png" alt="" className="bubbles rotate-center" />
-    </section>
-  )
-}
-
-export default ChooseUs
\ No newline at end of file
diff --git a/src/components/Startup/Clients.jsx b/src/components/Startup/Clients.jsx
deleted file mode 100644
index 20f5e42..0000000
--- a/src/components/Startup/Clients.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import clients from 'data/Startup/clients.json';
-
-const Clients = ({ rtl }) => {
-  return (
-    <section className="clients style-5" data-scroll-index="6">
-      <div className="container">
-        {
-          rtl ? 
-          <div className="section-head mb-70 style-6 text-center">
-            <h2 className="mb-20"> يثق بنا الاف <span><small>المسثمرين</small></span></h2>
-            <p className="color-666">أكثر من 15000 شركة وشريك موثوق بهم واختيار Itekseo</p>
-          </div>
-          :
-          <div className="section-head mb-70 style-6 text-center">
-            <h2 className="mb-20"> Trusted by thoudsands
-              <span> <small> Businesss </small> </span>
-            </h2>
-            <p className="color-666">More 15,000 Companies & partners trusted & choice Itekseo</p>
-          </div>
-        }
-        <div className="content d-flex flex-wrap">
-          {
-            clients.map((client, index) => (
-              <a href="#" className="img img-card" key={index}>
-                <img src={client} alt="" />
-              </a>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Clients
\ No newline at end of file
diff --git a/src/components/Startup/Contact.jsx b/src/components/Startup/Contact.jsx
deleted file mode 100644
index fc99672..0000000
--- a/src/components/Startup/Contact.jsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import React, { useState } from 'react';
-import axios from 'axios';
-
-const Contact = ({ rtl }) => {
-  const [formData, setFormdata] = useState({
-    name: "",
-    email: "",
-    phone: "",
-    website: "",
-    option: "",
-    message: ""
-  });
-
-  const handleFormChange = (e) => {
-    setFormdata(prev => ({
-      ...prev,
-      [e.target.name]: e.target.value
-    }))
-  }
-
-  const handleFormSubmit = async (e) => {
-    e.preventDefault();
-    const formValues = new FormData();
-
-    formValues.append('name', formData.name);
-    formValues.append('email', formData.email);
-    formValues.append('phone', formData.phone);
-    formValues.append('website', formData.website);
-    formValues.append('option', formData.option);
-    formValues.append('message', formData.message);
-    
-    const res = await axios.post('/contact.php', formValues)
-      .catch(err => alert(err.message));
-
-    if (!res) return;
-
-    alert('Form submitted successfully.')
-  }
-
-
-  return (
-    <section className="contact section-padding style-6" data-scroll-index="9">
-      <div className="container">
-        <div className="section-head mb-60 style-6 text-center">
-          {
-            rtl ? 
-            <h2 className="mb-20"> احصل على <span><small>استشارة مجانية</small></span></h2>
-            :
-            <h2 className="mb-20"> Get free <span> <small> consultation </small> </span></h2>
-          }
-          {
-            rtl ?
-            <p className="color-666">سنتواصل معك مرة أخرى بعد استلام طلبك خلال 24 ساعة</p>
-            :
-            <p className="color-666">We will contact again after receive your request in 24h</p>
-          }
-        </div>
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-8">
-              <form action="contact.php" className="form" method="post" onSubmit={handleFormSubmit}>
-                <p className="text-center text-danger fs-12px mb-30">{ rtl ? "الحقل اللذى يحتوى على هذة العلامة اجبارى *" : "The field is required mark as *" }</p>
-                <div className="row">
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="name" className="form-control" placeholder={rtl ? "الأسم" : "Name"} onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="email" className="form-control" placeholder={rtl ? "البريد الألكترونى *" : "Email Address *"} onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="phone" className="form-control" placeholder={rtl ? "الهاتف (اختياري)" : "Phone Number (option)"} onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group mb-20">
-                      <input type="text" name="website" className="form-control" placeholder={rtl ? "موقعك الالكترونى (اختياري)" : "Your Website (option)"} onChange={handleFormChange} />
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group mb-20">
-                      <select className="form-select" defaultValue={rtl ? "كيف يمكننا مساعدتك?" : "How can we help you?"} name="option" onChange={handleFormChange}>
-                        <option value={rtl ? "كيف يمكننا مساعدتك?" : "How can we help you?"}>{rtl ? "كيف يمكننا مساعدتك?" : "How can we help you?"}</option>
-                        <option value={rtl ? "الاختيار الاول" : "option 1"}>{rtl ? "الاختيار الاول" : "option 1"}</option>
-                        <option value={rtl ? "الاختيار الثانى" : "option 2"}>{rtl ? "الاختيار الثانى" : "option 2"}</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div className="col-lg-12">
-                    <div className="form-group">
-                      <textarea name="message" rows="10" className="form-control" placeholder={rtl ? "كيف يمكننا مساعدتك?" : "How can we help you?"} onChange={handleFormChange}></textarea>
-                    </div>
-                  </div>
-                  <div className="col-lg-12 text-center">
-                    <div className="form-check d-inline-flex mt-30 mb-30">
-                      <input className="form-check-input me-2 mt-0" type="checkbox" value="" id="flexCheckDefault" />
-                      <label className="form-check-label small" htmlFor="flexCheckDefault">
-                        {rtl ? "من خلال الإرسال ، أوافق على" : "By submitting, i’m agreed to the"} <a href="#" className="text-decoration-underline">{rtl ? "الشروط و الاحكام" : "Terms & Conditons"}</a>
-                      </label>
-                    </div>
-                  </div>
-                  <div className="col-lg-12 text-center">
-                    <input type="submit" value={rtl ? "أرسل طلبك" : "Send Your Request"} className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold text-light"></input>
-                  </div>
-                </div>
-              </form>
-            </div>
-          </div>
-          <img src="/assets/img/icons/contact_a.png" alt="" className="contact_a" />
-          <img src="/assets/img/icons/contact_message.png" alt="" className="contact_message" />
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/Startup/Footer.jsx b/src/components/Startup/Footer.jsx
deleted file mode 100644
index d94aeed..0000000
--- a/src/components/Startup/Footer.jsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import footerData from 'data/Startup/footer.json';
-import footerDataRTL from 'data/Startup/footer-rtl.json';
-
-const Footer = ({ rtl }) => {
-  const FooterData = rtl ? footerDataRTL : footerData;
-
-  return (
-    <footer className="style-6 border-top brd-gray">
-      <div className="container">
-        <div className="row gx-0 justify-content-between">
-          <div className="col-lg-3 col-sm-6">
-            <div className="items">
-              <div className="title">
-                { rtl ? "Itekseo - الأفضل في التسويق" : "Itekseo - Best for SEO/Marketing" }
-              </div>
-              <ul>
-                <li className="color-666 mb-2">
-                  <i className="bi bi-house me-1"></i>
-                  <small>{ FooterData.address }</small>
-                </li>
-                <li className="color-666 mb-2">
-                  <i className="bi bi-phone me-1"></i>
-                  <small>{ FooterData.phone }</small>
-                </li>
-                <li className="color-666 mb-2">
-                  <i className="bi bi-envelope me-1"></i>
-                  <small>{ FooterData.email }</small>
-                </li>
-              </ul>
-              <div className="socail-icons">
-                <a href="twiter.com" className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2">
-                  <i className="fab fa-twitter"></i>
-                </a>
-                <a href="facebook.com" className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray me-2">
-                  <i className="fab fa-facebook-f"></i>
-                </a>
-                <a href="instagram.com" className="icon-35 rounded-circle bg-gray overflow-hidden d-inline-flex align-items-center justify-content-center text-gray">
-                  <i className="fab fa-instagram"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-2">
-            <div className="items">
-              <div className="title">
-                { rtl ? "الخدمات" : "Services" }
-              </div>
-              <ul>
-                {
-                  FooterData.services.map((service, index) => (
-                    <li key={index}>
-                      <a href={service.link}>{ service.title }</a>
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-          <div className="col-lg-2">
-            <div className="items">
-              <div className="title">
-                { rtl ? "المعلومات" : "Information" }
-              </div>
-              <ul>
-                {
-                  FooterData.information.map((information, index) => (
-                    <li key={index}>
-                      <Link to={information.link}>{ information.title }</Link>
-                    </li>
-                  ))
-                }
-              </ul>
-            </div>
-          </div>
-          <div className="col-lg-3 col-sm-6">
-            <div className="items">
-              <div className="title">
-                { rtl ? "النشرة الإخبارية" : "Newsletter" }
-              </div>
-              <small className="color-666">{ rtl ? "سجل الآن للحصول على آخر التحديثات على" : "Register now to get latest updates on" } <br /> { rtl ? "الترقيات والقسائم." : "promotions & coupons." }</small>
-              <form action="contact.php" className="form mt-30" method="post">
-                <div className="form-group">
-                  <span className="icon">
-                    <i className="bi bi-envelope"></i>
-                  </span>
-                  <input type="text" placeholder={ rtl ? "ادخل بريدك الالكترونى" : "Enter your email" } />
-                  <button> <i className="bi bi-send"></i> </button>
-                </div>
-              </form>
-              <small className="color-666 fst-italic mt-20">{ rtl ? "من خلال الاشتراك ، فإنك توافق على" : "By subscribing, you accepted the our" } <a href="#" className="fst-normal text-dark">{ rtl ? "سياستنا." : "Policy." }</a> </small>
-            </div>
-          </div>
-        </div>
-        <div className="foot">
-          <div className="row">
-            <div className="col-lg-3 col-sm-6">
-              <div className="logo">
-                <img src="/assets/img/logo_home6.png" alt="" />
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <small className="small">
-                { rtl ? "© 2022 حقوق التأليف والنشر" : "© 2022 Copyrights by" } <small className="fw-bold text-decoration-underline">Iteck Co.</small> { rtl ? "كل الحقوق محفوظة. صمم بواسطة" : "All Rights Reserved. Designed by" } <a href="https://themeforest.net/user/themescamp" className="fw-bold text-decoration-underline">ThemesCamp</a>
-              </small>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
\ No newline at end of file
diff --git a/src/components/Startup/Header.jsx b/src/components/Startup/Header.jsx
deleted file mode 100644
index c675b26..0000000
--- a/src/components/Startup/Header.jsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-import Navbar from 'components/Navbars/StartupNav';
-import OnePageNavbar from 'components/Navbars/StartupNav/OnePageNav';
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-
-const Header = ({ isOnePage, rtl }) => {
-  return (
-    <header className="style-6">
-      <div className="content" data-scroll-index="0">
-        {
-          isOnePage ? 
-           <OnePageNavbar rtl={rtl} />
-           : 
-            rtl ? (<NavbarRTL />) : (<Navbar />)
-        }
-        <div className="container">
-          <div className="row justify-content-center">
-            <div className="col-lg-8">
-              <div className="info">
-                <h6>{ rtl ? 'Itekseo للتسويق الألكترونى' : 'itekseo agency' }</h6>
-                <h1>
-                  {
-                    rtl ?
-                    <>
-                      التسويق الالكترونى هو <span> <small> المستقبل </small> </span>
-                    </>
-                    :
-                    <>
-                      SEO Analytics and Marketing for <span><small>Startup</small></span>
-                    </>
-                  }
-                </h1>
-                <div className="text">
-                  {
-                    rtl ?
-                    <>
-                       ضمان أفضل عائد على الاستثمار لمتطلبات حملة تحسين محركات البحث (SEO) الخاصة بك. <br />
-                      احصل على تحليل SEO المجاني الخاص بك
-                    </>
-                    :
-                    <>
-                      Ensuring the best return on investment for your bespoke SEO campaign requirement. <br /> Get your free SEO Analysis
-                    </>
-                  }
-                </div>
-                <form action="contact.php" className="form" method="post">
-                  <div className="form-group">
-                    <i className="fas fa-globe me-2"></i>
-                    <input type="text" name="website" placeholder={rtl ? "رابط موقعك الالكترونى" : "https://yoursite.com"} />
-                  </div>
-                  <div className="form-group">
-                    <i className="far fa-envelope me-2"></i>
-                    <input type="text" name="email" placeholder={rtl ? "البريد الالكترونى" : "youremail@domain.com"} />
-                  </div>
-                  <a href="#" className="btn rounded-pill butn-blue6 hover-blue2 sm-butn fw-bold">
-                    <span>
-                      { rtl ? "أبدأ الأن" : "Analyze Now" } <i className="bi bi-arrow-right ms-1"></i>
-                    </span>
-                  </a>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/header/hand_megaphone.png" alt="" className="hand-mega slide_up_down" />
-      <img src="/assets/img/header/target_3d.png" alt="" className="target-3d rotate-center" />
-      <img src="/assets/img/header/head6_rating.png" alt="" className="head6-rating scale_up_down" />
-      <img src="/assets/img/header/header5_linechart.png" alt="" className="head6-charts scale_up_down" />
-      <img src="/assets/img/header/rocket.png" alt="" className="head6-rocket" />
-    </header>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Startup/Numbers.jsx b/src/components/Startup/Numbers.jsx
deleted file mode 100644
index 9d14624..0000000
--- a/src/components/Startup/Numbers.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { useState } from 'react';
-import CountTo from '../CountTo';
-import numbers from 'data/Startup/numbers.json';
-import numbersRTL from 'data/Startup/numbers-rtl.json';
-
-const Numbers = ({ rtl }) => {
-  const [position] = useState({ from: 4300, to: 4650 });
-  const Numbers = rtl ? numbersRTL : numbers;
-
-  return (
-    <section className="numbers section-padding style-6">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            {
-              Numbers.map((number, index) => (
-                <div className="col-lg-4" key={index}>
-                  <div className="number-card style-6">
-                    <h2 className="me-4">
-                      <CountTo className="counter" from={0} to={number.value} speed={1500} position={position} /> { number.operator && " +" }
-                    </h2>
-                    <div className="text">
-                      { number.title.part1 } <br /> { number.title.part2 }
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Numbers
\ No newline at end of file
diff --git a/src/components/Startup/Project.jsx b/src/components/Startup/Project.jsx
deleted file mode 100644
index 1d4289d..0000000
--- a/src/components/Startup/Project.jsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Pagination, Autoplay, Navigation } from 'swiper';
-import projectData from 'data/Startup/project.json';
-import projectDataRTL from 'data/Startup/project-rtl.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-
-SwiperCore.use([Pagination, Autoplay, Navigation]);
-
-const Project = ({ rtl }) => {
-  const [load, setLoad] = useState(false);
-  const data = rtl ? projectDataRTL : projectData;
-
-  useEffect(() => {
-    setLoad(true);
-  }, []);
-
-  return (
-    <section className="projects style-6" data-scroll-index="3">
-      <div className="content section-padding">
-        <div className="container">
-          <div className="section-head mb-40 d-flex justify-content-between align-items-center style-6">
-            {
-              rtl ? 
-              <h2 className="mb-20">اخر <span> <small>المشاريع</small> </span></h2> 
-              :
-              <h2 className="mb-20">Features <span><small>Projects</small></span></h2>
-            }
-            {
-              rtl ?
-                <Link to="rtl-page-portfolio" className="small text-decoration-underline text-uppercase">
-                  مشاهدة جميع المشاريع
-                </Link>
-                :
-                <Link to="/page-portfolio-5" className="small text-decoration-underline text-uppercase">
-                  See All Projects
-                </Link>
-            }
-          </div>
-          <div className="slider-3items slider-style-6">
-            {
-              load &&
-              <Swiper
-                className="swiper-container pb-70"
-                dir={rtl ? 'rtl' : 'ltr'}
-                slidesPerView={3}
-                spaceBetween={0}
-                speed={1000}
-                pagination={{
-                  el: ".slider-3items .swiper-pagination",
-                  clickable: true
-                }}
-                navigation={{
-                  nextEl: '.slider-3items .swiper-button-next',
-                  prevEl: '.slider-3items .swiper-button-prev'
-                }}
-                mousewheel={false}
-                keyboard={true}
-                autoplay={{
-                  delay: 4000
-                }}
-                loop={true}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 1
-                  },
-                  480: {
-                    slidesPerView: 1
-                  },
-                  787: {
-                    slidesPerView: 2
-                  },
-                  991: {
-                    slidesPerView: 2
-                  },
-                  1200: {
-                    slidesPerView: 3
-                  }
-                }}
-              >
-                {
-                  data.map((project, index) => (
-                    <SwiperSlide key={index}>
-                      <div className="project-card style-6">
-                        <div className="img">
-                          <img src={project.image} alt="" />
-                        </div>
-                        <div className="info">
-                          <h3 className="title">
-                            {
-                              rtl ?
-                              <Link to="/rtl-page-single-project">{ project.title }</Link>
-                                :
-                              <Link to="/page-single-project-5">{ project.title }</Link>
-                            }
-                          </h3>
-                          <small className="color-blue6">
-                            {
-                              project.type.map((type, i) => (
-                                <span key={i}>
-                                  <a href="#">{ type }</a>
-                                  { i !== project.type.length - 1 && <> &&nbsp;</> }
-                                </span>
-                              ))
-                            }
-                          </small>
-                          <div className="text">
-                            { project.text }
-                          </div>
-                          <div className="tags">
-                            {
-                              project.tags.map((tag, i) => (
-                                <span key={i} className="me-1">
-                                  <a href="#">{ tag }</a>
-                                </span>
-                              ))
-                            }
-                          </div>
-                        </div>
-                      </div>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            }
-            <div className="swiper-pagination"></div>
-
-            <div className="swiper-button-next"></div>
-            <div className="swiper-button-prev"></div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Project
\ No newline at end of file
diff --git a/src/components/Startup/Services.jsx b/src/components/Startup/Services.jsx
deleted file mode 100644
index 2d04a22..0000000
--- a/src/components/Startup/Services.jsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import services from 'data/Startup/services.json';
-import servicesRTL from 'data/Startup/services-rtl.json';
-
-import "swiper/css";
-
-const Services = ({ rtl }) => {
-  const [load, setLoad] = useState(false);
-  const servicesData = rtl ? servicesRTL : services;
-
-  useEffect(() => {
-    setLoad(true);
-  }, []);
-
-  return (
-    <section className="services section-padding style-6" data-scroll-index="2">
-      <div className="container">
-        <div className="section-head mb-40 text-center style-6">
-          {
-            rtl ? 
-            (
-              <>
-                <h2 className="mb-20">
-                  استكشف ماذا نقدم من <span> <small>خدمات</small> </span>
-                </h2>
-                <p>تتضمن استراتيجيتنا التطور المستمر ، لضمان إنتاج مُحسنات محركات بحث استثنائية لـلمشاريع.</p>
-              </>
-            )
-            :
-            (
-              <>
-                <h2 className="mb-20">
-                  Discover our top <span><small>services</small></span>
-                </h2>
-                <p>Our strategy includes consistently evolving, to ensure we’re producing exceptional SEO for business.</p>
-              </>
-            )
-          }
-        </div>
-      </div>
-      <div className="content">
-        <div className="services-slider position-relative style-6">
-          {
-            load &&
-            <Swiper
-              className="swiper-container"
-              dir={rtl ? 'rtl' : 'ltr'}
-              slidesPerView={6}
-              centeredSlides={true}
-              spaceBetween={0}
-              speed={1000}
-              pagination={false}
-              navigation={false}
-              mousewheel={false}
-              keyboard={true}
-              autoplay={{
-                delay: 4000
-              }}
-              loop={true}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1
-                },
-                480: {
-                  slidesPerView: 1
-                },
-                787: {
-                  slidesPerView: 2
-                },
-                991: {
-                  slidesPerView: 4
-                },
-                1200: {
-                  slidesPerView: 6
-                }
-              }}
-            >
-              {
-                servicesData.map((service, index) => (
-                  <SwiperSlide key={index}>
-                    <Link to={`/${rtl ? 'rtl-page-services':'page-services-5'}`} className="service-card style-6">
-                      <div className="icon">
-                        <img src={service.img} alt="" />
-                      </div>
-                      <div className="info">
-                        <h5>{ service.info }</h5>
-                        <div className="text">
-                          { service.text }
-                        </div>
-                      </div>
-                    </Link>
-                  </SwiperSlide>
-                ))
-              }
-            </Swiper>
-          }
-        </div>
-        <div className="text-center">
-          <Link to={`/${rtl ? 'rtl-page-services':'page-services-5'}`} className="btn rounded-pill butn-blue6 hover-blue2 sm-butn fw-bold me-3">
-            <span>{ rtl ? "مشاهدة جميع خدماتنا" : "See All Our Services" } <i className="bi bi-arrow-right ms-1"></i></span>
-          </Link>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Services
\ No newline at end of file
diff --git a/src/components/Startup/Team.jsx b/src/components/Startup/Team.jsx
deleted file mode 100644
index 1218e36..0000000
--- a/src/components/Startup/Team.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import teamMembers from 'data/Startup/team.json'
-import teamMembersRTL from 'data/Startup/team-rtl.json'
-
-const Team = ({ rtl }) => {
-  const TeamMembers = rtl ? teamMembersRTL : teamMembers;
-
-  return (
-    <section className="team section-padding style-6" data-scroll-index="7">
-      <div className="content">
-        <div className="container">
-          <div className="row items align-items-end mb-50">
-            <div className="col-lg-7">
-              <div className="section-head mb-0 style-6">
-                {
-                  rtl ?
-                  <h2 className="mb-0">افضل <span><small>المديرين</small></span></h2>
-                    :
-                  <h2 className="mb-0">Our <span><small>Leaders</small></span></h2>
-                }
-              </div>
-            </div>
-            <div className="col-lg-5 text-end">
-                {
-                  rtl ?
-                  <a className="text-decoration-underline text-uppercase mb-4" href="#">مشاهدة الفريق بالكامل</a>
-                    :
-                  <a className="text-decoration-underline text-uppercase mb-4" href="#">See All our team</a>
-                }
-            </div>
-          </div>
-          <div className="row">
-            {
-              TeamMembers.map((member, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className="team-card mb-30 mb-lg-0 style-6">
-                    <div className="img img-cover">
-                      <img src={member.picture} alt="" />
-                      <div className="social-icons">
-                        <a href="#" className="me-1">
-                          <i className="fab fa-twitter"></i>
-                        </a>
-                        <a href="#" className="me-1">
-                          <i className="fab fa-facebook-f"></i>
-                        </a>
-                        <a href="#" className="me-1">
-                          <i className="fab fa-linkedin-in"></i>
-                        </a>
-                        <a href="#">
-                          <i className="fab fa-github"></i>
-                        </a>
-                      </div>
-                    </div>
-                    <div className="info">
-                      <a className="d-block" href="#"><h6>{ member.name }</h6></a>
-                      <small>{ member.position }</small>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Team
\ No newline at end of file
diff --git a/src/components/Startup/Testimonials.jsx b/src/components/Startup/Testimonials.jsx
deleted file mode 100644
index 878e7a8..0000000
--- a/src/components/Startup/Testimonials.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Navigation, Autoplay } from 'swiper';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-
-SwiperCore.use([Navigation, Autoplay]);
-
-const Testimonials = ({ rtl }) => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setLoad(true);
-  }, []);
-
-  return (
-    <div className="testimonials style-6" data-scroll-index="5">
-      <div className="container">
-        <div className="row gx-0 align-items-center justify-content-between">
-          <div className="col-lg-4">
-            <div className="testi-slider style-6 slider-style-6">
-              <div className="icon mb-50">
-                <i className="fas fa-quote-right"></i>
-              </div>
-              {
-                load && 
-                <Swiper
-                  className="swiper-container"
-                  dir={rtl ? 'rtl' : 'ltr'}
-                  slidesPerView={1}
-                  spaceBetween={0}
-                  speed={1000}
-                  pagination={false}
-                  navigation={{
-                    nextEl: '.testi-slider.style-6 .swiper-button-next',
-                    prevEl: '.testi-slider.style-6 .swiper-button-prev',
-                  }}
-                  mousewheel={false}
-                  keyboard={true}
-                  autoplay={{
-                    delay: 4000
-                  }}
-                  loop={true}
-                >
-                  <SwiperSlide>
-                    <div className="testi-card">
-                      <div className="text">
-                        {
-                          rtl ? 
-                          (
-                            "لا أعرف ماذا أقول غير ذلك ، هذا شيء لم تره من قبل. تصميم فريد وخفيف الوزن ودعم متميز. من دواعي سروري دائما Itekseo العمل!"
-                          )
-                          :
-                          (
-                            "I don’t know what else to say, this is something that you haven’t seen before. Unique design, lightweight, and outstanding support. Itekseo always a pleasure to work!"
-                          )
-                        }
-                      </div>
-                      <div className="author mt-30">
-                        {
-                          rtl ?
-                          <>
-                            <span className="color-000 fw-bold text-capitalize">كونور مارتينيلى</span>
-                            <p className="fs-10px">مدير في  <a href="#" className="text-decoration-underline color-blue6">فندق ومنتجع ايكولاند </a> </p>
-                          </>
-                          :
-                          <>
-                            <span className="color-000 fw-bold text-capitalize">Conor Martinelli</span>
-                            <p className="fs-10px">Director at  <a href="#" className="text-decoration-underline color-blue6"> Ecoland Resort & Hotel</a> </p>
-                          </>
-                        }
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                </Swiper>
-              }
-              <div className="swiper-button-next"></div>
-              <div className="swiper-button-prev"></div>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="img">
-              <img src="/assets/img/testimonials/users_6.png" alt="" className="" />
-              <img src="/assets/img/testimonials/bubbls.png" alt="" className="bubbls rotate-center" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Testimonials
\ No newline at end of file
diff --git a/src/components/Style2/About/About.jsx b/src/components/Style2/About/About.jsx
deleted file mode 100644
index 223c268..0000000
--- a/src/components/Style2/About/About.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import tabs from 'data/Style2/about.json';
-
-const About = () => {
-  return (
-    <section className="about style-2 section-padding">
-      <div className="container">
-        <div className="row align-items-center">
-          <div className="col-lg-6">
-            <div className="img img-cover">
-              <img src="/assets/img/about/about2.png" alt="" />
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <div className="info px-lg-5">
-              <div className="section-head style-5 mb-40">
-                <h2 className="mb-20"> Work For Your <span> Incredible Success </span> </h2>
-              </div>
-              <ul className="nav nav-pills" id="pills-tab" role="tablist">
-                {
-                  tabs.tablist.map((item, index) => (
-                    <li className="nav-item" role="presentation" key={item.id}>
-                      <button className={`nav-link ${index === 0 ? 'active' : ''}`} id={item.id} data-bs-toggle="pill" data-bs-target={'#' + item.tab_id} type="button" role="tab" aria-controls="pills-home" aria-selected="true">
-                        { item.text }
-                      </button>
-                    </li>
-                  ))
-                }
-              </ul>
-              <div className="tab-content" id="pills-tabContent">
-                {
-                  tabs.tabpanels.map((panel, index) => (
-                      <div className={`tab-pane fade ${index === 0 ? 'show active' : ''}`} key={panel.id} id={panel.id} role="tabpanel">
-                        <p className="text"> { panel.text } </p>
-                        <div className="d-flex align-items-center mt-40">
-                          <div className="btns">
-                            <a href="#" className="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold">
-                              <span> Learn More </span>
-                            </a>
-                          </div>
-                          <div className="inf ms-3">
-                            <p className="color-999"> Support Email </p>
-                            <a href="#" className="fw-bold color-000"> info@webmail.com </a>
-                          </div>
-                        </div>
-                      </div>
-                  ))
-                }
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/about/about2_pattern_l.png" alt="" className="pattern_l" />
-      <img src="/assets/img/about/about2_pattern_r.png" alt="" className="pattern_r" />
-    </section>
-  )
-}
-
-export default About
\ No newline at end of file
diff --git a/src/components/Style2/About/Blog.jsx b/src/components/Style2/About/Blog.jsx
deleted file mode 100644
index 033276e..0000000
--- a/src/components/Style2/About/Blog.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import blogs from 'data/Style2/blogs.json';
-
-const Blog = () => {
-  return (
-    <section className="blog style-8">
-      <div className="container">
-        <div className="content section-padding">
-          <div className="section-head text-center mb-70 style-5">
-            <h2 className="mb-20"> News & <span> Insights </span> </h2>
-            <p>More than 15,000 companies trust and choose Itech</p>
-          </div>
-          <div className="blog-content">
-            <div className="row">
-              <div className="col-lg-6">
-                <div className="main-post wow fadeInUp">
-                  <div className="img img-cover">
-                    <img src="/assets/img/blog/18.jpg" alt="" />
-                    <div className="tags">
-                      <a href="#"> Analysis </a>
-                    </div>
-                  </div>
-                  <div className="info pt-30">
-                    <div className="date-author">
-                      <a href="#" className="date">
-                        Nov 21, 2022
-                      </a>
-                      <span className="color-999 mx-3"> | </span>
-                      <a href="#" className="author color-999">
-                        By <span className="color-000 fw-bold"> Admin </span>
-                      </a>
-                    </div>
-                    <h4 className="title">
-                      <a href="#"> Create Live Segments & Target The Right People For Your Amazing Team. </a>
-                    </h4>
-                  </div>
-                </div>
-              </div>
-              <div className="col-lg-6">
-                <div className="side-posts">
-                  {
-                    blogs.map((blog, index) => (
-                      <div key={index} className="item wow fadeInUp" data-wow-delay={`${index * 0.2}s`}>
-                        <div className="img img-cover">
-                          <img src={blog.image} alt="" />
-                        </div>
-                        <div className="info">
-                          <div className="date-author">
-                            <a href="#" className="date">
-                              { blog.date }
-                            </a>
-                            <span className="color-999 mx-3"> | </span>
-                            <a href="#" className="author color-999">
-                              By <span className="color-000 fw-bold"> { blog.admin } </span>
-                            </a>
-                          </div>
-                          <h4 className="title">
-                            <a href="#"> { blog.title } </a>
-                          </h4>
-                        </div>
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Blog
\ No newline at end of file
diff --git a/src/components/Style2/About/Clients.jsx b/src/components/Style2/About/Clients.jsx
deleted file mode 100644
index 6ba1bfb..0000000
--- a/src/components/Style2/About/Clients.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import clients from 'data/Style2/clients.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-
-SwiperCore.use([Autoplay]);
-
-const Clients = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => setLoad(true));
-  }, []);
-
-  return (
-    <section className="clients-imgs pt-100">
-      <div className="container">
-        <div className="section-head text-center mb-70 style-5">
-          <h2 className="mb-20"> Trusted By Thousands <span> Business </span> </h2>
-        </div>
-        <div className="clients-content">
-          {
-            clients.map((client, index) => (
-              <a href="#" className="client-logo" key={index}>
-                <img src={client} alt="" />
-              </a>
-            ))
-          }
-        </div>
-        <h5 className="text-center mt-50"> More <span className="color-blue5"> 15,000 </span> Companies & partners trusted & choice Itekseo </h5>
-      </div>
-      <div className="about2-imgs-slider pt-100">
-        {
-          load && (
-            <Swiper
-              className="swiper-container"
-              spaceBetween={50}
-              speed={10000}
-              autoplay={{
-                delay: 1,
-              }}
-              loop={true}
-              breakpoints={{
-                0: {
-                  slidesPerView: 1,
-                },
-                480: {
-                  slidesPerView: 1,
-                },
-                787: {
-                  slidesPerView: 1,
-                },
-                991: {
-                  slidesPerView: 3,
-                },
-                1200: {
-                  slidesPerView: 3,
-                }
-              }}
-            >
-              <SwiperSlide>
-                <a href="#" className="img img-cover">
-                  <img src="/assets/img/about/about2_1.png" alt="" />
-                </a>
-              </SwiperSlide>
-              <SwiperSlide>
-                <a href="#" className="img img-cover">
-                  <img src="/assets/img/about/about2_2.png" alt="" />
-                </a>
-              </SwiperSlide>
-              <SwiperSlide>
-                <a href="#" className="img img-cover">
-                  <img src="/assets/img/about/about2_3.png" alt="" />
-                </a>
-              </SwiperSlide>
-            </Swiper>
-          )
-        }
-      </div>
-    </section>
-  )
-}
-
-export default Clients
\ No newline at end of file
diff --git a/src/components/Style2/About/Timeline.jsx b/src/components/Style2/About/Timeline.jsx
deleted file mode 100644
index 1083cb3..0000000
--- a/src/components/Style2/About/Timeline.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import timelineItems from 'data/Style2/timeline.json';
-
-const Timeline = () => {
-  return (
-    <section className="timeline section-padding bg-gray5">
-      <div className="container">
-        <div className="section-head text-center mb-70 style-5">
-          <h2 className="mb-20"> Journey Was <span> Started </span> </h2>
-          <p>More than 15,000 companies trust and choose Itech</p>
-        </div>
-        <div className="timeline-content">
-          {
-            timelineItems.map((item, index) => (
-              <div className="timeline-card" key={index}>
-                <div className="row justify-content-around align-items-center">
-                  {
-                    index % 2 === 0 && (
-                      <div className="col-lg-4">
-                        <div className="card-year text-lg-end wow left_to_right_apperance ">
-                          <h3> { item.year } </h3>
-                        </div>
-                      </div>
-                    )
-                  }
-                  <div className="col-lg-4">
-                    <div className="card-info wow left_to_right_apperance ">
-                      <h6> { item.title } </h6>
-                      <p> { item.text } </p>
-                      <span className="num"> { item.num } </span>
-                    </div>
-                  </div>{
-                    index % 2 !== 0 && (
-                      <div className="col-lg-4">
-                        <div className="card-year wow left_to_right_apperance ">
-                          <h3> { item.year } </h3>
-                        </div>
-                      </div>
-                    )
-                  }
-                </div>
-                <div className="line wow"></div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Timeline
\ No newline at end of file
diff --git a/src/components/Style2/CareerDetails/CareerForm.jsx b/src/components/Style2/CareerDetails/CareerForm.jsx
deleted file mode 100644
index 7a9eb41..0000000
--- a/src/components/Style2/CareerDetails/CareerForm.jsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import CountTo from '../../CountTo';
-import axios from 'axios';
-
-const CareerForm = () => {
-  const numbersSectionRef = useRef(null);
-
-  const [formData, setFormdata] = useState({
-    fullname: "",
-    email: "",
-    phone: "",
-    cv_file: {},
-    coverletter: ""
-  });
-
-  const [position, setPosition] = useState({ from: 2500, to: 3000 });
-
-  useEffect(() => {
-    if (numbersSectionRef) {
-      const top = numbersSectionRef.current.offsetTop;
-      const height = numbersSectionRef.current.offsetHeight;
-
-      setPosition({ from: top - height, to: top + height });
-    }
-  }, [numbersSectionRef]);
-
-  const handleFormChange = (e) => {
-    // setFormdata(prev => ({
-    //   ...prev,
-    //   [e.target.name]: e.target.value
-    // }))
-  }
-
-  const handleFormSubmit = async (e) => {
-    e.preventDefault();
-    // const formValues = new FormData();
-
-    // formValues.append('name', formData.name);
-    // formValues.append('email', formData.email);
-    // formValues.append('phone', formData.phone);
-    // formValues.append('cv_file', formData.cv_file.files[0]);
-    // formValues.append('message', formData.message);
-    
-    // const res = await axios.post('/contact.php', formValues)
-    //   .catch(err => alert(err.message));
-
-    // if (!res) return;
-
-    alert('Form submitted successfully.')
-  }
-
-  return (
-    <section className="career-form section-padding" ref={numbersSectionRef}>
-      <div className="container">
-        <div className="row">
-          <div className="col-lg-6">
-            <div className="form-numbers">
-              <h2> Looking For Oppertunity </h2>
-              <p> More than 15,000 companies trust and choose Itech </p>
-              <div className="career-numbers mt-50">
-                <div className="row gx-5">
-                  <div className="col-5">
-                    <div className="mum-card">
-                      <h3> <CountTo className="counter" from={0} to={5000} speed={1500} position={position} /> </h3>
-                      <small> Project Completed </small>
-                    </div>
-                  </div>
-                  <div className="col-5">
-                    <div className="mum-card">
-                      <h3> <CountTo className="counter" from={0} to={1} speed={1500} position={position} /> M+ </h3>
-                      <small> Happy Users </small>
-                    </div>
-                  </div>
-                  <div className="col-5">
-                    <div className="mum-card">
-                      <h3> <CountTo className="counter" from={0} to={100} speed={1500} position={position} /> </h3>
-                      <small> Team Members </small>
-                    </div>
-                  </div>
-                  <div className="col-5">
-                    <div className="mum-card">
-                      <h3> <CountTo className="counter" from={0} to={10} speed={1500} position={position} /> </h3>
-                      <small> Offline Basement </small>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-6">
-            <form action="contact.php" className="form">
-              <div className="row">
-                <div className="col-lg-6">
-                  <div className="form-group mb-4">
-                    <input type="text" className="form-control" placeholder="Full Name" onChange={handleFormChange} />
-                    <span className="icon"> <i className="fas fa-user"></i> </span>
-                  </div>
-                </div>
-                <div className="col-lg-6">
-                  <div className="form-group mb-4">
-                    <input type="text" className="form-control" placeholder="Email Adress" onChange={handleFormChange} />
-                    <span className="icon"> <i className="fas fa-envelope"></i> </span>
-                  </div>
-                </div>
-                <div className="col-lg-6">
-                  <div className="form-group mb-4">
-                    <input type="text" className="form-control" placeholder="Phone Number" onChange={handleFormChange} />
-                    <span className="icon"> <i className="fas fa-phone"></i> </span>
-                  </div>
-                </div>
-                <div className="col-lg-6">
-                  <div className="form-group mb-4 upload-card">
-                    <div className="form-control">
-                      <span id="upload_text"> <i className="fas fa-cloud"></i> Upload CV</span>
-                      <input type="file" className="upload_input" onChange={handleFormChange} />
-                    </div>
-
-                  </div>
-                </div>
-                <div className="col-lg-12">
-                  <div className="form-group mb-4">
-                    <textarea rows="7" className="form-control" placeholder="Cover letter" onChange={handleFormChange}></textarea>
-                    <span className="icon"> <i className="fas fa-pen"></i> </span>
-                  </div>
-                </div>
-              </div>
-              <button className="btn bg-white sm-butn mt-4 rounded-3" onClick={handleFormSubmit}>
-                <span className="text-dark"> Make Request <i className="fal fa-long-arrow-right ms-2 color-blue5"></i> </span>
-              </button>
-            </form>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/careers/map.png" alt="" className="map_img" />
-    </section>
-  )
-}
-
-export default CareerForm
\ No newline at end of file
diff --git a/src/components/Style2/CareerDetails/CareerPositions.jsx b/src/components/Style2/CareerDetails/CareerPositions.jsx
deleted file mode 100644
index bbe8f5d..0000000
--- a/src/components/Style2/CareerDetails/CareerPositions.jsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay, Navigation } from 'swiper';
-import positions from 'data/Style2/career-positions.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/navigation';
-
-SwiperCore.use([Autoplay, Navigation]);
-
-const CareerPositions = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => setLoad(true));
-  }, []);
-
-  return (
-    <section className="careers-positions">
-      <div className="container">
-        <div className="content section-padding border-1 border-top brd-gray">
-          <div className="section-head mb-60 style-5">
-            <h2 className="mb-20"> Opening <span> Positions </span> </h2>
-            <div className="text color-666">More than 15,000 companies trust and choose Itech</div>
-          </div>
-          <div className="careers-positions-slider5">
-            {
-              load && (
-                <Swiper
-                  className="swiper-container"
-                  spaceBetween={30}
-                  speed={1000}
-                  autoplay={{
-                    delay: 5000,
-                  }}
-                  loop={true}
-                  pagination={false}
-                  navigation={{
-                    nextEl: '.careers-positions-slider5 .swiper-button-next',
-                    prevEl: '.careers-positions-slider5 .swiper-button-prev',
-                  }}
-                  breakpoints={{
-                    0: {
-                      slidesPerView: 1,
-                    },
-                    480: {
-                      slidesPerView: 1,
-                    },
-                    787: {
-                      slidesPerView: 2,
-                    },
-                    991: {
-                      slidesPerView: 3,
-                    },
-                    1200: {
-                      slidesPerView: 3,
-                    }
-                  }}
-                >
-                  {
-                    positions.map((position, index) => (
-                      <SwiperSlide key={index}>
-                        <a href="#" className="position-card mb-4">
-                          <h5>{position.title}</h5>
-                          <p> {position.description} </p>
-                          <div className="time">
-                            <span className="me-4"> <i className="fal fa-clock me-1 color-main"></i> {position.type} </span>
-                            <span> <i className="fal fa-dollar-sign me-1 color-main"></i> {position.salary} </span>
-                          </div>
-                          {position.trend && <span className="trend-mark"> <i className="fas fa-bolt"></i> </span>}
-                        </a>
-                      </SwiperSlide>
-                    ))
-                  }
-                </Swiper>
-              )
-            }
-            <div className="swiper-button-next"></div>
-            <div className="swiper-button-prev"></div>
-          </div>
-        </div>
-
-      </div>
-    </section>
-  )
-}
-
-export default CareerPositions
\ No newline at end of file
diff --git a/src/components/Style2/CareerDetails/JobDetails.jsx b/src/components/Style2/CareerDetails/JobDetails.jsx
deleted file mode 100644
index 8c8d4c8..0000000
--- a/src/components/Style2/CareerDetails/JobDetails.jsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import React, { useEffect } from 'react';
-
-const JobDetails = () => {
-  /**
-   * Making the 'Summary Card' section sticky
-   */
-  useEffect(() => {
-    window.addEventListener('scroll', () => {
-      const summaryCard = document.querySelector('.summary-card');
-      const width = summaryCard.getBoundingClientRect().width;
-
-      if (window.matchMedia('(max-width: 992px)').matches) {
-        summaryCard.style.position = 'sticky';
-        summaryCard.parentElement.style.alignSelf = 'flex-start';
-      } else {
-        if (window.scrollY >= 420 & window.scrollY <= 1900) {
-          summaryCard.style.position = 'fixed';
-          summaryCard.style.width = width + 'px';
-        } else if (window.scrollY > 1900) {
-          summaryCard.style.position = 'sticky';
-          summaryCard.parentElement.style.alignSelf = 'flex-end';
-        } else {
-          summaryCard.style.position = 'sticky';
-          summaryCard.parentElement.style.alignSelf = 'flex-start';
-        }
-      }
-    });
-  }, []);
-
-  return (
-    <section className="jop-details pb-100">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            <div className="col-lg-8">
-              <div className="jop-info">
-                <div className="tags mb-40">
-                  <a href="#" className="me-1"> Design/Creative </a>
-                  <a href="#"> UI/UX </a>
-                </div>
-                <h3 className="main-title mb-10"> Creative Product Designer (Photoshop Expert) </h3>
-                <p className="pb-40 color-999"> By <a href="#" className="color-000"> Capita Group Co. </a> </p>
-                <div className="d-flex justify-content-between flex-wrap py-4 border-1 border-bottom border-top brd-gray">
-                  <p className="color-999"> Vacancy: <span className="color-000"> 01 </span> </p>
-                  <a href="#" className="color-blue5 mt-3 mt-lg-0"> View all jobs of this company </a>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Job Context </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> We are real state developer company at Egypt, Cairo looking for expert and skilled person who edit, retouch, manipulate photo in Adobe Photoshop in professional way. </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> If you are working in such kind of job in any Printing Press, Printing and Publishing Media and you are really skilled in Photoshop then you are highly encouraged to join with us. </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Your Resposibility </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Develop and design design logo, leaflet, banner, brand identity packages, flyer, book, poster, paper ad, bill board, corporate profile, greeting cards, visiting cards etc. </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> <strong className="color-000"> Work on: </strong> clipping path, multi path, various masking, Product Retouching, Shadowing (Drop/Natural/ Mirror Shadow), Color Correction, Dust/Scratch removal, Background Removal, Neck joint/3D Ghost Mannequin, Image manipulation, neck joint/3D Ghost Mannequin, Image manipulation, etc. </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Make High quality and eye-catching content like social media post and banners, flier, Brochures, Leaflets, Logo, blog image, info-graphics, website banner, for Web & Social Media. </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Any other task assigned by the management. </p>
-                </div>
-
-                <div className="d-flex justify-content-between flex-wrap py-4 border-1 border-bottom border-top brd-gray">
-                  <p className="color-999"> Employment Status: <span className="color-000"> Full Time </span> </p>
-                  <p className="color-999 mt-3 mt-lg-0"> Workplace: <span className="color-000"> Desk Work </span> <span className="color-blue5"> (Not Remotly) </span> </p>
-                  <p className="color-999 mt-3 mt-lg-0"> Device You Use: <span className="color-000"> Macbook </span> </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Education Qualification </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Bachelor of Fine Arts (B.F.A), Diploma in Architecture, Bachelor degree in any discipline </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Educational qualification shall be relaxed for experienced and expert candidate. </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Skills Required: Adobe Photoshop, Figma, XD, Framer. </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Experience Requirements </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> At least 1 year(s) </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> The applicants should have experience in the following area(s): Template Making, Troubleshooting. </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> The applicants should have experience in the following business area(s): Design/Printing. </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Job Location </h6>
-                <div className="text d-flex mb-20">
-                  <p> Egypt, Cairo </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Salary </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Negotiable </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Company will offer attractive salary if you can show your skill, creativity and capability. </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Compensation & Other Benefits </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Lunch Facilities: Partially Subsidize </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p>  Festival Bonus: 2 </p>
-                </div>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Must be an expert on Adobe Photoshop, Figma, XD. </p>
-                </div>
-
-                <h6 className="mt-40 mb-20"> Job Source </h6>
-                <div className="text d-flex mb-20">
-                  <span className="icon color-blue5 me-2 flex-shrink-0"> <i className="fas fa-check-circle"></i> </span>
-                  <p> Online Job Posting </p>
-                </div>
-
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="summary-card">
-                <h6 className="mb-20 pb-20 border-bottom border-1 brd-gray"> Summary </h6>
-                <ul>
-                  <li> Published on: <span className="color"> 6 Sep 2022 </span> </li>
-                  <li> Vacancy: <span className="color"> 1 </span> </li>
-                  <li> Employment Status: <span className="color"> Full-time </span> </li>
-                  <li> Experience: <span className="color"> At least 1 year(s) </span> </li>
-                  <li> Gender: <span className="color"> Male/Females </span> </li>
-                  <li> Age: <span className="color"> 18 to 35 years </span> </li>
-                  <li> Job Location: <span className="color"> Egypt, Cairo  </span> </li>
-                  <li> Salary: <span className="color"> Negotiable  </span> </li>
-                  <li> Application Deadline: <span className="color"> 6 Nov 2022  </span> </li>
-                </ul>
-                <a href="#" className="btn bg-blue5 sm-butn text-white hover-darkBlue w-100 mt-3 rounded-pill py-3">
-                  <span> Apply For Job </span>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default JobDetails
\ No newline at end of file
diff --git a/src/components/Style2/Careers/Features.jsx b/src/components/Style2/Careers/Features.jsx
deleted file mode 100644
index f6a335e..0000000
--- a/src/components/Style2/Careers/Features.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import features from 'data/Style2/features.json';
-
-const Features = () => {
-  return (
-    <section className="careers-features pb-70">
-      <div className="container">
-        <div className="content">
-          <div className="row">
-            { 
-              features.map((feature, index) => (
-                <div className="col-lg-3 col-sm-6" key={index}>
-                  <div className="careers-feat-card">
-                    <div className="icon">
-                      <img src={feature.icon} alt="" />
-                    </div>
-                    <div className="info">
-                      <h4> { feature.title } </h4>
-                      <p> { feature.description } </p>
-                    </div>
-                  </div>
-                </div>
-              ))
-            }
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Features
\ No newline at end of file
diff --git a/src/components/Style2/Careers/Images.jsx b/src/components/Style2/Careers/Images.jsx
deleted file mode 100644
index b892765..0000000
--- a/src/components/Style2/Careers/Images.jsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper';
-import images from 'data/Style2/images.json';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-
-SwiperCore.use([Autoplay]);
-
-const Images = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => setLoad(true));
-  }, []);
-
-  return (
-    <section className="careers-images pb-100">
-      <div className="section-head text-center mb-60 style-5">
-        <h2 className="mb-20"> We&apos;re Looking For <span> Talented People </span> </h2>
-        <div className="text color-666">More than 15,000 companies trust and choose Itech</div>
-        <button className="btn bg-blue5 sm-butn text-white hover-darkBlue mt-4 rounded-pill">
-          <span>See All Positions</span>
-        </button>
-      </div>
-      <div className="imgs-content">
-        <div className="imgs-content-slider mb-5">
-          {
-            load && (
-              <Swiper
-                className="swiper-container"
-                spaceBetween={50}
-                speed={10000}
-                autoplay={{
-                  delay: 1,
-                }}
-                loop={true}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 1,
-                  },
-                  480: {
-                    slidesPerView: 1,
-                  },
-                  787: {
-                    slidesPerView: 1,
-                  },
-                  991: {
-                    slidesPerView: 3,
-                  },
-                  1200: {
-                    slidesPerView: 4,
-                  }
-                }}
-              >
-                {
-                  images.ltr.map((image, index) => (
-                    <SwiperSlide key={index}>
-                      <div className="img img-cover radius-5 overflow-hidden">
-                        <img src={image} alt="" />
-                      </div>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-        <div className="imgs-content-slider" dir="rtl">
-          {
-            load && (
-              <Swiper
-                className="swiper-container"
-                spaceBetween={50}
-                speed={10000}
-                autoplay={{
-                  delay: 1,
-                }}
-                loop={true}
-                breakpoints={{
-                  0: {
-                    slidesPerView: 1,
-                  },
-                  480: {
-                    slidesPerView: 1,
-                  },
-                  787: {
-                    slidesPerView: 1,
-                  },
-                  991: {
-                    slidesPerView: 3,
-                  },
-                  1200: {
-                    slidesPerView: 4,
-                  }
-                }}
-              >
-                {
-                  images.rtl.map((image, index) => (
-                    <SwiperSlide key={index}>
-                      <div className="img img-cover radius-5 overflow-hidden">
-                        <img src={image} alt="" />
-                      </div>
-                    </SwiperSlide>
-                  ))
-                }
-              </Swiper>
-            )
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Images
\ No newline at end of file
diff --git a/src/components/Style2/Careers/Positions.jsx b/src/components/Style2/Careers/Positions.jsx
deleted file mode 100644
index bfb5f7a..0000000
--- a/src/components/Style2/Careers/Positions.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import positions from 'data/Style2/positions.json';
-
-const Positions = () => {
-  return (
-    <section className="careers-positions pb-100">
-      <div className="container">
-        <div className="section-head text-center mb-60 style-5">
-          <h2 className="mb-20"> Opening <span> Positions </span> </h2>
-          <div className="text color-666">More than 15,000 companies trust and choose Itech</div>
-        </div>
-        <div className="row">
-          {
-            positions.map((position, index) => (
-              <div className="col-lg-4" key={index}>
-                <a href="#" className={`position-card ${index !== positions.length - 1 ? 'mb-4':''} ${index === positions.length - 2 ? 'mb-lg-0':''}`}>
-                  <h5>{ position.title }</h5>
-                  <p>{ position.description }</p>
-                  <div className="time">
-                    <span className="me-4"> <i className="fal fa-clock me-1 color-main"></i> Full-time </span>
-                    <span> <i className="fal fa-dollar-sign me-1 color-main"></i> { position.salary } </span>
-                  </div>
-                  {position.trend && <span className="trend-mark"> <i className="fas fa-bolt"></i> </span>}
-                </a>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Positions
\ No newline at end of file
diff --git a/src/components/Style2/CommingSoon/index.jsx b/src/components/Style2/CommingSoon/index.jsx
deleted file mode 100644
index 324b661..0000000
--- a/src/components/Style2/CommingSoon/index.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useEffect } from 'react';
-import timer from 'common/timer';
-
-const CommingSoon = () => {
-  useEffect(() => {
-    setTimeout(() => {
-      timer('Oct 29, 2022 11:30');
-    });
-  }, [])
-
-  return (
-    <section className="comming-soon style-5">
-      <div className="container">
-        <div className="content">
-          <div className="row justify-content-center">
-            <div className="col-lg-7">
-              <div className="info">
-                <div className="timing">
-                  <div className="item">
-                    <h2 id="days"></h2>
-                    <small> days </small>
-                  </div>
-                  <div className="item">
-                    <h2 id="hours"></h2>
-                    <small> Hours </small>
-                  </div>
-                  <div className="item">
-                    <h2 id="minutes"></h2>
-                    <small> Minute </small>
-                  </div>
-                  <div className="item">
-                    <h2 id="seconds"></h2>
-                    <small> Seconds </small>
-                  </div>
-                </div>
-                <h3> We Are Coming Very Soon </h3>
-                <p> Perfect & awesome template to present your future website design. Hooking audience attention in the opener. </p>
-                <div className="subscribe-form">
-                  <div className="form-group">
-                    <span className="icon"> <i className="fas fa-envelope"></i> </span>
-                    <input type="text" placeholder="Business email address" className="form-control" />
-                    <button className="butn bg-blue5 rounded-pill py-3 text-white flex-shrink-0 border-0" type="submit"> <span> Subscribe Now <i className="fas fa-long-arrow-right ms-2"></i> </span> </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <img src="/assets/img/comming_man_shape.png" alt="" className="comming_man_shape slide_up_down" />
-      <img src="/assets/img/comming_chat_shape.png" alt="" className="comming_chat_shape slide_up_down" />
-      <img src="/assets/img/comming_light_shape.png" alt="" className="comming_light_shape slide_up_down" />
-    </section>
-  )
-}
-
-export default CommingSoon
\ No newline at end of file
diff --git a/src/components/Style2/FAQ/TabContent.jsx b/src/components/Style2/FAQ/TabContent.jsx
deleted file mode 100644
index 7d3f798..0000000
--- a/src/components/Style2/FAQ/TabContent.jsx
+++ /dev/null
@@ -1,363 +0,0 @@
-import React, { useEffect } from 'react';
-
-const TabContent = ({ isActive, id }) => {
-  const handleClick = (e) => {
-    e.preventDefault();
-    const elem = document.querySelector('#' + e.target.href.split('#')[1]);
-    elem.scrollIntoView();
-
-    document.querySelectorAll('.faq-category ul li a').forEach(elm => elm.classList.remove('active'));
-    e.target.classList.add('active');
-  }
-
-  /**
-   * Making the 'Question Category' section sticky
-   */
-  useEffect(() => {
-    window.addEventListener('scroll', () => {
-      const faqCategory = document.querySelector('.faq-category');
-      const width = faqCategory.getBoundingClientRect().width;
-
-      if (window.matchMedia('(max-width: 992px)').matches) {
-        faqCategory.style.position = 'sticky';
-      } else {
-        if (window.scrollY >= 700) {
-          faqCategory.style.position = 'fixed';
-          faqCategory.style.width = width + 'px';
-        } else {
-          faqCategory.style.position = 'sticky';
-        }
-      }
-    });
-  }, []);
-
-  return (
-    <div className={`tab-pane ${isActive ? 'show active':''} fade`} id={id} role="tabpanel">
-      <div className="faq-body">
-        <div className="container">
-          <div className="row gx-5">
-            <div className="col-lg-4">
-              <div className="faq-category">
-                <h5> Question Category: </h5>
-                <ul>
-                  <li>
-                    <a href="#accordion1" className="active" onClick={handleClick}> Installation </a>
-                    <span> 06 </span>
-                  </li>
-                  <li>
-                    <a href="#accordion2" onClick={handleClick}> Getting Started </a>
-                    <span> 04 </span>
-                  </li>
-                  <li>
-                    <a href="#accordion3" onClick={handleClick}> Page Builder </a>
-                    <span> 03 </span>
-                  </li>
-                  <li>
-                    <a href="#accordion4" onClick={handleClick}> Header Builder </a>
-                    <span> 03 </span>
-                  </li>
-                  <li>
-                    <a href="#accordion5" onClick={handleClick}> Footer Builder </a>
-                    <span> 04 </span>
-                  </li>
-                  <li>
-                    <a href="#accordion6" onClick={handleClick}> Support </a>
-                    <span> 05 </span>
-                  </li>
-                </ul>
-              </div>
-            </div>
-            <div className="col-lg-8">
-              <div className="faq-questions">
-                <div className="accordion pt-lg-0" id="accordion1">
-                  <h5 className="sec-title mt-0"> <span> 01. </span> Installation </h5>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd1">
-                      <button className="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#bd1" aria-expanded="true" aria-controls="collapseOne">
-                        Global search engine optimization
-                      </button>
-                    </h2>
-                    <div id="bd1" className="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion1">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd2">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd2" aria-expanded="false" aria-controls="collapseTwo">
-                        Complete Social Media Integration
-                      </button>
-                    </h2>
-                    <div id="bd2" className="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion1">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd3">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd3" aria-expanded="false" aria-controls="collapseThree">
-                        End-to-end encryption for messages
-                      </button>
-                    </h2>
-                    <div id="bd3" className="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion1">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-
-                <div className="accordion" id="accordion2">
-                  <h5 className="sec-title"> <span> 02. </span> Getting Started </h5>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd4">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd4" aria-expanded="true" aria-controls="collapseOne">
-                        What could kill the company?
-                      </button>
-                    </h2>
-                    <div id="bd4" className="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion2">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd5">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd5" aria-expanded="false" aria-controls="collapseTwo">
-                        Are there any worth being a little proactive about?
-                      </button>
-                    </h2>
-                    <div id="bd5" className="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion2">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd6">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd6" aria-expanded="false" aria-controls="collapseThree">
-                        What qualities, feelings, attributes do we want?
-                      </button>
-                    </h2>
-                    <div id="bd6" className="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion2">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-
-                <div className="accordion" id="accordion3">
-                  <h5 className="sec-title"> <span> 03. </span> Page Builder </h5>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd7">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd7" aria-expanded="true" aria-controls="collapseOne">
-                        Materially help someone else with their priorities?
-                      </button>
-                    </h2>
-                    <div id="bd7" className="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion3">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd8">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd8" aria-expanded="false" aria-controls="collapseTwo">
-                        To poor or missing internal communication?
-                      </button>
-                    </h2>
-                    <div id="bd8" className="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion3">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd9">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd9" aria-expanded="false" aria-controls="collapseThree">
-                        We address those with features or marketing?
-                      </button>
-                    </h2>
-                    <div id="bd9" className="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion3">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-
-                <div className="accordion" id="accordion4">
-                  <h5 className="sec-title"> <span> 04. </span> Header Builder </h5>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd7">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd7" aria-expanded="true" aria-controls="collapseOne">
-                        How could we all impact that metric?
-                      </button>
-                    </h2>
-                    <div id="bd7" className="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion4">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd8">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd8" aria-expanded="false" aria-controls="collapseTwo">
-                        That we’re not listening to?
-                      </button>
-                    </h2>
-                    <div id="bd8" className="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion4">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd9">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd9" aria-expanded="false" aria-controls="collapseThree">
-                        How would we accomplish that?
-                      </button>
-                    </h2>
-                    <div id="bd9" className="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion4">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-
-                <div className="accordion" id="accordion5">
-                  <h5 className="sec-title"> <span> 05. </span> Footer Builder </h5>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd10">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd10" aria-expanded="true" aria-controls="collapseOne">
-                        If all our source code were stolen, would it matter?
-                      </button>
-                    </h2>
-                    <div id="bd10" className="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion5">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd11">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd11" aria-expanded="false" aria-controls="collapseTwo">
-                        We do differently such that it wouldn’t matter?
-                      </button>
-                    </h2>
-                    <div id="bd11" className="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion5">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd12">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd12" aria-expanded="false" aria-controls="collapseThree">
-                        How could we institutionalize communicating it?
-                      </button>
-                    </h2>
-                    <div id="bd12" className="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion5">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-
-                <div className="accordion" id="accordion6">
-                  <h5 className="sec-title"> <span> 06. </span> Support </h5>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd13">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd13" aria-expanded="true" aria-controls="collapseOne">
-                        About you that not many people know?
-                      </button>
-                    </h2>
-                    <div id="bd13" className="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion6">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd14">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd14" aria-expanded="false" aria-controls="collapseTwo">
-                        What should we do about that?
-                      </button>
-                    </h2>
-                    <div id="bd14" className="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion6">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="accordion-item">
-                    <h2 className="accordion-header" id="hd15">
-                      <button className="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bd15" aria-expanded="false" aria-controls="collapseThree">
-                        What should we do soon to prevent some of that?
-                      </button>
-                    </h2>
-                    <div id="bd15" className="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion6">
-                      <div className="accordion-body">
-                        <div className="text">
-                          Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. The Sass Script is the scripting language itself. Sass consists of two syntaxes.
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default TabContent
\ No newline at end of file
diff --git a/src/components/Style2/FAQ/TabList.jsx b/src/components/Style2/FAQ/TabList.jsx
deleted file mode 100644
index f226b08..0000000
--- a/src/components/Style2/FAQ/TabList.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import faqTabs from 'data/Style2/faq-tabs.json';
-
-const Tabs = () => {
-  return (
-    <section className="faq-tabs style-5">
-      <div className="container">
-        <ul className="nav nav-pills" id="pills-tab" role="tablist">
-          {
-            faqTabs.map((tab, index) => (
-              <li className="nav-item" role="presentation" key={index}>
-                <button className={`nav-card ${index === 0 ? 'active':''}`} id={tab.id} data-bs-toggle="pill" data-bs-target={tab.target} type="button" role="tab" aria-controls="pills-home" aria-selected="true">
-                  <div className="icon img-contain">
-                    <img src={tab.image} alt="" />
-                  </div>
-                  <div className="info">
-                    <h5> { tab.title } </h5>
-                    <p> { tab.answers } Answer </p>
-                  </div>
-                </button>
-              </li>
-            ))
-          }
-        </ul>
-      </div>
-    </section>
-  )
-}
-
-export default Tabs
\ No newline at end of file
diff --git a/src/components/Style2/FAQ/TabsContent.jsx b/src/components/Style2/FAQ/TabsContent.jsx
deleted file mode 100644
index 01c8c3b..0000000
--- a/src/components/Style2/FAQ/TabsContent.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import TabContent from './TabContent';
-
-const TabsContent = () => {
-  return (
-    <div className="tab-content" id="pills-tabContent">
-      <TabContent id="faq1" isActive />
-      <TabContent id="faq2" />
-    </div>
-  )
-}
-
-export default TabsContent
\ No newline at end of file
diff --git a/src/components/Style2/Header.jsx b/src/components/Style2/Header.jsx
deleted file mode 100644
index 6c8aeb2..0000000
--- a/src/components/Style2/Header.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-const Header = ({ page, title }) => {
-  return (
-    <section className="inner-header style-5">
-      <div className="container">
-        <div className="content">
-          <div className="links">
-            <a href="#"> Home </a>
-            <a href="#" className="ms-1"> { page } </a>
-          </div>
-          <h2> { title } </h2>
-          <img src="/assets/img/header/head7_rock.png" alt="" className="side-img slide_up_down" />
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Header
\ No newline at end of file
diff --git a/src/components/Style2/ServicesDetails/Contact.jsx b/src/components/Style2/ServicesDetails/Contact.jsx
deleted file mode 100644
index 4e2223e..0000000
--- a/src/components/Style2/ServicesDetails/Contact.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-
-const Contact = () => {
-  return (
-    <section className="contact style-5 section-padding">
-      <div className="container">
-        <div className="section-head text-center mb-80 style-5">
-          <h2> Get In  <span> Touch </span> </h2>
-          <p>
-            More than 15,000 companies trust and choose Itech
-          </p>
-        </div>
-        <div className="contact-form">
-          <div className="row">
-            <div className="col-lg-4">
-              <div className="form-group">
-                <input type="text" className="form-control" placeholder="Full name" />
-                <span className="icon"> <i className="fas fa-user"></i> </span>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="form-group">
-                <input type="text" className="form-control" placeholder="Phone number" />
-                <span className="icon"> <i className="fas fa-phone"></i> </span>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="form-group">
-                <input type="text" className="form-control" placeholder="Email address" />
-                <span className="icon"> <i className="fas fa-envelope"></i> </span>
-              </div>
-            </div>
-            <div className="col-lg-12">
-              <div className="form-group">
-                <textarea rows="6" placeholder="Message" className="form-control"></textarea>
-                <span className="icon"> <i className="fas fa-pen"></i> </span>
-              </div>
-            </div>
-          </div>
-          <div className="text-center">
-            <a href="#" className="butn bg-blue5 rounded-3 mt-20 py-3 text-white">
-              <span> Make A Request <i className="far fa-long-arrow-right ms-2"></i> </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Contact
\ No newline at end of file
diff --git a/src/components/Style2/ServicesDetails/Details.jsx b/src/components/Style2/ServicesDetails/Details.jsx
deleted file mode 100644
index 82ef84a..0000000
--- a/src/components/Style2/ServicesDetails/Details.jsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import React from 'react';
-
-const Details = () => {
-  return (
-    <section className="ser-details section-padding overflow-hidden">
-      <div className="container">
-        <div className="content">
-          <div className="row gx-5">
-            <div className="col-lg-8">
-              <div className="main-info">
-                <div className="main-img img-cover">
-                  <img src="/assets/img/services/services2.png" alt="" />
-                </div>
-                <h3 className="text-capitalize mb-20"> Service Overview </h3>
-                <p className="mb-10">
-                  the Best SMM Panel in the market. Perfect for agencies and resellers, Boost your brand quickly. Quick Response. Quick Boost In Sales. Real-Time Monitoring. Highlights: Live Customer  Support Available, Quick Help Available, Providing High Quality Services.
-                </p>
-                <p className="pb-50">
-                  What is an SMM panel? SMM panel is an SMM service online store where people can buy likes, follow views, website traffic, etc — the list of such services goes on and on. People choose SMM panels because of great prices and fast delivery. This is why this business is so popular, it&apos;s always with an demand. Though selling SMM services via panels is definitely not illegal, buying such services for your accounts is against the Terms of Service on various social media platforms.
-                </p>
-                <div className="imgs-items border-1 border-bottom border-top brd-gray">
-                  <div className="img-item my-5">
-                    <div className="row align-items-center">
-                      <div className="col-lg-2">
-                        <div className="icon mb-3 mb-lg-0">
-                          <img src="/assets/img/icons/serv_icons/34.png" alt="" />
-                        </div>
-                      </div>
-                      <div className="col-lg-10">
-                        <h5 className="fw-bold mb-2"> Our Work Process </h5>
-                        <p> SMM service online store where people can buy likes, follow views, website traffic, etc — the list of such services goes on and on. </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="img-item my-5">
-                    <div className="row align-items-center">
-                      <div className="col-lg-2">
-                        <div className="icon mb-3 mb-lg-0">
-                          <img src="/assets/img/icons/serv_icons/35.png" alt="" />
-                        </div>
-                      </div>
-                      <div className="col-lg-10">
-                        <h5 className="fw-bold mb-2"> Troubleshooting Process </h5>
-                        <p> SMM service online store where people can buy likes, follow views, website traffic, etc — the list of such services goes on and on. </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <h4 className="mt-5 mb-4"> Going Beyond the Usual </h4>
-                <p className="mt-10"> <i className="fas fa-check-circle color-blue5 me-2"></i> <strong className="color-000"> Product Quality: </strong> Automatically syncs across all your devices. You can also access... </p>
-                <p className="mt-10"> <i className="fas fa-check-circle color-blue5 me-2"></i> <strong className="color-000"> On Demand Design: </strong> Images, videos, PDFs and audio files are supported. </p>
-                <p className="mt-10"> <i className="fas fa-check-circle color-blue5 me-2"></i> <strong className="color-000"> Choice of Service: </strong> Whatever your business needs, you can choose a service. </p>
-
-                <div className="testi-card mt-60">
-                  <div className="icon">
-                    <img src="/assets/img/testimonials/qout.png" alt="" />
-                  </div>
-                  <div className="text">
-                    “ Collecting customer feedback shows you value opinion. <br /> By asking your clients for feedback you communicate that their opinion is important to you. ”
-                  </div>
-                  <div className="author">
-                    <div className="img icon-60 rounded-circle overflow-hidden img-cover me-3 flex-shrink-0">
-                      <img src="/assets/img/testimonials/user8.png" alt="" />
-                    </div>
-                    <div className="inf">
-                      <p> Head Of Idea </p>
-                      <h6> Alonso D.Dowson </h6>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="last-next-serv d-flex align-items-center justify-content-between mt-60">
-                  <a href="#" className="item">
-                    <p> Prev Service </p>
-                    <h5 className="fw-bold"> Product Design </h5>
-                  </a>
-                  <a href="#" className="item text-end">
-                    <p> Next Service </p>
-                    <h5 className="fw-bold"> Web Development </h5>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div className="col-lg-4">
-              <div className="side-links mt-5 mt-lg-0">
-                <div className="links-card mb-40">
-                  <h5> Service Category </h5>
-                  <ul>
-                    <li>
-                      <a href="#"> <i className="far fa-angle-right icon"></i> Social Media Marketing </a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="far fa-angle-right icon"></i> Search Engine Optimization </a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="far fa-angle-right icon"></i> Product Design </a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="far fa-angle-right icon"></i> Email Marketing </a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="far fa-angle-right icon"></i> Web Development </a>
-                    </li>
-                    <li>
-                      <a href="#"> <i className="far fa-angle-right icon"></i> Game Design & Develop </a>
-                    </li>
-                  </ul>
-                </div>
-                <div className="banner1">
-                  <div className="title">
-                    <h6> Call To Action </h6>
-                    <h3> Make An Custom Request </h3>
-                  </div>
-                  <a href="#" className="butn bg-white rounded-pill hover-blue5">
-                    <span> Get A Quote <i className="far fa-long-arrow-right ms-2"></i> </span>
-                  </a>
-                  <img src="/assets/img/mob1.png" alt="" className="mob" />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Details
\ No newline at end of file
diff --git a/src/components/Style2/Signin/index.jsx b/src/components/Style2/Signin/index.jsx
deleted file mode 100644
index d5200b7..0000000
--- a/src/components/Style2/Signin/index.jsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay, Pagination, Mousewheel } from 'swiper';
-
-import "swiper/css";
-import 'swiper/css/autoplay';
-import 'swiper/css/pagination';
-import 'swiper/css/mousewheel';
-
-SwiperCore.use([Autoplay, Pagination, Mousewheel]);
-
-const SignIn = () => {
-  const [load, setLoad] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => setLoad(true));
-  }, []);
-
-  return (
-    <section className="signin style-5">
-      <div className="container">
-        <div className="form-content">
-          <div className="row gx-0">
-            <div className="col-lg-6 order-last order-lg-first">
-              <div className="info">
-                <a href="#" className="logo">
-                  <img src="/assets/img/logo_foot_home5.png" alt="" />
-                </a>
-                <h3 className="mb-2"> Signup or Login To <span className="color-blue5"> Iteck </span> </h3>
-                <p className="color-666"> Get started to login with other platform </p>
-                <div className="sign-btns mt-30">
-                  <a href="#" className="butn py-3 px-4 border-1 rounded-3 brd-gray border me-2">
-                    <span> <i className="fab fa-google me-1 color-blue5"></i> Sign in with Google </span>
-                  </a>
-                  <a href="#" className="butn py-3 px-4 border-1 rounded-3 brd-gray border ms-1 mt-3 mt-lg-0">
-                    <span> <i className="fab fa-apple me-1 color-blue5"></i> Sign in with Apple </span>
-                  </a>
-                </div>
-                <div className="or-line">
-                  <span> or </span>
-                </div>
-                <div className="row">
-                  <div className="col-lg-6">
-                    <div className="form-group group-icon">
-                      <input type="text" className="form-control" placeholder="Email address" />
-                      <span className="icon"> <i className="fas fa-envelope"></i> </span>
-                    </div>
-                  </div>
-                  <div className="col-lg-6">
-                    <div className="form-group group-icon mt-3 mt-lg-0">
-                      <input type="password" className="form-control" placeholder="Password" />
-                      <span className="icon"> <i className="fas fa-key"></i> </span>
-                    </div>
-                  </div>
-                </div>
-                <button className="butn bg-main border-0 rounded-3 w-100 text-white mt-20 py-3">
-                  <span> Sign In Now <i className="fal fa-long-arrow-right ms-2"></i> </span>
-                </button>
-              </div>
-            </div>
-            <div className="col-lg-6">
-              <div className="sign-imgs-slider">
-                {
-                  load && (
-                    <Swiper
-                      className="swiper-container"
-                      slidesPerView={1}
-                      spaceBetween={0}
-                      speed={1000}
-                      pagination={{
-                        el: ".sign-imgs-slider .swiper-pagination",
-                        clickable: true,
-                      }}
-                      navigation={false}
-                      mousewheel={false}
-                      keyboard={true}
-                      autoplay={{
-                        delay: 4000,
-                      }}
-                      loop={true}
-                    >
-                      <SwiperSlide>
-                        <div className="slide-card">
-                          <h3> Welcome To Iteck <br /> Community </h3>
-                          <div className="img">
-                            <img src="/assets/img/login/1.png" alt="" />
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                      <SwiperSlide>
-                        <div className="slide-card">
-                          <h3> Welcome To Iteck <br /> Community </h3>
-                          <div className="img">
-                            <img src="/assets/img/login/2.jpg" alt="" />
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                      <SwiperSlide>
-                        <div className="slide-card">
-                          <h3> Welcome To Iteck <br /> Community </h3>
-                          <div className="img">
-                            <img src="/assets/img/login/3.png" alt="" />
-                          </div>
-                        </div>
-                      </SwiperSlide>
-                    </Swiper>
-                  )
-                }
-                <div className="swiper-pagination"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default SignIn
\ No newline at end of file
diff --git a/src/data/App/about-rtl.json b/src/data/App/about-rtl.json
deleted file mode 100644
index d05ed40..0000000
--- a/src/data/App/about-rtl.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "features": [
-    { "icon": "fas fa-tag", "title": "تصفية الملاحظات باستخدام الكلمات الرئيسية المتطابقة" },
-    { "icon": "fas fa-sync", "title": "مزامنة تلقائية في الوقت الحقيقي" },
-    { "icon": "fas fa-text-width", "title": "محرر الملاحظات الكامل مع خيارات النص المنسق" }
-  ],
-  "accordions": [
-    {
-      "id": 1,
-      "title": "إنشاء وحفظ الملاحظات الخاصة بك مع الوسائط المتعددة",
-      "content": "يتم دعم الصور ومقاطع الفيديو وملفات PDF والملفات الصوتية. قم بإنشاء تعبيرات رياضية ومخططات مباشرة من التطبيق. التقط صورًا باستخدام تطبيق الهاتف المحمول واحفظها في ملاحظة."
-    },
-    {
-      "id": 2,
-      "title": "ملحق Web Clipper",
-      "content": "يتم دعم الصور ومقاطع الفيديو وملفات PDF والملفات الصوتية. قم بإنشاء تعبيرات رياضية ومخططات مباشرة من التطبيق. التقط صورًا باستخدام تطبيق الهاتف المحمول واحفظها في ملاحظة."
-    },
-    {
-      "id": 3,
-      "title": "حماية ملاحظتك مع القفل",
-      "content": "يتم دعم الصور ومقاطع الفيديو وملفات PDF والملفات الصوتية. قم بإنشاء تعبيرات رياضية ومخططات مباشرة من التطبيق. التقط صورًا باستخدام تطبيق الهاتف المحمول واحفظها في ملاحظة."
-    }
-  ],
-  "thirdFeatures": [
-    { "active": false, "title": "تصفية الملاحظات باستخدام الكلمات الرئيسية المتطابقة" },
-    { "active": true, "title": "8 موضوعات جميلة لتختارها" },
-    { "active": false, "title": "وفر الطاقة لجهازك" },
-    { "active": false, "title": "من السهل التبديل بين الوضع الفاتح والداكن" }
-  ],
-  "integrations": [
-    "/assets/img/about/intg1.png",
-    "/assets/img/about/intg5.png",
-    "/assets/img/about/intg4.png",
-    "/assets/img/about/intg3.png",
-    "/assets/img/about/intg2.png"
-  ]
-}
\ No newline at end of file
diff --git a/src/data/App/about.json b/src/data/App/about.json
deleted file mode 100644
index 4633fbb..0000000
--- a/src/data/App/about.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "features": [
-    { "icon": "fas fa-tag", "title": "Filtering notes using matched keywords" },
-    { "icon": "fas fa-sync", "title": "Automatically sync in real times" },
-    { "icon": "fas fa-text-width", "title": "Complete note editor with rich text options" }
-  ],
-  "accordions": [
-    {
-      "id": 1,
-      "title": "Create and Save your notes with multi-media",
-      "content": "Images, videos, PDFs and audio files are supported. Create math expressions and diagrams directly from the app. Take photos with the mobile app and save them to a note."
-    },
-    {
-      "id": 2,
-      "title": "Web Clipper Extension",
-      "content": "Images, videos, PDFs and audio files are supported. Create math expressions and diagrams directly from the app. Take photos with the mobile app and save them to a note."
-    },
-    {
-      "id": 3,
-      "title": "Protect your note with lock",
-      "content": "Images, videos, PDFs and audio files are supported. Create math expressions and diagrams directly from the app. Take photos with the mobile app and save them to a note."
-    }
-  ],
-  "thirdFeatures": [
-    { "active": false, "title": "Filtering notes using matched keywords" },
-    { "active": true, "title": "8 Beautiful themes for you select" },
-    { "active": false, "title": "Save energy for your device" },
-    { "active": false, "title": "Easy to switch between light and dark mode" }
-  ],
-  "integrations": [
-    "/assets/img/about/intg1.png",
-    "/assets/img/about/intg5.png",
-    "/assets/img/about/intg4.png",
-    "/assets/img/about/intg3.png",
-    "/assets/img/about/intg2.png"
-  ]
-}
\ No newline at end of file
diff --git a/src/data/App/clients.json b/src/data/App/clients.json
deleted file mode 100644
index f2ce9a1..0000000
--- a/src/data/App/clients.json
+++ /dev/null
@@ -1,8 +0,0 @@
-[
-  "/assets/img/logos/1.png",
-  "/assets/img/logos/2.png",
-  "/assets/img/logos/3.png",
-  "/assets/img/logos/4.png",
-  "/assets/img/logos/5.png",
-  "/assets/img/logos/6.png"
-]
\ No newline at end of file
diff --git a/src/data/App/community-rtl.json b/src/data/App/community-rtl.json
deleted file mode 100644
index af2d378..0000000
--- a/src/data/App/community-rtl.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "icon": "fab fa-github",
-    "title": "جيت هوب",
-    "description": "المصدر المفتوح ورمز الاتصال"
-  },
-  {
-    "icon": "fab fa-twitter",
-    "title": "تويتر",
-    "description": "آخر الأخبار والتحديثات"
-  },
-  {
-    "icon": "fab fa-telegram",
-    "title": "تليجرام",
-    "description": "قناه للمجتمع"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/community.json b/src/data/App/community.json
deleted file mode 100644
index 2acf731..0000000
--- a/src/data/App/community.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "icon": "fab fa-github",
-    "title": "Github",
-    "description": "Open Source & Commnit Code"
-  },
-  {
-    "icon": "fab fa-twitter",
-    "title": "Twitter",
-    "description": "Latest News & Update"
-  },
-  {
-    "icon": "fab fa-telegram",
-    "title": "Telegram",
-    "description": "Chanel for Community"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/culture.json b/src/data/App/culture.json
deleted file mode 100644
index 6dbabbd..0000000
--- a/src/data/App/culture.json
+++ /dev/null
@@ -1,7 +0,0 @@
-[
-  "/assets/img/about/cl1.png",
-  "/assets/img/about/cl2.png",
-  "/assets/img/about/cl3.png",
-  "/assets/img/about/cl1.png",
-  "/assets/img/about/cl2.png"
-]
\ No newline at end of file
diff --git a/src/data/App/faq-rtl.json b/src/data/App/faq-rtl.json
deleted file mode 100644
index b796dc0..0000000
--- a/src/data/App/faq-rtl.json
+++ /dev/null
@@ -1,47 +0,0 @@
-[
-  {
-    "id": 1,
-    "question": "ما هي الفائدة التي حصلت عليها عند اختيار الخطة الأساسية؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 2,
-    "question": "كيف يمكنني تنظيم ملاحظاتي؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 3,
-    "question": "كم من الوقت لمشروع قياسي",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 4,
-    "question": "ماذا عن اتفاقية أمان البيانات واتفاقية عدم الإفشاء",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 5,
-    "question": "كيف تقوم نيترو بتخزين بياناتي؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 6,
-    "question": "لا يدعم نيترو تخزين البيانات على iCloud؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 7,
-    "question": "كيف يمكنني تغيير البريد الإلكتروني أو كلمة المرور الخاصة بي؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 8,
-    "question": "هل يمكن استخدام ترخيص Premium الخاص بي لجميع الأجهزة؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  },
-  {
-    "id": 9,
-    "question": "هل يمكنني قفل تطبيق ملاحظتي؟",
-    "answer": "من خلال التعاون مع العملاء في مناقشة الاحتياجات والطلب ، نحن قادرون على تحقيق التفاهم المتبادل ، واكتساب ثقة العملاء لتقديم المشورة المناسبة"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/faq.json b/src/data/App/faq.json
deleted file mode 100644
index dcaee66..0000000
--- a/src/data/App/faq.json
+++ /dev/null
@@ -1,74 +0,0 @@
-[
-  {
-    "id": 1,
-    "question": "How Benefit That I Got When Choose Basic Plan?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 2,
-    "question": "How Do I Organize My Notes?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 3,
-    "question": "How Long For A Standard Project",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 4,
-    "question": "How About Data Security & NDA Agreement",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 5,
-    "question": "How Does Notero Store My Data?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 6,
-    "question": "Does Notero Support Storing Data on iCloud?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 7,
-    "question": "How Do I Change My Email or Password?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 8,
-    "question": "Can My Premium License Be Used For All Devices?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  },
-  {
-    "id": 9,
-    "question": "Can I Lock My Note App?",
-    "answer": {
-      "part1": "Through the collaboration with customers in discussing needs and demand, we're able to attain ",
-      "part2": " mutual understanding, gain customer trust to offer appropriate advice"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/features-rtl.json b/src/data/App/features-rtl.json
deleted file mode 100644
index a27102f..0000000
--- a/src/data/App/features-rtl.json
+++ /dev/null
@@ -1,38 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/fe1.png",
-    "title": {
-      "text1": "خدمه متميزه",
-      "text2": "وأمنة"
-    }
-  },
-  {
-    "image": "/assets/img/icons/fe2.png",
-    "title": {
-      "text1": "سهل التنسيق والاستخدام ",
-      "text2": "والبحث"
-    }
-  },
-  {
-    "image": "/assets/img/icons/fe3.png",
-    "title": {
-      "text1": "شارك",
-      "text2": "التطبيق"
-    },
-    "new": true
-  },
-  {
-    "image": "/assets/img/icons/fe4.png",
-    "title": {
-      "text1": "ملاحظة سريعة في ",
-      "text2": "في كل مكان"
-    }
-  },
-  {
-    "image": "/assets/img/icons/fe5.png",
-    "title": {
-      "text1": "أرسم واكتب ",
-      "text2": "على الايباد"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/features.json b/src/data/App/features.json
deleted file mode 100644
index 175bc98..0000000
--- a/src/data/App/features.json
+++ /dev/null
@@ -1,38 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/fe1.png",
-    "title": {
-      "text1": "Notes Powerful",
-      "text2": "and Security"
-    }
-  },
-  {
-    "image": "/assets/img/icons/fe2.png",
-    "title": {
-      "text1": "Easy Sort, Classify",
-      "text2": "and Search"
-    }
-  },
-  {
-    "image": "/assets/img/icons/fe3.png",
-    "title": {
-      "text1": "Collaboration and",
-      "text2": "Share"
-    },
-    "new": true
-  },
-  {
-    "image": "/assets/img/icons/fe4.png",
-    "title": {
-      "text1": "Quick Note In",
-      "text2": "Everywhere"
-    }
-  },
-  {
-    "image": "/assets/img/icons/fe5.png",
-    "title": {
-      "text1": "Write and Draw",
-      "text2": "on Ipad"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/plans-rtl.json b/src/data/App/plans-rtl.json
deleted file mode 100644
index 84107cd..0000000
--- a/src/data/App/plans-rtl.json
+++ /dev/null
@@ -1,69 +0,0 @@
-[
-  {
-    "title": "الخطة الأساسية",
-    "price": "مجانا",
-    "image": "/assets/img/icons/price_s4_1.png",
-    "description": "نسخة تجريبية مجانية لمدة 14 يومًا ، يمكنك استخدام أكثر من 20 ميزة أساسية",
-    "features": [
-      {
-        "icon": "far fa-sticky-note",
-        "title": "اكتب 5 ملاحظات على iOS و Android فقط",
-        "active": true
-      },
-      {
-        "icon": "fas fa-paperclip",
-        "title": "أضف المرفقات والجداول والأكواد والمزيد إلى ملاحظاتك",
-        "active": true
-      },
-      {
-        "icon": "fas fa-lock",
-        "title": "حماية الملاحظات وأجهزة الكمبيوتر المحمولة الخاصة بك مع قفل",
-        "active": false
-      },
-      {
-        "icon": "fas fa-undo",
-        "title": "وضع التركيز والمظهر الداكن",
-        "active": false
-      },
-      {
-        "icon": "fas fa-download",
-        "title": "تصدير إلى تنسيقات Text و PDF و HTML و Markdown",
-        "active": false
-      }
-    ]
-  },
-  {
-    "title": "خطة متميزة",
-    "price": "$29",
-    "image": "/assets/img/icons/price_s4_2.png",
-    "description": "جرب جميع الميزات المتميزة والدفع لمرة واحدة فقط",
-    "off": "20%",
-    "features": [
-      {
-        "icon": "far fa-sticky-note",
-        "title": "اكتب 5 ملاحظات على iOS و Android فقط",
-        "active": true
-      },
-      {
-        "icon": "fas fa-paperclip",
-        "title": "أضف المرفقات والجداول والأكواد والمزيد إلى ملاحظاتك",
-        "active": true
-      },
-      {
-        "icon": "fas fa-lock",
-        "title": "حماية الملاحظات وأجهزة الكمبيوتر المحمولة الخاصة بك مع قفل",
-        "active": true
-      },
-      {
-        "icon": "fas fa-undo",
-        "title": "وضع التركيز والمظهر الداكن",
-        "active": true
-      },
-      {
-        "icon": "fas fa-download",
-        "title": "تصدير إلى تنسيقات Text و PDF و HTML و Markdown",
-        "active": true
-      }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/plans.json b/src/data/App/plans.json
deleted file mode 100644
index c665827..0000000
--- a/src/data/App/plans.json
+++ /dev/null
@@ -1,69 +0,0 @@
-[
-  {
-    "title": "basic Plan",
-    "price": "Free",
-    "image": "/assets/img/icons/price_s4_1.png",
-    "description": "Free 14 days trial, you can use over 20 basic features",
-    "features": [
-      {
-        "icon": "far fa-sticky-note",
-        "title": "Write 5 Notes On Only iOS & Android",
-        "active": true
-      },
-      {
-        "icon": "fas fa-paperclip",
-        "title": "Add Attachments, Tables, Codes and More To Your Notes",
-        "active": true
-      },
-      {
-        "icon": "fas fa-lock",
-        "title": "Protect Your Notes and Notebooks With Lock",
-        "active": false
-      },
-      {
-        "icon": "fas fa-undo",
-        "title": "Focus Mode and Dark Theme",
-        "active": false
-      },
-      {
-        "icon": "fas fa-download",
-        "title": "Export to Text, PDF, HTML and Markdown formats",
-        "active": false
-      }
-    ]
-  },
-  {
-    "title": "premium Plan",
-    "price": "$29",
-    "image": "/assets/img/icons/price_s4_2.png",
-    "description": "Experience all premium features and only one-time payment",
-    "off": "20%",
-    "features": [
-      {
-        "icon": "far fa-sticky-note",
-        "title": "Write 5 Notes On Only iOS & Android",
-        "active": true
-      },
-      {
-        "icon": "fas fa-paperclip",
-        "title": "Add Attachments, Tables, Codes and More To Your Notes",
-        "active": true
-      },
-      {
-        "icon": "fas fa-lock",
-        "title": "Protect Your Notes and Notebooks With Lock",
-        "active": true
-      },
-      {
-        "icon": "fas fa-undo",
-        "title": "Focus Mode and Dark Theme",
-        "active": true
-      },
-      {
-        "icon": "fas fa-download",
-        "title": "Export to Text, PDF, HTML and Markdown formats",
-        "active": true
-      }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/product-details-rtl.json b/src/data/App/product-details-rtl.json
deleted file mode 100644
index 58f88f7..0000000
--- a/src/data/App/product-details-rtl.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "nav_pills": [
-    {
-      "id": "pills-description",
-      "title": "الوصف"
-    },
-    {
-      "id": "pills-reviews",
-      "title": "المراجعات (3)"
-    },
-    {
-      "id": "pills-information",
-      "title": "معلومات إضافية"
-    }
-  ],
-  "nav_tabs": [
-    {
-      "id": "pills-description",
-      "show": true
-    },
-    {
-      "id": "pills-reviews",
-      "show": false
-    },
-    {
-      "id": "pills-information",
-      "show": false
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/App/product-details.json b/src/data/App/product-details.json
deleted file mode 100644
index bc73542..0000000
--- a/src/data/App/product-details.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "nav_pills": [
-    {
-      "id": "pills-description",
-      "title": "Description"
-    },
-    {
-      "id": "pills-reviews",
-      "title": "Reviews (3)"
-    },
-    {
-      "id": "pills-information",
-      "title": "Additional Information"
-    }
-  ],
-  "nav_tabs": [
-    {
-      "id": "pills-description",
-      "show": true
-    },
-    {
-      "id": "pills-reviews",
-      "show": false
-    },
-    {
-      "id": "pills-information",
-      "show": false
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/App/product-rtl.json b/src/data/App/product-rtl.json
deleted file mode 100644
index a0c2f23..0000000
--- a/src/data/App/product-rtl.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "title": "نظارة سامسونج للواقع الافتراضى الجديدة",
-  "images": [
-    "/assets/img/shop/products/pr1.png",
-    "/assets/img/shop/products/pr2.png",
-    "/assets/img/shop/products/pr3.png",
-    "/assets/img/shop/products/pr4.png",
-    "/assets/img/shop/products/pr5.png"
-  ],
-  "mainInfo": {
-    "title": "نظارة سامسونج للواقع الافتراضى الجديدة",
-    "category": "سامسونج",
-    "rating": 4,
-    "reviews": 3,
-    "price": 222.65,
-    "discription": "بدون منصة رقمية قوية ، يضيع الوقت والمال ، ويبقى المحتوى دون أن يلاحظه أحد ، ويختفي العملاء المحتملون.",
-    "features": [
-      " نظارة واقع افتراضى تدعم الجيل الرابع والخامس",
-      "تتكامل مع جميع الأجهزة كمحمول ,  PS4, PS5, etc",
-      "مزامنة وحفظ البيانات مع السحابة"
-    ]
-  },
-  "moreInfo": {
-    "SKU": "VRO20-5112",
-    "Category": "تكنولوجى",
-    "tags": ["سامسونج", "oculus", "vr", "نظارة", "ar"]
-  }
-}
\ No newline at end of file
diff --git a/src/data/App/product.json b/src/data/App/product.json
deleted file mode 100644
index c218273..0000000
--- a/src/data/App/product.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "title": "Samsung New VR Headset Oculus 2.0",
-  "images": [
-    "/assets/img/shop/products/pr1.png",
-    "/assets/img/shop/products/pr2.png",
-    "/assets/img/shop/products/pr3.png",
-    "/assets/img/shop/products/pr4.png",
-    "/assets/img/shop/products/pr5.png"
-  ],
-  "mainInfo": {
-    "title": "Samsung New VR Headset Oculus 2.0",
-    "category": "Samsung",
-    "rating": 4,
-    "reviews": 3,
-    "price": 222.65,
-    "discription": "Without a strong digital platform, time and money are wasted, content sits unnoticed, and prospective clients disappear.",
-    "features": [
-      "VR 2 in 1, support 3D/4D AR",
-      "Intergrate with all devices as mobile, PS4, PS5, etc",
-      "Sync and Save data with Cloud"
-    ]
-  },
-  "moreInfo": {
-    "SKU": "VRO20-5112",
-    "Category": "Technology",
-    "tags": ["samsung", "oculus", "vr", "headset", "ar"]
-  }
-}
\ No newline at end of file
diff --git a/src/data/App/related-products-rtl.json b/src/data/App/related-products-rtl.json
deleted file mode 100644
index 855854d..0000000
--- a/src/data/App/related-products-rtl.json
+++ /dev/null
@@ -1,83 +0,0 @@
-[
-  {
-    "image": "/assets/img/shop/products/1.png",
-    "label": "جديد",
-    "liked": true,
-    "category": "ايسوس",
-    "title": "ايسوس كروم بوك  -10.2 inch, 256GB",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/2.png",
-    "label": "15% خصم",
-    "liked": false,
-    "category": "ابل",
-    "title": "ماك بوك 2018, 1 TB",
-    "rating": 5,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/3.png",
-    "liked": false,
-    "category": "سامسونج",
-    "title": "نظارات الواقع الافتراض من سامسونج ",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/4.png",
-    "liked": false,
-    "category": "اسم البراند",
-    "title": "ايفون 6s ذهبي 64GB",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/5.png",
-    "liked": false,
-    "category": "اكس بوكس",
-    "title": "اكس بوكس اذرعه تحكم",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/6.png",
-    "label": "15% خصم",
-    "liked": false,
-    "category": "سونى",
-    "title": "كاميرا سونى",
-    "rating": 4,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/7.png",
-    "liked": false,
-    "category": "dji2",
-    "title": "DJI II Phantom 4 Quad Drone With Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/8.png",
-    "liked": false,
-    "category": "gopro",
-    "title": "Gopro Hero 4 Sliver 4K HD, Wireles Sport Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/related-products.json b/src/data/App/related-products.json
deleted file mode 100644
index 6b9d20d..0000000
--- a/src/data/App/related-products.json
+++ /dev/null
@@ -1,83 +0,0 @@
-[
-  {
-    "image": "/assets/img/shop/products/1.png",
-    "label": "new",
-    "liked": true,
-    "category": "asus",
-    "title": "ASUS Chromebook Flip -10.2 inch, 256GB",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/2.png",
-    "label": "15% off",
-    "liked": false,
-    "category": "apple",
-    "title": "Macbook Air 2018, 1 TB",
-    "rating": 5,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/3.png",
-    "liked": false,
-    "category": "samsung",
-    "title": "Samsung New VR Headset, Oculus 2.0",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/4.png",
-    "liked": false,
-    "category": "brand name",
-    "title": "iPhone 6s Gold 64GB, Retina Ready",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/5.png",
-    "liked": false,
-    "category": "Xbox",
-    "title": "Xbox One Controller",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/6.png",
-    "label": "15% off",
-    "liked": false,
-    "category": "amcrest",
-    "title": "Amcrest Outdoor Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/7.png",
-    "liked": false,
-    "category": "dji2",
-    "title": "DJI II Phantom 4 Quad Drone With Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/8.png",
-    "liked": false,
-    "category": "gopro",
-    "title": "Gopro Hero 4 Sliver 4K HD, Wireles Sport Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/screenshots.json b/src/data/App/screenshots.json
deleted file mode 100644
index 66c2fd4..0000000
--- a/src/data/App/screenshots.json
+++ /dev/null
@@ -1,7 +0,0 @@
-[
-  "/assets/img/screenshots/1.png",
-  "/assets/img/screenshots/2.png",
-  "/assets/img/screenshots/3.jpg",
-  "/assets/img/screenshots/4.png",
-  "/assets/img/screenshots/5.png"
-]
\ No newline at end of file
diff --git a/src/data/App/services.json b/src/data/App/services.json
deleted file mode 100644
index 7b7406d..0000000
--- a/src/data/App/services.json
+++ /dev/null
@@ -1,37 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/serv_icons/16.png",
-    "info": "Content Strategy",
-    "text": "You can provide the answers that your potential customers are trying to find, so you can become the industry."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/15.png",
-    "info": "Google/FB Ads",
-    "text": "Get more website traffic, more customers & more online visibility with powerful SEO services."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/14.png",
-    "info": "Email Marketing",
-    "text": "Your website has to impress your visitors within just a few seconds"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/17.png",
-    "info": "Social Media",
-    "text": "Get more website traffic, more customers for your social chanel"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/18.png",
-    "info": "Website Design and Development",
-    "text": "Your website has to impress your visitors within just a few seconds. If it runs slow, if it feels outdated"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/19.png",
-    "info": "TVC/ Viral Clip",
-    "text": "Optimized your website on google result with PPC Marketing"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/20.png",
-    "info": "PPC Ads",
-    "text": "Optimized your website on google result with PPC Marketing"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/shop-rtl.json b/src/data/App/shop-rtl.json
deleted file mode 100644
index e140aeb..0000000
--- a/src/data/App/shop-rtl.json
+++ /dev/null
@@ -1,119 +0,0 @@
-[
-  {
-    "image": "/assets/img/shop/products/1.png",
-    "label": "جديد",
-    "liked": true,
-    "category": "ايسوس",
-    "title": "ايسوس كروم بوك  -10.2 inch, 256GB",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/2.png",
-    "label": "15% خصم",
-    "liked": false,
-    "category": "ابل",
-    "title": "ماك بوك 2018, 1 TB",
-    "rating": 5,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/3.png",
-    "liked": false,
-    "category": "سامسونج",
-    "title": "نظارات الواقع الافتراض من سامسونج ",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/4.png",
-    "liked": false,
-    "category": "اسم البراند",
-    "title": "ايفون 6s ذهبي 64GB",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/5.png",
-    "liked": false,
-    "category": "اكس بوكس",
-    "title": "اكس بوكس اذرعه تحكم",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/6.png",
-    "label": "15% خصم",
-    "liked": false,
-    "category": "سونى",
-    "title": "كاميرا سونى",
-    "rating": 4,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/7.png",
-    "liked": false,
-    "category": "dji2",
-    "title": "DJI II Phantom 4 Quad Drone With Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/8.png",
-    "liked": false,
-    "category": "gopro",
-    "title": "Gopro Hero 4 Sliver 4K HD, Wireles Sport Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/9.png",
-    "liked": false,
-    "category": "نيكون",
-    "title": "كاميرا نيكون",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "كاميرا سونى",
-    "image": "/assets/img/shop/products/10.png",
-    "category": "سونى",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "اصحابي الخطيرين - كتاب تسويق",
-    "image": "/assets/img/shop/products/11.png",
-    "category": "كتاب تسويق",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "اصحابي الخطيرين - كتاب تسويق",
-    "image": "/assets/img/shop/products/12.png",
-    "category": "كتاب تسويق",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/shop.json b/src/data/App/shop.json
deleted file mode 100644
index 1016b1b..0000000
--- a/src/data/App/shop.json
+++ /dev/null
@@ -1,119 +0,0 @@
-[
-  {
-    "title": "ASUS Chromebook Flip -10.2 inch, 256GB",
-    "image": "/assets/img/shop/products/1.png",
-    "category": "asus",
-    "label": "new",
-    "liked": true,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "Macbook Air 2018, 1 TB",
-    "image": "/assets/img/shop/products/2.png",
-    "category": "apple",
-    "label": "15% off",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": {
-      "old": "521.00",
-      "new": "421.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/3.png",
-    "liked": false,
-    "category": "samsung",
-    "title": "Samsung New VR Headset, Oculus 2.0",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/4.png",
-    "liked": false,
-    "category": "brand name",
-    "title": "iPhone 6s Gold 64GB, Retina Ready",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/5.png",
-    "liked": false,
-    "category": "Xbox",
-    "title": "Xbox One Controller",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/6.png",
-    "label": "15% off",
-    "liked": false,
-    "category": "amcrest",
-    "title": "Amcrest Outdoor Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": {
-      "new": "421.00",
-      "old": "521.00"
-    }
-  },
-  {
-    "image": "/assets/img/shop/products/7.png",
-    "liked": false,
-    "category": "dji2",
-    "title": "DJI II Phantom 4 Quad Drone With Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/8.png",
-    "liked": false,
-    "category": "gopro",
-    "title": "Gopro Hero 4 Sliver 4K HD, Wireles Sport Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "image": "/assets/img/shop/products/9.png",
-    "liked": false,
-    "category": "nikon",
-    "title": "Nikon Coolpix Camera",
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "Sony Camera 24.5MP, HD, 4k Wireless",
-    "image": "/assets/img/shop/products/10.png",
-    "category": "sony",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "All My Dangerous Friends - Marketing Book",
-    "image": "/assets/img/shop/products/11.png",
-    "category": "seo book",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  },
-  {
-    "title": "Love Does - Bob Goff",
-    "image": "/assets/img/shop/products/12.png",
-    "category": "seo book",
-    "liked": false,
-    "rating": 4,
-    "reviews": 3,
-    "price": "197.00"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/team.json b/src/data/App/team.json
deleted file mode 100644
index e0e95a0..0000000
--- a/src/data/App/team.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.jpeg",
-    "name": "Michael Edwards",
-    "position": "CEO Founder"
-  },
-  {
-    "picture": "/assets/img/team/5.jpeg",
-    "name": "Bobby Kane",
-    "position": "CTO"
-  },
-  {
-    "picture": "/assets/img/team/3.jpeg",
-    "name": "Robert Downey Jr",
-    "position": "Project Manager"
-  },
-  {
-    "picture": "/assets/img/team/4.jpeg",
-    "name": "Andrew Robertson",
-    "position": "Marketing Leader"
-  }
-]
\ No newline at end of file
diff --git a/src/data/App/testimonials-rtl.json b/src/data/App/testimonials-rtl.json
deleted file mode 100644
index da26537..0000000
--- a/src/data/App/testimonials-rtl.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "numCards": [
-    {
-      "image": "/assets/img/icons/testi_s4_ic1.png",
-      "value": "2,5M+",
-      "type": {
-        "text1": "تحميل و",
-        "text2": "تثبيت"
-      }
-    },
-    {
-      "image": "/assets/img/icons/testi_s4_ic2.png",
-      "value": "4.8/5",
-      "stars": 5,
-      "type": "بناءاً على هذا العدد من التقييمات 1،258"
-    }
-  ],
-  "testiCards": [
-    {
-      "userImg": "/assets/img/testimonials/user4.png",
-      "stars": 5,
-      "title": {
-        "text1": "“يمكنك حتى إرسال رسائل بريد إلكتروني إلى Evernote وجمع  ",
-        "text2": " كل الأشياء التي تحتاجها في مكان واحد.”"
-      },
-      "author": {
-        "name": "يورجن ك.",
-        "position": " أول قسم التسويق ",
-        "company": "Brator"
-      }
-    },
-    {
-      "userImg": "/assets/img/testimonials/user5.png",
-      "stars": 5,
-      "title": "“نوتيرو - الخيار الأول الذي أختاره لتطبيق الملاحظات. رائع”",
-      "author": {
-        "name": "فودن ص.",
-        "position": "مدير",
-        "company": "Ecoland Resort"
-      }
-    },
-    {
-      "userImg": "/assets/img/testimonials/user6.png",
-      "stars": 5,
-      "title": {
-        "text1": "”.هذا التطبيق جيد بجدية. إنه ببساطة ، نظيف و  ",
-        "text2": " متعة حقيقية في الاستخدام.”"
-      },
-      "author": {
-        "name": "Kerry T.",
-        "position": "مصمم",
-        "company": "Teckzone Inc"
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/App/testimonials.json b/src/data/App/testimonials.json
deleted file mode 100644
index 7b92214..0000000
--- a/src/data/App/testimonials.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "numCards": [
-    {
-      "image": "/assets/img/icons/testi_s4_ic1.png",
-      "value": "2,5M+",
-      "type": {
-        "text1": "Downloaded and",
-        "text2": "Installation"
-      }
-    },
-    {
-      "image": "/assets/img/icons/testi_s4_ic2.png",
-      "value": "4.8/5",
-      "stars": 5,
-      "type": "Based on 1,258 reviews"
-    }
-  ],
-  "testiCards": [
-    {
-      "userImg": "/assets/img/testimonials/user4.png",
-      "stars": 5,
-      "title": {
-        "text1": "“You can even send emails to Evernote and gather  ",
-        "text2": " all of the things you need in a single place.”"
-      },
-      "author": {
-        "name": "jurgen k.",
-        "position": "Senior Marketing",
-        "company": "Br /ator"
-      }
-    },
-    {
-      "userImg": "/assets/img/testimonials/user5.png",
-      "stars": 5,
-      "title": "“Notero - 1st my choice for notes app. Awesome”",
-      "author": {
-        "name": "foden p.",
-        "position": "Director",
-        "company": "Ecoland Resort"
-      }
-    },
-    {
-      "userImg": "/assets/img/testimonials/user6.png",
-      "stars": 5,
-      "title": {
-        "text1": "”.This app is seriously good. It’s simple, clean and ",
-        "text2": " a real joy to use.”"
-      },
-      "author": {
-        "name": "Kerry T.",
-        "position": "Designer",
-        "company": "Teckzone Inc"
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Blog/all-news-rtl.json b/src/data/Blog/all-news-rtl.json
deleted file mode 100644
index 940f39a..0000000
--- a/src/data/Blog/all-news-rtl.json
+++ /dev/null
@@ -1,113 +0,0 @@
-{
-  "blogs": [
-    {
-      "cover": "/assets/img/blog/6.png",
-      "type": "اخبار",
-      "time": "منذ 12 ايام",
-      "title": "كيف تصبح خبير تطوير بايثون",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/4.jpeg",
-      "type": "اخبار",
-      "time": "منذ 12 ايام",
-      "title": "لعبة VR والفرصة والتحدي",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/10.png",
-      "type": "نصائح وافكار",
-      "time": "منذ 12 ايام",
-      "title": "6 نصائح لمساعدتك على بناء فعالية وسائل التواصل الاجتماعي بشكل أفضل",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/11.png",
-      "type": "نصائح وافكار",
-      "time": "منذ 12 ايام",
-      "title": "الاتجاه الجديد للتسويق مع Tiktok ، هل ينبغي أم لا؟",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/9.png",
-      "type": "نصائح وافكار",
-      "time": "منذ 12 ايام",
-      "title": "استراتيجية سير العمل للتسوق الإلكتروني",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/3.jpeg",
-      "type": "نصائح وافكار",
-      "time": "منذ 12 ايام",
-      "title": "مخطط ل UI/UX",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/12.png",
-      "type": "نصائح وافكار",
-      "time": "منذ 12 ايام",
-      "title": "أيام العمل الحر 2022, ما هو الجديد؟",
-      "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-      "userImgLetter": "a",
-      "username": "الادمن",
-      "comments": "24",
-      "views": "774k"
-    }
-  ],
-  "sidebar": {
-    "recentPosts": [
-      { "title": "اتجاه التشفير 2023", "image": "/assets/img/blog/1.jpeg" },
-      { "title": "كيف تصبح مطور ويب ", "image": "/assets/img/blog/2.jpeg" },
-      { "title": "المخططات ل UI/UX", "image": "/assets/img/blog/3.jpeg" },
-      { "title": "AI مع بصمة الإصبع", "image": "/assets/img/blog/7.png" }
-    ],
-    "categories": [
-      { "title": "الكل", "count": 265 },
-      { "title": "أخبار", "count": 38 },
-      { "title": "تكنولوجيا", "count": 16 },
-      { "title": "نصائح وافكار", "count": 85 },
-      { "title": "الوظائف", "count": 21 },
-      { "title": "تواصل اجتماعي", "count": 874 },
-      { "title": "فيديو", "count": 54 },
-      { "title": "اخر", "count": 85 }
-    ],
-    "instagram": [
-      "/assets/img/blog/1.jpeg",
-      "/assets/img/blog/10.png",
-      "/assets/img/blog/11.png",
-      "/assets/img/blog/12.png",
-      "/assets/img/blog/2.jpeg",
-      "/assets/img/blog/3.jpeg"
-    ],
-    "tags": [
-      "ووردبريس", "بي أتش بي", "HTML/CSS",
-      "فيجما", "تكنولوجى", "تسويق",
-      "استشارة", "سيو", "إنفاتو",
-      "فوتوشوب"
-    ]
-  }
-}
\ No newline at end of file
diff --git a/src/data/Blog/all-news.json b/src/data/Blog/all-news.json
deleted file mode 100644
index 0edfb2a..0000000
--- a/src/data/Blog/all-news.json
+++ /dev/null
@@ -1,113 +0,0 @@
-{
-  "blogs": [
-    {
-      "cover": "/assets/img/blog/6.png",
-      "type": "news",
-      "time": "12 Days ago",
-      "title": "How To Become A Python Develop Expert",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/4.jpeg",
-      "type": "news",
-      "time": "12 Days ago",
-      "title": "VR Game, Oppoturnity & Challenge",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/10.png",
-      "type": "tips & tricks",
-      "time": "12 Days ago",
-      "title": "6 Tips To Help You Build Your Social Media Effeciency & Better",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/11.png",
-      "type": "tips & tricks",
-      "time": "12 Days ago",
-      "title": "The New Trend Of Marketing With Tiktok, Should Or Not?",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/9.png",
-      "type": "tips & tricks",
-      "time": "12 Days ago",
-      "title": "Workflow Strategy For E-Shop",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/3.jpeg",
-      "type": "tips & tricks",
-      "time": "12 Days ago",
-      "title": "Wireframe For UI/UX",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    },
-    {
-      "cover": "/assets/img/blog/12.png",
-      "type": "tips & tricks",
-      "time": "12 Days ago",
-      "title": "Freelancer Days 2022, What’s new?",
-      "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone",
-      "userImgLetter": "a",
-      "username": "Admin",
-      "comments": "24",
-      "views": "774k"
-    }
-  ],
-  "sidebar": {
-    "recentPosts": [
-      { "title": "Crypto Trend 2023", "image": "/assets/img/blog/1.jpeg" },
-      { "title": "How To Become Web Developer", "image": "/assets/img/blog/2.jpeg" },
-      { "title": "Wireframe for UI/UX", "image": "/assets/img/blog/3.jpeg" },
-      { "title": "AI With Fingerprint", "image": "/assets/img/blog/7.png" }
-    ],
-    "categories": [
-      { "title": "all", "count": 265 },
-      { "title": "News", "count": 38 },
-      { "title": "Technology", "count": 16 },
-      { "title": "Tips & Tricks", "count": 85 },
-      { "title": "Career", "count": 21 },
-      { "title": "Community", "count": 874 },
-      { "title": "Videos", "count": 54 },
-      { "title": "Others", "count": 85 }
-    ],
-    "instagram": [
-      "/assets/img/blog/1.jpeg",
-      "/assets/img/blog/10.png",
-      "/assets/img/blog/11.png",
-      "/assets/img/blog/12.png",
-      "/assets/img/blog/2.jpeg",
-      "/assets/img/blog/3.jpeg"
-    ],
-    "tags": [
-      "WordPress", "PHP", "HTML/CSS",
-      "Figma", "Technology", "Marketing",
-      "Consultation", "Seo", "Envato",
-      "Psd"
-    ]
-  }
-}
\ No newline at end of file
diff --git a/src/data/Blog/popular-posts-rtl.json b/src/data/Blog/popular-posts-rtl.json
deleted file mode 100644
index d01c296..0000000
--- a/src/data/Blog/popular-posts-rtl.json
+++ /dev/null
@@ -1,35 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/1.jpeg",
-    "type": "اخبار",
-    "time": "منذ 3 ايام",
-    "title": "اتجاه التشفير 2023",
-    "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-    "userImgLetter": "a",
-    "username": "الادمن",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/7.png",
-    "type": "اخبار",
-    "time": "منذ 3 ايام",
-    "title": "AI مع بصمة الإصبع",
-    "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-    "userImgLetter": "a",
-    "username": "الادمن",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/5.png",
-    "type": "اخبار",
-    "time": "منذ 3 ايام",
-    "title": "لعبة NFT! فرصة جديدة",
-    "desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-    "userImgLetter": "a",
-    "username": "الادمن",
-    "comments": "24",
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Blog/popular-posts.json b/src/data/Blog/popular-posts.json
deleted file mode 100644
index 5f97272..0000000
--- a/src/data/Blog/popular-posts.json
+++ /dev/null
@@ -1,35 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/1.jpeg",
-    "type": "news",
-    "time": "3 Days ago",
-    "title": "Crypto Trend 2023",
-    "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "userImgLetter": "a",
-    "username": "Admin",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/7.png",
-    "type": "news",
-    "time": "3 Days ago",
-    "title": "AI With Fingerprint",
-    "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "userImgLetter": "a",
-    "username": "Admin",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/5.png",
-    "type": "news",
-    "time": "3 Days ago",
-    "title": "NFT Game! New Oppoturnity",
-    "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "userImgLetter": "a",
-    "username": "Admin",
-    "comments": "24",
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Blog/slides-rtl.json b/src/data/Blog/slides-rtl.json
deleted file mode 100644
index e7b8a4e..0000000
--- a/src/data/Blog/slides-rtl.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "image": "/assets/img/blog/s_blog.png",
-    "type": "أخبار",
-    "time": "منذ 3 ايام",
-    "title": "حلول لمشكلة البيانات الضخمة ، منظور الخبراء",
-    "desc": "إن الانغماس في تقنية النانو على طول ارتفاع المعلومات سوف يغلق الحلقة في التركيز فقط"
-  },
-  {
-    "image": "/assets/img/blog/1.jpeg",
-    "type": "أخبار",
-    "time": "منذ 3 ايام",
-    "title": "حلول لمشكلة البيانات الضخمة ، منظور الخبراء",
-    "desc": "إن الانغماس في تقنية النانو على طول ارتفاع المعلومات سوف يغلق الحلقة في التركيز فقط"
-  },
-  {
-    "image": "/assets/img/blog/2.jpeg",
-    "type": "أخبار",
-    "time": "منذ 3 ايام",
-    "title": "حلول لمشكلة البيانات الضخمة ، منظور الخبراء",
-    "desc": "إن الانغماس في تقنية النانو على طول ارتفاع المعلومات سوف يغلق الحلقة في التركيز فقط"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Blog/slides.json b/src/data/Blog/slides.json
deleted file mode 100644
index 61ae126..0000000
--- a/src/data/Blog/slides.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "image": "/assets/img/blog/s_blog.png",
-    "type": "News",
-    "time": "3 Days ago",
-    "title": "Solutions For Big Data Issue, Expert Perspective",
-    "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  },
-  {
-    "image": "/assets/img/blog/1.jpeg",
-    "type": "News",
-    "time": "3 Days ago",
-    "title": "Solutions For Big Data Issue, Expert Perspective",
-    "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  },
-  {
-    "image": "/assets/img/blog/2.jpeg",
-    "type": "News",
-    "time": "3 Days ago",
-    "title": "Solutions For Big Data Issue, Expert Perspective",
-    "desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  }
-]
\ No newline at end of file
diff --git a/src/data/CloudHosting/footerLinks.json b/src/data/CloudHosting/footerLinks.json
deleted file mode 100644
index 55830aa..0000000
--- a/src/data/CloudHosting/footerLinks.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "links": [
-    { "href": "#", "text": "About Us" },
-    { "href": "#", "text": "Blogs" },
-    { "href": "#", "text": "Shop" },
-    { "href": "#", "text": "Contact" },
-    { "href": "#", "text": "Privacy Policy" },
-    { "href": "#", "text": "Terms of Use" },
-    { "href": "#", "text": "Refund Policy" },
-    { "href": "#", "text": "Join Us", "badge": "hiring" },
-    { "href": "#", "text": "Terms Conditions" },
-    { "href": "#", "text": "Get In Touch" },
-    { "href": "#", "text": "FAQ Page" }
-  ],
-  "resources": [
-    { "href": "#", "text": "Webmail" },
-    { "href": "#", "text": "WHOIS" },
-    { "href": "#", "text": "ICANN Confirmation" },
-    { "href": "#", "text": "Designers & Developers" },
-    { "href": "#", "text": "Redeem Code" },
-    { "href": "#", "text": "Product Catalog" }
-  ],
-  "shopping": [
-    { "href": "#", "text": "Domain Search" },
-    { "href": "#", "text": "Websites" },
-    { "href": "#", "text": "WordPress" },
-    { "href": "#", "text": "Hosting" },
-    { "href": "#", "text": "Web Security" },
-    { "href": "#", "text": "Email & Office" }
-  ],
-  "programs": [
-    { "href": "#", "text": "Affiliates" },
-    { "href": "#", "text": "Reseller Programs" },
-    { "href": "#", "text": "GoDaddy Pro" },
-    { "href": "#", "text": "My Products" },
-    { "href": "#", "text": "Renewals & Billing" },
-    { "href": "#", "text": "Create Account" }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/CloudHosting/plans.json b/src/data/CloudHosting/plans.json
deleted file mode 100644
index f98259b..0000000
--- a/src/data/CloudHosting/plans.json
+++ /dev/null
@@ -1,41 +0,0 @@
-[
-  {
-    "title": "Starter",
-    "description": "Best price for a basic site",
-    "price": "49.00",
-    "highlight": "With a 3 Year term (40% savings)",
-    "text": "You pay $49.00/mo today renews june 2024 for $59.00/mo",
-    "features": [
-      { "value": "01", "title": "Website Design" },
-      { "value": "50 GB", "title": "Storage" },
-      { "value": "Unlimited", "title": "Bandwidth" },
-      { "value": "100", "title": "FTP Users" }
-    ]
-  },
-  {
-    "title": "Economy",
-    "description": "Best price for a basic site",
-    "price": "59.00",
-    "highlight": "With a 3 Year term (45% savings)",
-    "text": "You pay $49.00/mo today renews june 2024 for $59.00/mo",
-    "features": [
-      { "value": "01", "title": "Website Design" },
-      { "value": "50 GB", "title": "Storage" },
-      { "value": "Unlimited", "title": "Bandwidth" },
-      { "value": "100", "title": "FTP Users" }
-    ]
-  },
-  {
-    "title": "Deluxe",
-    "description": "Best price for a basic site",
-    "price": "199.00",
-    "highlight": "With a 3 Year term (40% savings)",
-    "text": "You pay $49.00/mo today renews june 2024 for $59.00/mo",
-    "features": [
-      { "value": "01", "title": "Website Design" },
-      { "value": "50 GB", "title": "Storage" },
-      { "value": "Unlimited", "title": "Bandwidth" },
-      { "value": "100", "title": "FTP Users" }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/CloudHosting/services.json b/src/data/CloudHosting/services.json
deleted file mode 100644
index c5dd966..0000000
--- a/src/data/CloudHosting/services.json
+++ /dev/null
@@ -1,34 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/serv_icons/30.png",
-    "title": {
-      "partOne": "Building",
-      "partTwo": "Honest Guidance"
-    },
-    "description": "Includes industry-standard cPanel to install apps."
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/31.png",
-    "title": {
-      "partOne": "1-Click",
-      "partTwo": "Installations"
-    },
-    "description": "Includes industry-standard cPanel to install apps."
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/32.png",
-    "title": {
-      "partOne": "24/7",
-      "partTwo": "Network Security"
-    },
-    "description": "Includes industry-standard cPanel to install apps."
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/33.png",
-    "title": {
-      "partOne": "Global",
-      "partTwo": "Data Centers"
-    },
-    "description": "Includes industry-standard cPanel to install apps."
-  }
-]
\ No newline at end of file
diff --git a/src/data/CloudHosting/testimonials.json b/src/data/CloudHosting/testimonials.json
deleted file mode 100644
index 2226a9d..0000000
--- a/src/data/CloudHosting/testimonials.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "totalRating": 4.7,
-  "totalReviews": 49786,
-  "testimonials": [
-    {
-      "stars": 5,
-      "content": "It’s been a great experience. Starting my own business was daunting, but knowing that i could get a starter web page with my domain for free helped me launch my business quicker",
-      "author": {
-        "image": "/assets/img/testimonials/user8.png",
-        "position": "Head Of Idea",
-        "name": "Alonso D.Dowson"
-      }
-    },
-    {
-      "stars": 5,
-      "content": "From customer service to website building, their service is awesome. I would recommend any website builder to use this site.",
-      "author": {
-        "image": "/assets/img/testimonials/user7.png",
-        "position": "Head Of Idea",
-        "name": "Miranda H. Halim"
-      }
-    },
-    {
-      "stars": 5,
-      "content": "Iteck make this so easy. Templates are slick and easy to modify. Perfect for a small business or personal website development.",
-      "author": {
-        "image": "/assets/img/testimonials/user9.png",
-        "position": "Head Of Idea",
-        "name": "Rosalina D. William"
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Contact/community.json b/src/data/Contact/community.json
deleted file mode 100644
index a3c885d..0000000
--- a/src/data/Contact/community.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/mail3d.png",
-    "info": "contact@Iteck.com"
-  },
-  {
-    "icon": "/assets/img/icons/map3d.png",
-    "info": "58 Howard St, Toronto"
-  },
-  {
-    "icon": "/assets/img/icons/msg3d.png",
-    "info": "(+23) 5535 68 68"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Contact/form-rtl.json b/src/data/Contact/form-rtl.json
deleted file mode 100644
index 8ae10ae..0000000
--- a/src/data/Contact/form-rtl.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "phone": "(+23) 5535 68 68",
-  "email": "contact@Itecksolution.com",
-  "address": "58 اسم الشارع, سان فرانسيسكو, CA 941"
-}
\ No newline at end of file
diff --git a/src/data/Contact/form.json b/src/data/Contact/form.json
deleted file mode 100644
index cd0f994..0000000
--- a/src/data/Contact/form.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "phone": "(+23) 5535 68 68",
-  "email": "contact@Itecksolution.com",
-  "address": "58 Howard St, San Francisco, CA 941"
-}
\ No newline at end of file
diff --git a/src/data/Crypto/faq.json b/src/data/Crypto/faq.json
deleted file mode 100644
index 5beb5ff..0000000
--- a/src/data/Crypto/faq.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "numb": "01",
-    "question": "What are cryptocurrencies?",
-    "answer": "How will extreme changes in valuations or volumes (5x-10x) impact the strategy"
-  },
-  {
-    "numb": "02",
-    "question": "What are the realistic use cases for our organization?",
-    "answer": "We have chosen 21 of the questions we hear most often and provided answers for you below."
-  },
-  {
-    "numb": "03",
-    "question": "Cryptocurrency-driven offerings that we could provide?",
-    "answer": "Cryptocurrency, sometimes called crypto-currency or crypto, is any form."
-  },
-  {
-    "numb": "04",
-    "question": "How are cryptocurrency transactions recorded?",
-    "answer": "Of currency that exists digitally or virtually and uses cryptography to secure transactions."
-  },
-  {
-    "numb": "05",
-    "question": "Are blockchain and cryptocurrencies the same?",
-    "answer": "Cryptocurrencies don't have a central issuing or regular authority, instead..."
-  },
-  {
-    "numb": "06",
-    "question": "Realistic use cases for our organization?",
-    "answer": "Using a decentralized system to record transactions and issue new units."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Crypto/features.json b/src/data/Crypto/features.json
deleted file mode 100644
index 2e6348d..0000000
--- a/src/data/Crypto/features.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/features/28.png",
-    "title": "Crytocurrency Buy & Sell",
-    "details": "The system pay a bonus for excellent individuals. You can buy token without paying any transactions fee"
-  },
-  {
-    "icon": "/assets/img/icons/features/29.png",
-    "title": "Crytocurrency Mining",
-    "details": "The system pay a bonus for excellent individuals. You can buy token without paying any transactions fee"
-  },
-  {
-    "icon": "/assets/img/icons/features/30.png",
-    "title": "Deposit Crytocurrency",
-    "details": "The system pay a bonus for excellent individuals. You can buy token without paying any transactions fee"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Crypto/markets.json b/src/data/Crypto/markets.json
deleted file mode 100644
index 4a5eb1a..0000000
--- a/src/data/Crypto/markets.json
+++ /dev/null
@@ -1,86 +0,0 @@
-[
-  {
-    "paymentIcon": "/assets/img/icons/payment/1.png",
-    "from": "BTC",
-    "to": "USDT",
-    "price": "19,274.26",
-    "lastDayChange": {
-      "operator": "+",
-      "change": "0.01"
-    },
-    "lastDayPrice": {
-      "dollar": "59,846,075.84",
-      "crypto": "3,105 BTC"
-    }
-  },
-  {
-    "paymentIcon": "/assets/img/icons/payment/2.png",
-    "from": "ETH",
-    "to": "USDT",
-    "price": "1,311.23",
-    "lastDayChange": {
-      "operator": "-",
-      "change": "1.25"
-    },
-    "lastDayPrice": {
-      "dollar": "23,679,377.33",
-      "crypto": "18,059 ETH"
-    }
-  },
-  {
-    "paymentIcon": "/assets/img/icons/payment/3.png",
-    "from": "CRO",
-    "to": "USDT",
-    "price": "0.111730",
-    "lastDayChange": {
-      "operator": "+",
-      "change": "0.81"
-    },
-    "lastDayPrice": {
-      "dollar": "59,846,075.84",
-      "crypto": "3,105 cro"
-    }
-  },
-  {
-    "paymentIcon": "/assets/img/icons/payment/4.png",
-    "from": "SOL",
-    "to": "USDT",
-    "price": "19,274.26",
-    "lastDayChange": {
-      "operator": "-",
-      "change": "0.19"
-    },
-    "lastDayPrice": {
-      "dollar": "23,679,377.33",
-      "crypto": "18,059 SOL"
-    }
-  },
-  {
-    "paymentIcon": "/assets/img/icons/payment/5.png",
-    "from": "BICI",
-    "to": "USDT",
-    "price": "1,311.23",
-    "lastDayChange": {
-      "operator": "-",
-      "change": "0.33"
-    },
-    "lastDayPrice": {
-      "dollar": "23,679,377.33",
-      "crypto": "18,059 BICI"
-    }
-  },
-  {
-    "paymentIcon": "/assets/img/icons/payment/6.png",
-    "from": "DOT",
-    "to": "USDT",
-    "price": "19,274.26",
-    "lastDayChange": {
-      "operator": "+",
-      "change": "1.00"
-    },
-    "lastDayPrice": {
-      "dollar": "23,679,377.33",
-      "crypto": "18,059 DOT"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Crypto/team.json b/src/data/Crypto/team.json
deleted file mode 100644
index 1c43ce4..0000000
--- a/src/data/Crypto/team.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/8.jpg",
-    "position": "head of idea",
-    "name": "Miranda H. Halim"
-  },
-  {
-    "picture": "/assets/img/team/9.jpg",
-    "position": "head of idea",
-    "name": "Miranda H. Halim"
-  },
-  {
-    "picture": "/assets/img/team/10.jpg",
-    "position": "head of idea",
-    "name": "Miranda H. Halim"
-  },
-  {
-    "picture": "/assets/img/team/11.jpg",
-    "position": "head of idea",
-    "name": "Miranda H. Halim"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Crypto/timeline.json b/src/data/Crypto/timeline.json
deleted file mode 100644
index b651a96..0000000
--- a/src/data/Crypto/timeline.json
+++ /dev/null
@@ -1,34 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/tl1.png",
-    "title": {
-      "partOne": "Idea for start",
-      "partTwo": "ICO Co."
-    },
-    "year": "2012"
-  },
-  {
-    "image": "/assets/img/icons/tl2.png",
-    "title": {
-      "partOne": "Traditional",
-      "partTwo": "Launch"
-    },
-    "year": "2015"
-  },
-  {
-    "image": "/assets/img/icons/tl3.png",
-    "title": {
-      "partOne": "Get 1M+ Coin",
-      "partTwo": "Listing"
-    },
-    "year": "2018"
-  },
-  {
-    "image": "/assets/img/icons/tl4.png",
-    "title": {
-      "partOne": "Number #1",
-      "partTwo": "Market"
-    },
-    "year": "2022"
-  }
-]
\ No newline at end of file
diff --git a/src/data/CyberSecurity/faq.json b/src/data/CyberSecurity/faq.json
deleted file mode 100644
index ea7589d..0000000
--- a/src/data/CyberSecurity/faq.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "question": "How does Iteck time tracking work?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  },
-  {
-    "question": "How does Iteck track activity?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  },
-  {
-    "question": "How does Iteck calculate activity rates?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  },
-  {
-    "question": "How does idle timeout work?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  },
-  {
-    "question": "Does Iteck record my screen?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  },
-  {
-    "question": "Does Iteck record voice and video?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  },
-  {
-    "question": "Does it track my team's productivity & efficiency?",
-    "answer": "Iteck can take screenshots once, twice, or three times per ten minutes, but we do not record video of your computer display while you are working. offers the option to blur your team members' screenshots, allowing you to track their progress without risking access to sensitive information."
-  }
-]
\ No newline at end of file
diff --git a/src/data/CyberSecurity/features.json b/src/data/CyberSecurity/features.json
deleted file mode 100644
index 2441a01..0000000
--- a/src/data/CyberSecurity/features.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/features/18.png",
-    "sub_title": "Application Insfrastructure",
-    "title": "Analysis Core Software",
-    "details": "Get insights from real breaches in the cost secure data breach  report. Proactively detect and resolve data quality issues."
-  },
-  {
-    "image": "/assets/img/icons/features/19.png",
-    "sub_title": "Application Security",
-    "title": "Alert Pro Version",
-    "details": "Get insights from real breaches in the cost secure data breach  report. Proactively detect and resolve data quality issues."
-  },
-  {
-    "image": "/assets/img/icons/features/20.png",
-    "sub_title": "Critical Infrastructure Security",
-    "title": "AI Data Cloud Solution",
-    "details": "Get insights from real breaches in the cost secure data breach  report. Proactively detect and resolve data quality issues."
-  },
-  {
-    "image": "/assets/img/icons/features/21.png",
-    "sub_title": "Online Support",
-    "title": "24/7 Online Support",
-    "details": "Get insights from real breaches in the cost secure data breach  report. Proactively detect and resolve data quality issues."
-  }
-]
\ No newline at end of file
diff --git a/src/data/CyberSecurity/services.json b/src/data/CyberSecurity/services.json
deleted file mode 100644
index 100af86..0000000
--- a/src/data/CyberSecurity/services.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "number": "01",
-    "title": "Firewall & VPN",
-    "details": "Blocks infected website tracking programs and annoying.",
-    "image": "/assets/img/icons/serv_icons/36.png"
-  },
-  {
-    "number": "02",
-    "title": "Live Security",
-    "details": "Blocks infected website tracking programs and annoying.",
-    "image": "/assets/img/icons/serv_icons/37.png"
-  },
-  {
-    "number": "03",
-    "title": "Hack Protection",
-    "details": "Blocks infected website tracking programs and annoying.",
-    "image": "/assets/img/icons/serv_icons/38.png"
-  },
-  {
-    "number": "04",
-    "title": "24/7 Online Support",
-    "details": "Blocks infected website tracking programs and annoying.",
-    "image": "/assets/img/icons/serv_icons/39.png"
-  }
-]
\ No newline at end of file
diff --git a/src/data/CyberSecurity/solutions.json b/src/data/CyberSecurity/solutions.json
deleted file mode 100644
index 80e5302..0000000
--- a/src/data/CyberSecurity/solutions.json
+++ /dev/null
@@ -1,46 +0,0 @@
-[
-  {
-    "title": "Automotive",
-    "image": "/assets/img/icons/solution/1.png"
-  },
-  {
-    "title": "Communications",
-    "image": "/assets/img/icons/solution/2.png"
-  },
-  {
-    "title": "Constructions",
-    "image": "/assets/img/icons/solution/3.png"
-  },
-  {
-    "title": "Govt. Education",
-    "image": "/assets/img/icons/solution/4.png"
-  },
-  {
-    "title": "Energy & Power",
-    "image": "/assets/img/icons/solution/5.png"
-  },
-  {
-    "title": "Financial Service",
-    "image": "/assets/img/icons/solution/6.png"
-  },
-  {
-    "title": "Food & Beverage",
-    "image": "/assets/img/icons/solution/7.png"
-  },
-  {
-    "title": "Life Science",
-    "image": "/assets/img/icons/solution/8.png"
-  },
-  {
-    "title": "Media & Entertainment",
-    "image": "/assets/img/icons/solution/9.png"
-  },
-  {
-    "title": "Travel Agency",
-    "image": "/assets/img/icons/solution/10.png"
-  },
-  {
-    "title": "Public Safety",
-    "image": "/assets/img/icons/solution/11.png"
-  }
-]
\ No newline at end of file
diff --git a/src/data/CyberSecurity/team.json b/src/data/CyberSecurity/team.json
deleted file mode 100644
index f247c29..0000000
--- a/src/data/CyberSecurity/team.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.png",
-    "position": "Founder",
-    "name": "Rosalina D. William"
-  },
-  {
-    "picture": "/assets/img/team/2.png",
-    "position": "Head Of Idea",
-    "name": "Ronson R. Ronald"
-  },
-  {
-    "picture": "/assets/img/team/3.png",
-    "position": "Support Engineer",
-    "name": "Miranda H. Halim"
-  }
-]
\ No newline at end of file
diff --git a/src/data/DataAnalysis/blog.json b/src/data/DataAnalysis/blog.json
deleted file mode 100644
index e0f8796..0000000
--- a/src/data/DataAnalysis/blog.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/18.jpg",
-    "tag": "Analysis",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Create Live Segments & Target The Right People For Your Amazing Team."
-  },
-  {
-    "cover": "/assets/img/blog/19.jpg",
-    "tag": "Analysis",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Best unlocked me an striking perceive."
-  },
-  {
-    "cover": "/assets/img/blog/20.jpg",
-    "tag": "Analysis",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Me in resolution pianoforte continuing we."
-  },
-  {
-    "cover": "/assets/img/blog/21.jpg",
-    "tag": "Analysis",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Most my no spot felt by no he in forfeited."
-  }
-]
\ No newline at end of file
diff --git a/src/data/DataAnalysis/footer.json b/src/data/DataAnalysis/footer.json
deleted file mode 100644
index beeee2c..0000000
--- a/src/data/DataAnalysis/footer.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "text": "Our highly skilled development teams specialized in data analysis.",
-  "email": "info@iteck-info.com",
-  "phone": "907 000 999 22",
-  "address": "12/A, New Booston, NYC",
-  "links": [
-    { "href": "#", "text": "Online Marketing" },
-    { "href": "#", "text": "Technology" },
-    { "href": "#", "text": "Business" },
-    { "href": "#", "text": "Content strategy" },
-    { "href": "#", "text": "Development" },
-    { "href": "#", "text": "Advertising Strategy" }
-  ],
-  "morePages": [
-    { "href": "#", "text": "About Iteck" },
-    { "href": "#", "text": "Investors" },
-    { "href": "#", "text": "Contact" },
-    { "href": "#", "text": "Affiliate Program" },
-    { "href": "#", "text": "How It Works" },
-    { "href": "#", "text": "Pricing Plan" }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/DataAnalysis/numbers.json b/src/data/DataAnalysis/numbers.json
deleted file mode 100644
index 353cc46..0000000
--- a/src/data/DataAnalysis/numbers.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/numbers/8.png",
-    "value": 3,
-    "operator": "M+",
-    "title": "Projects Executed"
-  },
-  {
-    "image": "/assets/img/icons/numbers/9.png",
-    "value": 5,
-    "operator": "M+",
-    "title": "Data Analytics"
-  },
-  {
-    "image": "/assets/img/icons/numbers/10.png",
-    "value": 3,
-    "operator": "M+",
-    "title": "Data Management"
-  },
-  {
-    "image": "/assets/img/icons/numbers/11.png",
-    "value": 100,
-    "operator": "K+",
-    "title": "Happy Users"
-  }
-]
\ No newline at end of file
diff --git a/src/data/DataAnalysis/plans.json b/src/data/DataAnalysis/plans.json
deleted file mode 100644
index 2831ed2..0000000
--- a/src/data/DataAnalysis/plans.json
+++ /dev/null
@@ -1,36 +0,0 @@
-[
-  {
-    "title": "Personal Plan",
-    "description": "Customized anything in anytime",
-    "price": "49.00",
-    "features": [
-      "Easy To Track AI Data",
-      "100+ Ready Boots",
-      "Best Data Plan & Package",
-      "24/7 Online Support"
-    ]
-  },
-  {
-    "head": "popular deal: 50% offer",
-    "title": "Advanced",
-    "description": "Customized anything in anytime",
-    "price": "49.00",
-    "features": [
-      "Easy To Track AI Data",
-      "100+ Ready Boots",
-      "Best Data Plan & Package",
-      "24/7 Online Support"
-    ]
-  },
-  {
-    "title": "For Team",
-    "description": "Customized anything in anytime",
-    "price": "49.00",
-    "features": [
-      "Easy To Track AI Data",
-      "100+ Ready Boots",
-      "Best Data Plan & Package",
-      "24/7 Online Support"
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/DataAnalysis/projects.json b/src/data/DataAnalysis/projects.json
deleted file mode 100644
index abb8a51..0000000
--- a/src/data/DataAnalysis/projects.json
+++ /dev/null
@@ -1,38 +0,0 @@
-[
-  {
-    "image": "/assets/img/projects/11.jpg",
-    "tag": "Analysis",
-    "logo": "/assets/img/logos/22.png",
-    "title": "Hayden Co. Market Data Analysis",
-    "text": "Stay focused and productive with a clean and clutter-free note space the flexible ways to organize. Everything melancholy uncommonly but solicitude.",
-    "client": {
-      "name": "Miranda H. Halim",
-      "budget": "$12,000",
-      "estimate": "3 Months"
-    }
-  },
-  {
-    "image": "/assets/img/projects/6.png",
-    "tag": "Analysis",
-    "logo": "/assets/img/logos/22.png",
-    "title": "Hayden Co. Market Data Analysis",
-    "text": "Stay focused and productive with a clean and clutter-free note space the flexible ways to organize. Everything melancholy uncommonly but solicitude.",
-    "client": {
-      "name": "Miranda H. Halim",
-      "budget": "$12,000",
-      "estimate": "3 Months"
-    }
-  },
-  {
-    "image": "/assets/img/projects/4.png",
-    "tag": "Analysis",
-    "logo": "/assets/img/logos/22.png",
-    "title": "Hayden Co. Market Data Analysis",
-    "text": "Stay focused and productive with a clean and clutter-free note space the flexible ways to organize. Everything melancholy uncommonly but solicitude.",
-    "client": {
-      "name": "Miranda H. Halim",
-      "budget": "$12,000",
-      "estimate": "3 Months"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/DataAnalysis/services.json b/src/data/DataAnalysis/services.json
deleted file mode 100644
index 9b27c7c..0000000
--- a/src/data/DataAnalysis/services.json
+++ /dev/null
@@ -1,27 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/serv_icons/25.png",
-    "title": "AI Data Analysis",
-    "text": "Provides easy-to-use platform and tool for app analytics data."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/26.png",
-    "title": "Automation Research",
-    "text": "Provides easy-to-use platform and tool for app analytics data."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/27.png",
-    "title": "Artificial Intelligence",
-    "text": "Provides easy-to-use platform and tool for app analytics data."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/28.png",
-    "title": "Machine Learning",
-    "text": "Provides easy-to-use platform and tool for app analytics data."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/29.png",
-    "title": "BI Implementation",
-    "text": "Provides easy-to-use platform and tool for app analytics data."
-  }
-]
\ No newline at end of file
diff --git a/src/data/DataAnalysis/testimonials.json b/src/data/DataAnalysis/testimonials.json
deleted file mode 100644
index 0115752..0000000
--- a/src/data/DataAnalysis/testimonials.json
+++ /dev/null
@@ -1,29 +0,0 @@
-[
-  {
-    "stars": 5,
-    "text": "It uses a directory of over 20 latin words combine a half of model sentence structures.",
-    "author": {
-      "image": "/assets/img/testimonials/user8.png",
-      "position": "Head Of Idea",
-      "name": "Alonso D. Dowson"
-    }
-  },
-  {
-    "stars": 5,
-    "text": "It uses a directory of over 20 latin words combine a half of model sentence structures.",
-    "author": {
-      "image": "/assets/img/testimonials/user7.png",
-      "position": "CEO",
-      "name": "Miranda H. Halim"
-    }
-  },
-  {
-    "stars": 5,
-    "text": "It uses a directory of over 20 latin words combine a half of model sentence structures.",
-    "author": {
-      "image": "/assets/img/testimonials/user9.png",
-      "position": "Founder",
-      "name": "Rosalina D. William"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Digital/about.json b/src/data/Digital/about.json
deleted file mode 100644
index 36e2ab9..0000000
--- a/src/data/Digital/about.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "logos": [
-    "/assets/img/about/about_logos/1.png",
-    "/assets/img/about/about_logos/2.png",
-    "/assets/img/about/about_logos/3.png",
-    "/assets/img/about/about_logos/4.png",
-    "/assets/img/about/about_logos/5.png"
-  ],
-  "numbers": [
-    {
-      "number": 20,
-      "info": "Years of Experience",
-      "operator": {
-        "icon": "fas fa-plus"
-      }
-    },
-    {
-      "number": 15,
-      "info": "Projects completed",
-      "operator": "K"
-    },
-    {
-      "number": 240,
-      "info": "Awards achievied"
-    },
-    {
-      "number": 180,
-      "info": "Satisfied clients on 24 countries"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Digital/blog.json b/src/data/Digital/blog.json
deleted file mode 100644
index b50ae64..0000000
--- a/src/data/Digital/blog.json
+++ /dev/null
@@ -1,47 +0,0 @@
-[
-  {
-    "type": "news",
-    "cover": "/assets/img/blog/1.jpeg",
-    "title": "Crypto Trends 2023",
-    "userPic": "/assets/img/testimonials/user1.jpeg",
-    "user": "Admin",
-    "date": "May 15, 2022",
-    "details": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  },
-  {
-    "type": "technology",
-    "cover": "/assets/img/blog/2.jpeg",
-    "title": "How To Become Web Developer",
-    "userPic": "/assets/img/testimonials/user2.jpeg",
-    "user": "Moussa",
-    "date": "May 15, 2022",
-    "details": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  },
-  {
-    "type": "tips & tricks",
-    "cover": "/assets/img/blog/3.jpeg",
-    "title": "Wireframe For UI/UX?",
-    "userPic": "/assets/img/testimonials/user3.jpeg",
-    "user": "Admin",
-    "date": "May 15, 2022",
-    "details": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  },
-  {
-    "type": "news",
-    "cover": "/assets/img/blog/4.jpeg",
-    "title": "VR Game, Opportunity & Challenge",
-    "userPic": "/assets/img/testimonials/user1.jpeg",
-    "user": "David",
-    "date": "May 15, 2022",
-    "details": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  },
-  {
-    "type": "technology",
-    "cover": "/assets/img/blog/2.jpeg",
-    "title": "How To Become Web Developer",
-    "userPic": "/assets/img/testimonials/user2.jpeg",
-    "user": "Moussa",
-    "date": "May 15, 2022",
-    "details": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Digital/chooseus.json b/src/data/Digital/chooseus.json
deleted file mode 100644
index d7b4ec3..0000000
--- a/src/data/Digital/chooseus.json
+++ /dev/null
@@ -1,6 +0,0 @@
-[
-  "Latest IT Solutions & Integration With Blockchain",
-  "Over 100+ Payment Gateways Support",
-  "AI Machine & Deep Learning",
-  "Dedicated Support 24/7"
-]
\ No newline at end of file
diff --git a/src/data/Digital/contact.json b/src/data/Digital/contact.json
deleted file mode 100644
index 53d9f40..0000000
--- a/src/data/Digital/contact.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "address": "58 Howard Street,  San Francisco, CA 941",
-  "phone": "(+23) 5535 68 68",
-  "email": "contact@Iteck.co",
-  "fax": "fax@Iteck.co",
-  "workingHours": "Mon - Sat: 9:00 - 18:00"
-}
\ No newline at end of file
diff --git a/src/data/Digital/footer.json b/src/data/Digital/footer.json
deleted file mode 100644
index 1dbfc49..0000000
--- a/src/data/Digital/footer.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "address": "58 Howard St,  San Francisco, CA 941",
-  "phone": "(+23) 5535 68 68",
-  "email": "contact@Iteck.co",
-  "services": [
-    "IT Consultations",
-    "Data Security",
-    "Website Development",
-    "UI/UX Design",
-    "Cloud Services",
-    "Game Development",
-    "CRM & Software"
-  ],
-  "information": [
-    "About Iteck",
-    "Investors",
-    "Blog",
-    "Career",
-    "Contact",
-    "Affiliate Program",
-    "How It Works",
-    "Pricing Plan",
-    "Covid-19 Update"
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Digital/portfolio.json b/src/data/Digital/portfolio.json
deleted file mode 100644
index 0d60315..0000000
--- a/src/data/Digital/portfolio.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "image": "/assets/img/projects/prog/1.jpeg",
-    "title": "Infrastructure Upgrade",
-    "types": ["IT Consultation"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Consultation", "Management"]
-  },
-  {
-    "image": "/assets/img/projects/prog/2.png",
-    "title": "Criftocy Landing Page",
-    "types": ["Website Development,", "UI/UX Design"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-  },
-  {
-    "image": "/assets/img/projects/prog/3.jpeg",
-    "title": "AR/VR War 1986 Game",
-    "types": ["Game Developemnt"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["VR/AR", "iOS & Android", "Unity 2D/3D"]
-  },
-  {
-    "image": "/assets/img/projects/prog/2.png",
-    "title": "Criftocy Landing Page",
-    "types": ["Website Development,", "UI/UX Design"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Digital/services.json b/src/data/Digital/services.json
deleted file mode 100644
index 39b1d66..0000000
--- a/src/data/Digital/services.json
+++ /dev/null
@@ -1,44 +0,0 @@
-[
-  {
-    "title": "IT Consultation",
-    "number": "01",
-    "icon": "/assets/img/icons/serv_icons/1.png",
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Strategy", "Consultation", "Management"]
-  },
-  {
-    "title": "Data Security",
-    "number": "02",
-    "icon": "/assets/img/icons/serv_icons/2.png",
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Management", "Backup & Recovery", "Transfer"]
-  },
-  {
-    "title": "Website Development",
-    "number": "03",
-    "icon": "/assets/img/icons/serv_icons/3.png",
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Ecommerce", "Landing Page", "CMS", "Plugin"]
-  },
-  {
-    "title": "UI/UX Design",
-    "number": "04",
-    "icon": "/assets/img/icons/serv_icons/4.png",
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Website", "Mobile App"]
-  },
-  {
-    "title": "Cloud Services",
-    "number": "05",
-    "icon": "/assets/img/icons/serv_icons/5.png",
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Cloud Storerage", "Hosting & VPS"]
-  },
-  {
-    "title": "Game Development",
-    "number": "06",
-    "icon": "/assets/img/icons/serv_icons/6.png",
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Unity 2D/3D", "VR/AR", "iOS & Android", "HTC Vive"]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Digital/team.json b/src/data/Digital/team.json
deleted file mode 100644
index 197a14f..0000000
--- a/src/data/Digital/team.json
+++ /dev/null
@@ -1,27 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.jpeg",
-    "name": "Michael Edwards",
-    "position": "CEO Founder"
-  },
-  {
-    "picture": "/assets/img/team/2.jpeg",
-    "name": "Bobby Kane",
-    "position": "CTO"
-  },
-  {
-    "picture": "/assets/img/team/3.jpeg",
-    "name": "Robert Downey Jr",
-    "position": "Project Manager"
-  },
-  {
-    "picture": "/assets/img/team/4.jpeg",
-    "name": "Andrew Robertson",
-    "position": "Marketing Leader"
-  },
-  {
-    "picture": "/assets/img/team/5.jpeg",
-    "name": "Alexander Avery",
-    "position": "Creative Director"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Digital/testimonials.json b/src/data/Digital/testimonials.json
deleted file mode 100644
index 8df24cc..0000000
--- a/src/data/Digital/testimonials.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "userImg": "/assets/img/testimonials/user1.jpeg",
-    "stars": 5,
-    "comment": "Iteck provide perfect IT solutions, fast process and affordable price. We’re really satisfied!",
-    "username": "Ibrahima K.",
-    "position": "Senior Marketing at Amazon"
-  },
-  {
-    "userImg": "/assets/img/testimonials/user2.jpeg",
-    "stars": 5,
-    "comment": "Iteck - 1st my choice for cloud services method",
-    "username": "Ben S.",
-    "position": "CEO at ThemesCamp"
-  },
-  {
-    "userImg": "/assets/img/testimonials/user3.jpeg",
-    "stars": 5,
-    "comment": "Our profit increased so much. Really Awesome!",
-    "username": "Alexander A.",
-    "position": "Tech Leader of Traveloka"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Freelancer/blog.json b/src/data/Freelancer/blog.json
deleted file mode 100644
index 1b2fd6d..0000000
--- a/src/data/Freelancer/blog.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "tags": [
-      "Website",
-      "UI & UX"
-    ],
-    "title": "Established bloggers who implement strong",
-    "authorPic": "/assets/img/team/1.jpeg",
-    "authorName": "Rosalina D. William",
-    "date": "June 21, 2023"
-  },
-  {
-    "tags": [
-      "Website",
-      "UI & UX"
-    ],
-    "title": "Top bloggers can earn seven figure incomes",
-    "authorPic": "/assets/img/team/2.jpeg",
-    "authorName": "Rosalina D. William",
-    "date": "June 21, 2023"
-  },
-  {
-    "tags": [
-      "Website",
-      "UI & UX"
-    ],
-    "title": "There are different types of roles and streams",
-    "authorPic": "/assets/img/team/3.jpeg",
-    "authorName": "Rosalina D. William",
-    "date": "June 21, 2023"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Freelancer/projects.json b/src/data/Freelancer/projects.json
deleted file mode 100644
index ce7006b..0000000
--- a/src/data/Freelancer/projects.json
+++ /dev/null
@@ -1,86 +0,0 @@
-{
-  "linkTabs": [
-    {
-      "id": "prj1",
-      "tab": "prj1",
-      "control": "pills-home",
-      "name": "All Works"
-    },
-    {
-      "id": "prj2",
-      "tab": "prj2",
-      "control": "pills-profile",
-      "name": "website"
-    },
-    {
-      "id": "prj3",
-      "tab": "prj1",
-      "control": "pills-contact",
-      "name": "mobile app"
-    },
-    {
-      "id": "prj4",
-      "tab": "prj2",
-      "control": "pills-contact",
-      "name": "game design"
-    },
-    {
-      "id": "prj5",
-      "tab": "prj1",
-      "control": "pills-contact",
-      "name": "Interior"
-    }
-  ],
-  "tabContent": [
-    {
-      "id": "prj1",
-      "slides": [
-        {
-          "image": "/assets/img/projects/11.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        },
-        {
-          "image": "/assets/img/projects/12.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        },
-        {
-          "image": "/assets/img/projects/13.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        },
-        {
-          "image": "/assets/img/projects/14.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        }
-      ]
-    },
-    {
-      "id": "prj2",
-      "slides": [
-        {
-          "image": "/assets/img/projects/11.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        },
-        {
-          "image": "/assets/img/projects/12.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        },
-        {
-          "image": "/assets/img/projects/13.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        },
-        {
-          "image": "/assets/img/projects/14.png",
-          "subTitle": "App, UX, Design",
-          "title": "Hemera iOs App Design"
-        }
-      ]
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Freelancer/services.json b/src/data/Freelancer/services.json
deleted file mode 100644
index 362946e..0000000
--- a/src/data/Freelancer/services.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/serv_icons/40.png",
-    "title": "UI & UX Design",
-    "details": "I'm passionate about what I do, & never do thing half heartedly."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/41.png",
-    "title": "Website Design",
-    "details": "I'm passionate about what I do, & never do thing half heartedly."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/42.png",
-    "title": "Custom Design",
-    "details": "I'm passionate about what I do, & never do thing half heartedly."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Freelancer/testimonials.json b/src/data/Freelancer/testimonials.json
deleted file mode 100644
index 0fa79f5..0000000
--- a/src/data/Freelancer/testimonials.json
+++ /dev/null
@@ -1,29 +0,0 @@
-[
-  {
-    "image": "/assets/img/team/1.jpeg",
-    "category": "Product Quality",
-    "content": "You can even sent emails to every note and gather all of the thing you need in a single place.",
-    "author": {
-      "name": "Rosalina D. William",
-      "position": "CEO At Brator"
-    }
-  },
-  {
-    "image": "/assets/img/team/2.jpeg",
-    "category": "Product Quality",
-    "content": "User feedback is qualitative & quantitative data from customers on their likes, dislikes.",
-    "author": {
-      "name": "Miranda H. Halim",
-      "position": "CEO At Brator"
-    }
-  },
-  {
-    "image": "/assets/img/team/3.jpeg",
-    "category": "Product Quality",
-    "content": "Impressions, and requests about a product. Collecting and making sense of user feedback is critical.",
-    "author": {
-      "name": "Dekson P. Pablo",
-      "position": "CEO At Brator"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/HelpDesk/features.json b/src/data/HelpDesk/features.json
deleted file mode 100644
index 72957bb..0000000
--- a/src/data/HelpDesk/features.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "id": "01",
-    "title": "Collaborate with your teammates",
-    "details": "A single ticketing system for better collaboration. Smart up your daily workflow, & delight customers with your swift support help."
-  },
-  {
-    "id": "02",
-    "title": "Ai chat boot for support",
-    "details": "A single ticketing system for better collaboration. Smart up your daily workflow, & delight customers with your swift support help."
-  },
-  {
-    "id": "03",
-    "title": "Send private notes anytime",
-    "details": "A single ticketing system for better collaboration. Smart up your daily workflow, & delight customers with your swift support help."
-  }
-]
\ No newline at end of file
diff --git a/src/data/HelpDesk/testimonials.json b/src/data/HelpDesk/testimonials.json
deleted file mode 100644
index 38375b2..0000000
--- a/src/data/HelpDesk/testimonials.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "image": "/assets/img/testimonials/1.jpg",
-    "logo": "/assets/img/testimonials/logo1.png",
-    "content": "Iteck embraces everything we needed when it comes, to asynchronous customer communication.",
-    "position": "Head Of Idea",
-    "name": "Alonso D.Dowson"
-  },
-  {
-    "image": "/assets/img/testimonials/1.jpg",
-    "logo": "/assets/img/testimonials/logo1.png",
-    "content": "Iteck embraces everything we needed when it comes, to asynchronous customer communication.",
-    "position": "Head Of Idea",
-    "name": "Alonso D.Dowson"
-  },
-  {
-    "image": "/assets/img/testimonials/1.jpg",
-    "logo": "/assets/img/testimonials/logo1.png",
-    "content": "Iteck embraces everything we needed when it comes, to asynchronous customer communication.",
-    "position": "Head Of Idea",
-    "name": "Alonso D.Dowson"
-  }
-]
\ No newline at end of file
diff --git a/src/data/IT/blog.json b/src/data/IT/blog.json
deleted file mode 100644
index cb091e0..0000000
--- a/src/data/IT/blog.json
+++ /dev/null
@@ -1,42 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/5.png",
-    "time": "3 Days ago",
-    "title": "NFT Game! New Oppoturnity",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "Admin",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/6.png",
-    "time": "12 Days ago",
-    "title": "How To Become A Python Develop Expert",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "Admin",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/7.png",
-    "time": "12 Days ago",
-    "title": "AI With Fingerprint",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "Admin",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/8.png",
-    "time": "12 Days ago",
-    "title": "Solutions For Big Data Issue, Expert Perspective",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "Admin",
-    "comments": 24,
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/IT/chooseus.json b/src/data/IT/chooseus.json
deleted file mode 100644
index fbbab9e..0000000
--- a/src/data/IT/chooseus.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/ch1.png",
-    "title": "Affordable Price",
-    "desc": {
-      "desc1": "Nanotechnology immersion along the information high",
-      "desc2": "will close the loop on focusing solely"
-    }
-  },
-  {
-    "image": "/assets/img/icons/ch2.png",
-    "title": "Top-notch Experts Consulting",
-    "desc": {
-      "desc1": "Our top-notch Experts with much years of experience",
-      "desc2": "certail will give best solutions for your business"
-    }
-  },
-  {
-    "image": "/assets/img/icons/ch3.png",
-    "title": "Dedicated Support 24/7",
-    "desc": "Customer support is always our number one priority."
-  }
-]
\ No newline at end of file
diff --git a/src/data/IT/numbers.json b/src/data/IT/numbers.json
deleted file mode 100644
index 09c5deb..0000000
--- a/src/data/IT/numbers.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "value": 25,
-    "operator": "+",
-    "title": {
-      "part1": "Years",
-      "part2": "of Experience"
-    }
-  },
-  {
-    "value": 1565,
-    "operator": null,
-    "title": {
-      "part1": "Projects",
-      "part2": "completed"
-    }
-  },
-  {
-    "value": 265,
-    "operator": null,
-    "title": {
-      "part1": "Satisfied clients on",
-      "part2": "24 countries"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/IT/plans.json b/src/data/IT/plans.json
deleted file mode 100644
index 3d64833..0000000
--- a/src/data/IT/plans.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/pr1.png",
-    "title": "Personal",
-    "price": "9.99",
-    "features": [
-      "3 PRojects",
-      "6 Months support"
-    ]
-  },
-  {
-    "image": "/assets/img/icons/pr2.png",
-    "title": "small team",
-    "price": "19.50",
-    "features": [
-      "15 PRojects",
-      "12 Months support",
-      "seo & marketing"
-    ],
-    "recommended": true
-  },
-  {
-    "image": "/assets/img/icons/pr3.png",
-    "title": "enterprise",
-    "price": "29.99",
-    "features": [
-      "unlimited PRojects",
-      "lifetime support",
-      "expert consultation"
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/IT/reviews.json b/src/data/IT/reviews.json
deleted file mode 100644
index 9feb3e2..0000000
--- a/src/data/IT/reviews.json
+++ /dev/null
@@ -1,16 +0,0 @@
-[
-  {
-    "review": "We encountered a problem with processing \n big data and after only 1 week, Iteck’s Experts provided perfect \n IT solutions, fast process & affordable price. \n We’re really satisfied!",
-    "userImage": "/assets/img/team/2.jpeg",
-    "stars": 5,
-    "username": "Conor M.",
-    "userPosition": "Senior Marketing at Amazon"
-  },
-  {
-    "review": "We encountered a problem with processing \n big data and after only 1 week, Iteck’s Experts provided perfect \n IT solutions, fast process & affordable price. \n We’re really satisfied!",
-    "userImage": "/assets/img/team/1.jpeg",
-    "stars": 5,
-    "username": "Conor M.",
-    "userPosition": "Senior Marketing at Amazon"
-  }
-]
\ No newline at end of file
diff --git a/src/data/IT/services.json b/src/data/IT/services.json
deleted file mode 100644
index 358bd79..0000000
--- a/src/data/IT/services.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "services": [
-    {
-      "image": "/assets/img/icons/serv_icons/7.png",
-      "title": "IT Consultation",
-      "desc": "We provide best IT solutions suit for any type of business as stragegy, management, etc",
-      "tags": ["Strategy", "Consultation", "Management", "Infrastructure"]
-    },
-    {
-      "image": "/assets/img/icons/serv_icons/8.png",
-      "title": "Software Development",
-      "desc": "We provide best IT solutions suit for any type of business as stragegy, management, etc",
-      "tags": ["Ecommerce", "Landing Page", "CMS", "Plugin", "VR/AR", "iOS & Android"]
-    },
-    {
-      "image": "/assets/img/icons/serv_icons/9.png",
-      "title": "Data Security",
-      "desc": "We provide best IT solutions suit for any type of business as stragegy, management, etc",
-      "tags": ["Management", "Backup & Recovery", "Transfer", "Storerage", "Hosting & VPS"]
-    }
-  ],
-  "works": [
-    {
-      "image": "/assets/img/projects/1.png",
-      "title": "Rento Car Rental Dashboard",
-      "tags": ["Landing Page, ", "UI/UX Design"]
-    },
-    {
-      "image": "/assets/img/projects/2.png",
-      "title": "Analys & Backup Blockchain",
-      "tags": ["data security, ", "IT consultation"]
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/ITCreative/about.json b/src/data/ITCreative/about.json
deleted file mode 100644
index 23a1c1c..0000000
--- a/src/data/ITCreative/about.json
+++ /dev/null
@@ -1,10 +0,0 @@
-[
-  {
-    "title": "Product Quality",
-    "content": "Automatically syncs across all your devices. You can also access..."
-  },
-  {
-    "title": "On Demand Design",
-    "content": "Images, videos, PDFs and audio files are supported."
-  }
-]
\ No newline at end of file
diff --git a/src/data/ITCreative/blog.json b/src/data/ITCreative/blog.json
deleted file mode 100644
index 726bd2e..0000000
--- a/src/data/ITCreative/blog.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/15.png",
-    "category": "IT Solution",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Create Live Segments & Target The Right People..."
-  },
-  {
-    "cover": "/assets/img/blog/16.png",
-    "category": "IT Solution",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Through The Collaboration With Customers..."
-  },
-  {
-    "cover": "/assets/img/blog/17.png",
-    "category": "IT Solution",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "In Discussing Needs & Demand, We're Able To..."
-  }
-]
\ No newline at end of file
diff --git a/src/data/ITCreative/features.json b/src/data/ITCreative/features.json
deleted file mode 100644
index 862c7fa..0000000
--- a/src/data/ITCreative/features.json
+++ /dev/null
@@ -1,34 +0,0 @@
-[
-  {
-    "id": "01",
-    "image": "/assets/img/icons/fe1.png",
-    "title": {
-      "part1": "Powerful Security",
-      "part2": "System Built"
-    }
-  },
-  {
-    "id": "02",
-    "image": "/assets/img/icons/fe2.png",
-    "title": {
-      "part1": "Easy Search Engine",
-      "part2": "Optimize"
-    }
-  },
-  {
-    "id": "03",
-    "image": "/assets/img/icons/fe3.png",
-    "title": {
-      "part1": "Uncommon Layout",
-      "part2": "& Creative"
-    }
-  },
-  {
-    "id": "04",
-    "image": "/assets/img/icons/fe4.png",
-    "title": {
-      "part1": "Save Time & Big",
-      "part2": "Data"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/ITCreative/footer.json b/src/data/ITCreative/footer.json
deleted file mode 100644
index fb6d8a8..0000000
--- a/src/data/ITCreative/footer.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "text": "Our highly skilled development teams specialized in Java, PHP, React, Angular and AWS help you accelarate.",
-  "links": [
-    { "href": "#", "text": "Online Marketing" },
-    { "href": "#", "text": "Technology" },
-    { "href": "#", "text": "Business" },
-    { "href": "#", "text": "Content strategy" },
-    { "href": "#", "text": "Development" },
-    { "href": "#", "text": "Advertising Strategy" }
-  ],
-  "links2": [
-    { "href": "#", "text": "Game Development" },
-    { "href": "#", "text": "Application Design" },
-    { "href": "#", "text": "IT Solutions" },
-    { "href": "#", "text": "Tecture & Pattern" },
-    { "href": "#", "text": "Data Analysis" }
-  ],
-  "morePages": [
-    { "href": "#", "text": "About Us" },
-    { "href": "#", "text": "Blogs" },
-    { "href": "#", "text": "Shop" },
-    { "href": "#", "text": "Contact" },
-    { "href": "#", "text": "Privacy Policy" },
-    { "href": "#", "text": "Terms of Use" }
-  ],
-  "morePages2": [
-    { "href": "#", "text": "Refund Policy" },
-    { "href": "#", "text": "Terms Conditions" },
-    { "href": "#", "text": "Join Us", "label": "hiring" },
-    { "href": "#", "text": "Get In Touch" },
-    { "href": "#", "text": "FAQ Page" }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/ITCreative/projects.json b/src/data/ITCreative/projects.json
deleted file mode 100644
index 222ae3c..0000000
--- a/src/data/ITCreative/projects.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "types": [
-    {
-      "id": 1,
-      "title": "Website Design",
-      "tab": 1
-    },
-    {
-      "id": 2,
-      "title": "UI UX Design",
-      "tab": 2
-    },
-    {
-      "id": 3,
-      "title": "Branding Design",
-      "tab": 1
-    },
-    {
-      "id": 4,
-      "title": "Game Design",
-      "tab": 2
-    }
-  ],
-  "tabs": [
-    {
-      "id": 1,
-      "projects": [
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/8.png"
-        },
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/9.png"
-        },
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/8.png"
-        },
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/9.png"
-        }
-      ]
-    },
-    {
-      "id": 2,
-      "projects": [
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/9.png"
-        },
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/8.png"
-        },
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/9.png"
-        },
-        {
-          "title": "UI & UX, Website",
-          "description": "Protogus Website UIX Design",
-          "image": "/assets/img/projects/8.png"
-        }
-      ]
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/ITCreative/services.json b/src/data/ITCreative/services.json
deleted file mode 100644
index 37adfb2..0000000
--- a/src/data/ITCreative/services.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/serv_icons/21.png",
-    "icon": "fas fa-globe",
-    "title": "Networking Solution",
-    "description": "Convoy with popular belief is a not rendom idea."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/22.png",
-    "icon": "fas fa-book",
-    "title": "Business Solution",
-    "description": "Convoy with popular belief is a not rendom idea."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/23.png",
-    "icon": "fas fa-bell",
-    "title": "Group Tasking",
-    "description": "Convoy with popular belief is a not rendom idea."
-  },
-  {
-    "image": "/assets/img/icons/serv_icons/24.png",
-    "icon": "fas fa-users",
-    "title": "Financial Service",
-    "description": "Convoy with popular belief is a not rendom idea."
-  }
-]
\ No newline at end of file
diff --git a/src/data/ITCreative/testimonials.json b/src/data/ITCreative/testimonials.json
deleted file mode 100644
index 19ce3d5..0000000
--- a/src/data/ITCreative/testimonials.json
+++ /dev/null
@@ -1,12 +0,0 @@
-[
-  {
-    "text": " It uses a directory of over 200 latin words combine a half of model sentence structures. All generations on the internet trends to repeat predefined chunks as nessessary to make this file. ",
-    "image": "/assets/img/testimonials/user7.png",
-    "author": "Alonso D.Dowson"
-  },
-  {
-    "text": " It uses a directory of over 200 latin words combine a half of model sentence structures. All generations on the internet trends to repeat predefined chunks as nessessary to make this file. ",
-    "image": "/assets/img/testimonials/user3.jpeg",
-    "author": "Alonso D.Dowson"
-  }
-]
\ No newline at end of file
diff --git a/src/data/NFTMarketplace/collections.json b/src/data/NFTMarketplace/collections.json
deleted file mode 100644
index 53f9baa..0000000
--- a/src/data/NFTMarketplace/collections.json
+++ /dev/null
@@ -1,57 +0,0 @@
-[
-  {
-    "name": "SnoopDogg",
-    "items": 100,
-    "pic": "/assets/img/testimonials/user1.jpeg",
-    "image": "/assets/img/collections/1.jpg",
-    "subImages": [
-      "/assets/img/collections/16.jpg",
-      "/assets/img/collections/2.jpg",
-      "/assets/img/collections/3.jpg"
-    ]
-  },
-  {
-    "name": "HilixDesign",
-    "items": 100,
-    "pic": "/assets/img/testimonials/user2.jpeg",
-    "image": "/assets/img/collections/4.jpg",
-    "subImages": [
-      "/assets/img/collections/5.jpg",
-      "/assets/img/collections/6.jpg",
-      "/assets/img/collections/7.jpg"
-    ]
-  },
-  {
-    "name": "ThemeCamp",
-    "items": 100,
-    "pic": "/assets/img/testimonials/user3.jpeg",
-    "image": "/assets/img/collections/8.jpg",
-    "subImages": [
-      "/assets/img/collections/9.jpg",
-      "/assets/img/collections/10.jpg",
-      "/assets/img/collections/11.jpg"
-    ]
-  },
-  {
-    "name": "ThemeCamp",
-    "items": 100,
-    "pic": "/assets/img/testimonials/user4.png",
-    "image": "/assets/img/collections/12.jpg",
-    "subImages": [
-      "/assets/img/collections/13.jpg",
-      "/assets/img/collections/14.jpg",
-      "/assets/img/collections/15.jpg"
-    ]
-  },
-  {
-    "name": "ThemeCamp",
-    "items": 100,
-    "pic": "/assets/img/testimonials/user3.jpeg",
-    "image": "/assets/img/collections/8.jpg",
-    "subImages": [
-      "/assets/img/collections/9.jpg",
-      "/assets/img/collections/10.jpg",
-      "/assets/img/collections/11.jpg"
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/NFTMarketplace/features.json b/src/data/NFTMarketplace/features.json
deleted file mode 100644
index f0ae0e7..0000000
--- a/src/data/NFTMarketplace/features.json
+++ /dev/null
@@ -1,37 +0,0 @@
-[
-  {
-    "image": "/assets/img/team/1.jpeg",
-    "name": "SnoopDogg",
-    "rise": 1200000
-  },
-  {
-    "image": "/assets/img/team/2.jpeg",
-    "name": "Pablo Scober",
-    "rise": 1200000
-  },
-  {
-    "image": "/assets/img/team/3.jpeg",
-    "name": "Helsinki Del",
-    "rise": 1200000
-  },
-  {
-    "image": "/assets/img/team/4.jpeg",
-    "name": "Rosalina Will",
-    "rise": 1200000
-  },
-  {
-    "image": "/assets/img/team/5.jpeg",
-    "name": "Rosalina Will",
-    "rise": 1200000
-  },
-  {
-    "image": "/assets/img/team/1.jpeg",
-    "name": "Miranda Halim",
-    "rise": 1200000
-  },
-  {
-    "image": "/assets/img/team/2.jpeg",
-    "name": "Helsinki Del",
-    "rise": 1200000
-  }
-]
\ No newline at end of file
diff --git a/src/data/NFTMarketplace/process.json b/src/data/NFTMarketplace/process.json
deleted file mode 100644
index 82fe5ae..0000000
--- a/src/data/NFTMarketplace/process.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/1.png",
-    "title": "Connect Wallet",
-    "details": "An cryptocurrency is a digital currency, which",
-    "step": "01"
-  },
-  {
-    "icon": "/assets/img/icons/2.png",
-    "title": "Create Collections",
-    "details": "Is an alternative form of payment created use encryption",
-    "step": "02"
-  },
-  {
-    "icon": "/assets/img/icons/3.png",
-    "title": "Add Your NFTs",
-    "details": "Algorithms. The use of encryto technologies",
-    "step": "03"
-  },
-  {
-    "icon": "/assets/img/icons/4.png",
-    "title": "Sell Your NFTs",
-    "details": "Means that cryptocurrencies function both",
-    "step": "04"
-  }
-]
\ No newline at end of file
diff --git a/src/data/NFTMarketplace/projects.json b/src/data/NFTMarketplace/projects.json
deleted file mode 100644
index 9cf7c50..0000000
--- a/src/data/NFTMarketplace/projects.json
+++ /dev/null
@@ -1,94 +0,0 @@
-{
-  "filters": [
-    {
-      "filter": "all",
-      "text": "All Category"
-    },
-    {
-      "filter": ".art",
-      "text": "Art"
-    },
-    {
-      "filter": ".virtual",
-      "text": "Virtual Worlds"
-    },
-    {
-      "filter": ".photography",
-      "text": "Photography"
-    }
-  ],
-  "projects": [
-    {
-      "filter": "art",
-      "hearts": "14",
-      "sort": "1.00",
-      "image": "/assets/img/projects/nf1.png",
-      "bid": "6/50",
-      "title": "Pakora Vision #190",
-      "placeBit": "10"
-    },
-    {
-      "filter": "virtual",
-      "hearts": "12",
-      "sort": "0.99",
-      "image": "/assets/img/projects/nf2.png",
-      "bid": "4/40",
-      "title": "Cyber Punk #189",
-      "placeBit": "2"
-    },
-    {
-      "filter": "photography",
-      "hearts": "12",
-      "sort": "0.99",
-      "image": "/assets/img/projects/nf3.png",
-      "bid": "4/40",
-      "title": "Cyber Hunter #22",
-      "placeBit": "9"
-    },
-    {
-      "filter": "photography",
-      "hearts": "33",
-      "sort": "1.09",
-      "image": "/assets/img/projects/nf4.png",
-      "bid": "19/99",
-      "title": "Creed Mirage #85",
-      "placeBit": "20"
-    },
-    {
-      "filter": "virtual",
-      "hearts": "10",
-      "sort": "0.77",
-      "image": "/assets/img/projects/nf5.png",
-      "bid": "15/80",
-      "title": "Korola Vhaji #191",
-      "placeBit": "5"
-    },
-    {
-      "filter": "art",
-      "hearts": "21",
-      "sort": "0.39",
-      "image": "/assets/img/projects/nf6.png",
-      "bid": "6/50",
-      "title": "Kacchi Biriyani #205",
-      "placeBit": "8"
-    },
-    {
-      "filter": "art",
-      "hearts": "21",
-      "sort": "1.01",
-      "image": "/assets/img/projects/nf7.png",
-      "bid": "6/50",
-      "title": "iOs Punk Series #190",
-      "placeBit": "6"
-    },
-    {
-      "filter": "photography",
-      "hearts": "21",
-      "sort": "1.01",
-      "image": "/assets/img/projects/nf8.png",
-      "bid": "6/50",
-      "title": "Humble Assasin #199",
-      "placeBit": "6"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/PaymentSolutions/blog.json b/src/data/PaymentSolutions/blog.json
deleted file mode 100644
index 89d44f6..0000000
--- a/src/data/PaymentSolutions/blog.json
+++ /dev/null
@@ -1,20 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/22.jpg",
-    "author": "ronald d.",
-    "date": "June 21, 2023",
-    "title": "5 Ways Technology Has Improved Business Today"
-  },
-  {
-    "cover": "/assets/img/blog/23.jpg",
-    "author": "Alsonso d.",
-    "date": "June 21, 2023",
-    "title": "But There Could Be Situations When Using Inductor"
-  },
-  {
-    "cover": "/assets/img/blog/24.jpg",
-    "author": "maklim",
-    "date": "June 21, 2023",
-    "title": "An Example Is A High-temperature Environment Which Can Shorten"
-  }
-]
\ No newline at end of file
diff --git a/src/data/PaymentSolutions/chooseus.json b/src/data/PaymentSolutions/chooseus.json
deleted file mode 100644
index 6fa872f..0000000
--- a/src/data/PaymentSolutions/chooseus.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/ch9.svg",
-    "title": "Fast & Secure",
-    "details": "Free from danger or risk Being home made me"
-  },
-  {
-    "icon": "/assets/img/icons/ch10.svg",
-    "title": "24/7 Live Support",
-    "details": "Free from danger or risk Being home made me"
-  },
-  {
-    "icon": "/assets/img/icons/ch11.svg",
-    "title": "Targeted Built API",
-    "details": "Free from danger or risk Being home made me"
-  },
-  {
-    "icon": "/assets/img/icons/ch12.svg",
-    "title": "Automated Flow",
-    "details": "Free from danger or risk Being home made me"
-  }
-]
\ No newline at end of file
diff --git a/src/data/PaymentSolutions/features.json b/src/data/PaymentSolutions/features.json
deleted file mode 100644
index 5fee5e0..0000000
--- a/src/data/PaymentSolutions/features.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "items": [
-    {
-      "id": "pay1",
-      "text": "Virtual Account",
-      "target": "pay1"
-    },
-    {
-      "id": "pay2",
-      "text": "Credit Card",
-      "target": "pay2"
-    },
-    {
-      "id": "pay3",
-      "text": "E-Wallet",
-      "target": "pay1"
-    },
-    {
-      "id": "pay4",
-      "text": "Direct Debit",
-      "target": "pay2"
-    },
-    {
-      "id": "pay5",
-      "text": "QR Codes",
-      "target": "pay1"
-    },
-    {
-      "id": "pay6",
-      "text": "Cash Retail",
-      "target": "pay2"
-    }
-  ],
-  "tabs": [
-    {
-      "id": "pay1",
-      "image": "/assets/img/services/feat14_img1.png",
-      "text": "Virtual Account",
-      "items": [
-        "Check out easily with just an email and password",
-        "Buyer Protection gives full refunds on purchases",
-        "24/7 security guards every transaction"
-      ]
-    },
-    {
-      "id": "pay2",
-      "image": "/assets/img/services/feat14_img1.png",
-      "text": "Credit Card",
-      "items": [
-        "Check out easily with just an email and password",
-        "Buyer Protection gives full refunds on purchases",
-        "24/7 security guards every transaction"
-      ]
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/PaymentSolutions/numbers.json b/src/data/PaymentSolutions/numbers.json
deleted file mode 100644
index 81a9166..0000000
--- a/src/data/PaymentSolutions/numbers.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/numbers/num1.svg",
-    "number": "20",
-    "operator": "M+",
-    "title": "Monthly Visitors"
-  },
-  {
-    "icon": "/assets/img/icons/numbers/num2.svg",
-    "number": "50",
-    "operator": "%",
-    "title": "Monthly Visits Growth"
-  },
-  {
-    "icon": "/assets/img/icons/numbers/num3.svg",
-    "number": "100",
-    "operator": "M+",
-    "title": "happy users from world"
-  },
-  {
-    "icon": "/assets/img/icons/numbers/num4.svg",
-    "number": "100",
-    "operator": "+",
-    "title": "worldwide basement"
-  }
-]
\ No newline at end of file
diff --git a/src/data/PaymentSolutions/testimonials.json b/src/data/PaymentSolutions/testimonials.json
deleted file mode 100644
index 3de4962..0000000
--- a/src/data/PaymentSolutions/testimonials.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/testi_s14_ic1.png",
-    "pic": "/assets/img/team/4.png",
-    "text": "There are countless reasons why customer feedback should be your guiding light",
-    "author": "Rosalina D. Williamson",
-    "position": "CEO Of Rosalina Co."
-  },
-  {
-    "image": "/assets/img/icons/testi_s14_ic2.png",
-    "pic": "/assets/img/team/5.jpg",
-    "text": "There are countless reasons why customer feedback should be your guiding light",
-    "author": "Miranda H. Halim",
-    "position": "founder Of halim ltd."
-  },
-  {
-    "image": "/assets/img/icons/testi_s14_ic3.png",
-    "pic": "/assets/img/team/6.jpg",
-    "text": "There are countless reasons why customer feedback should be your guiding light",
-    "author": "Alexis D. Dowsonix",
-    "position": "founder Of do design."
-  },
-  {
-    "image": "/assets/img/icons/testi_s14_ic4.png",
-    "pic": "/assets/img/team/7.jpg",
-    "text": "There are countless reasons why customer feedback should be your guiding light",
-    "author": "Pablo P. Pakarson",
-    "position": "founder Of piko Co."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Portfolio/projects-rtl.json b/src/data/Portfolio/projects-rtl.json
deleted file mode 100644
index 5808b33..0000000
--- a/src/data/Portfolio/projects-rtl.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "filters": [
-    { "title": "الكل", "filter": "all" },
-    { "title": "استشارات تكنولوجيا المعلومات", "filter": ".consultation" },
-    { "title": "أمن المعلومات", "filter": ".security" },
-    { "title": "تطوير الموقع", "filter": ".website" },
-    { "title": "UI/UX تصميم", "filter": ".design" },
-    { "title": "الخدمات السحابية", "filter": ".cloud" },
-    { "title": "برمجة الالعاب", "filter": ".development" }
-  ],
-  "projects": [
-    {
-      "filter": "security consultation",
-      "image": "/assets/img/projects/prog/1.jpeg",
-      "title": "ترقية البنية التحتية ",
-      "type": "استشارات تكنولوجيا المعلومات",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["الاستشارات", "إدارة"]
-    },
-    {
-      "filter": "design security",
-      "image": "/assets/img/projects/prog/2.png",
-      "title": "صفحة هبوط للعملات المشفرة",
-      "type": "تطوير الموقع, UI/UX تصميم",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["ووردبريس", "بي أتش بي", "HTML/CSS", "فيجما"]
-    },
-    {
-      "filter": "website development",
-      "image": "/assets/img/projects/prog/3.jpeg",
-      "title": "لعبة AR / VR حرب 1986",
-      "type": "تطوير الالعاب",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["الواقع الافتراضى", "ايفون & اندرويد", "تصميم 2D/3D"]
-    },
-    {
-      "filter": "cloud design",
-      "image": "/assets/img/projects/4.png",
-      "title": "Okpay المحفظة الإلكترونية الأمثل",
-      "type": "تحليل البيانات",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["تحليل البيانات", "كتابة المحتوى"]
-    },
-    {
-      "filter": "website development cloud",
-      "image": "/assets/img/projects/5.png",
-      "title": "لوحة تحكم للماركت",
-      "type": "تصميم وتطوير الموقع",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["ووردبريس", "بي أتش بي", "HTML/CSS", "فيجما"]
-    },
-    {
-      "filter": "design consultation",
-      "image": "/assets/img/projects/7.png",
-      "title": "تشفير Blockchain",
-      "type": "أمن المعلومات",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["حماية", "إدارة", "النسخ الاحتياطي والاسترداد"]
-    },
-    {
-      "filter": "cloud design",
-      "image": "/assets/img/projects/1.png",
-      "title": "لوحة تحكم تاجير سيارات",
-      "type": "تصميم UI/UX",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["HTML/CSS", "فيجما"]
-    },
-    {
-      "filter": "security cloud",
-      "image": "/assets/img/projects/2.png",
-      "title": "تشفير Blockchain",
-      "type": "أمن المعلومات, استشارات تكنولوجيا المعلومات",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["أمن المعلومات", "بايثون", "استرداد البيانات"]
-    },
-    {
-      "filter": "development consultation",
-      "image": "/assets/img/projects/6.png",
-      "title": "تطوير روبوتات",
-      "type": "الذكاء الاصطناعي",
-      "details": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-      "tags": ["AI", "الذكاء الاصطناعي"]
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Portfolio/projects.json b/src/data/Portfolio/projects.json
deleted file mode 100644
index e11de26..0000000
--- a/src/data/Portfolio/projects.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "filters": [
-    { "title": "All", "filter": "all" },
-    { "title": "IT Consultation", "filter": ".consultation" },
-    { "title": "Data Security", "filter": ".security" },
-    { "title": "Website Development", "filter": ".website" },
-    { "title": "UI/UX Design", "filter": ".design" },
-    { "title": "Cloud Service", "filter": ".cloud" },
-    { "title": "Game Development", "filter": ".development" }
-  ],
-  "projects": [
-    {
-      "filter": "security consultation",
-      "image": "/assets/img/projects/prog/1.jpeg",
-      "title": "Infrastructure Upgrade",
-      "type": "IT Consultation",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["Consultation", "Management"]
-    },
-    {
-      "filter": "design security",
-      "image": "/assets/img/projects/prog/2.png",
-      "title": "Criftocy Landing Page",
-      "type": "Website Development, UI/UX Design",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-    },
-    {
-      "filter": "website development",
-      "image": "/assets/img/projects/prog/3.jpeg",
-      "title": "AR/VR War 1986 Game",
-      "type": "Game Developemnt",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["VR/AR", "iOS & Android", "Unity 2D/3D"]
-    },
-    {
-      "filter": "cloud design",
-      "image": "/assets/img/projects/4.png",
-      "title": "Okpay E-Wallet Optimized",
-      "type": "SEO analysis",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["SEO Analysis", "Content Strategy"]
-    },
-    {
-      "filter": "website development cloud",
-      "image": "/assets/img/projects/5.png",
-      "title": "e-Commerce Dashboard",
-      "type": "website design & develoment",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-    },
-    {
-      "filter": "design consultation",
-      "image": "/assets/img/projects/7.png",
-      "title": "Crypto Blockchain",
-      "type": "Data security",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["Security", "Management", "Backup & Recovery"]
-    },
-    {
-      "filter": "cloud design",
-      "image": "/assets/img/projects/1.png",
-      "title": "Car Rental Dashboard",
-      "type": "UI/UX Design",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["HTML/CSS", "Figma"]
-    },
-    {
-      "filter": "security cloud",
-      "image": "/assets/img/projects/2.png",
-      "title": "Encrypt Blockchain",
-      "type": "Data security, it consultation",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["Data Security", "Python", "Data Backup"]
-    },
-    {
-      "filter": "development consultation",
-      "image": "/assets/img/projects/6.png",
-      "title": "Robotchat AI Development",
-      "type": "machine learning",
-      "details": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-      "tags": ["AI", "Machine Learning"]
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Preview/all-features.json b/src/data/Preview/all-features.json
deleted file mode 100644
index d01048d..0000000
--- a/src/data/Preview/all-features.json
+++ /dev/null
@@ -1,15 +0,0 @@
-[
-  { "icon": "pe-7s-umbrella", "text": "Animation" },
-  { "icon": "pe-7s-users", "text": "Team Member" },
-  { "icon": "pe-7s-speaker", "text": "Testimonials" },
-  { "icon": "pe-7s-search", "text": "Search Input" },
-  { "icon": "pe-7s-play", "text": "Video Popup" },
-  { "icon": "pe-7s-bell", "text": "Pricing Tables" },
-  { "icon": "pe-7s-coffee", "text": "Countdown" },
-  { "icon": "pe-7s-headphones", "text": "Custom Support" },
-  { "icon": "pe-7s-switch", "text": "Unique Animation" },
-  { "icon": "pe-7s-map-marker", "text": "Google Maps" },
-  { "icon": "pe-7s-menu", "text": "Creative Menu" },
-  { "icon": "pe-7s-mouse", "text": "Easy Customisation" },
-  { "icon": "pe-7s-paint-bucket", "text": "Gradient Colors" }
-]
\ No newline at end of file
diff --git a/src/data/Preview/best-features.json b/src/data/Preview/best-features.json
deleted file mode 100644
index 150409a..0000000
--- a/src/data/Preview/best-features.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "icon": "bi bi-bell",
-    "title": "Lifetime Use",
-    "description": "Buy once, and it is yours forever. Perfect deal!"
-  },
-  {
-    "icon": "bi bi-hourglass",
-    "title": "Regular Updates",
-    "description": "We commit to keep your site up-to-date. Free for lifetime."
-  },
-  {
-    "icon": "bi bi-infinity",
-    "title": "Infinitely Flexible",
-    "description": "Manage the html theme and take full control over your site."
-  },
-  {
-    "icon": "bi bi-mouse",
-    "title": "Unique Animations",
-    "description": "Smooth animations, cool effects. Attraction guaranteed."
-  },
-  {
-    "icon": "bi bi-briefcase",
-    "title": "Huge Element Collection",
-    "description": "Huge collection of elements and flexible layouts!"
-  },
-  {
-    "icon": "bi bi-bar-chart",
-    "title": "SEO Friendly",
-    "description": "The best SEO practices to achieve higher rankings on Google."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Preview/demos.json b/src/data/Preview/demos.json
deleted file mode 100644
index 3fada07..0000000
--- a/src/data/Preview/demos.json
+++ /dev/null
@@ -1,120 +0,0 @@
-[
-  {
-    "link": "/home-app-landing",
-    "img": "/landing-preview/img/demos/1_1.png",
-    "title": "Creative",
-    "type": "App Landing"
-  },
-  {
-    "link": "/home-digital-agency",
-    "img": "/landing-preview/img/demos/2_2.png",
-    "title": "Corporate",
-    "type": "Digital Agency",
-    "isFeatured": true
-  },
-  {
-    "link": "/home-marketing-startup",
-    "img": "/landing-preview/img/demos/3_3.png",
-    "title": "Corporate",
-    "type": "Marketing Startup"
-  },
-  {
-    "link": "/home-saas-technology",
-    "img": "/landing-preview/img/demos/4_4.png",
-    "title": "Software",
-    "type": "Saas Technology"
-  },
-  {
-    "link": "/home-software-company",
-    "img": "/landing-preview/img/demos/5_5.png",
-    "title": "Technology",
-    "type": "Software company"
-  },
-  {
-    "link": "/home-it-solutions",
-    "img": "/landing-preview/img/demos/6_6.png",
-    "title": "Business",
-    "type": "IT Solution"
-  },
-  {
-    "link": "/home-it-solutions2",
-    "img": "/landing-preview/img/demos/7_7.png",
-    "title": "Creative (new)",
-    "type": "Creative IT Solutions",
-    "isNew": true
-  },
-  {
-    "link": "/home-data-analysis",
-    "img": "/landing-preview/img/demos/8_8.png",
-    "title": "Scince (New)",
-    "type": "Data Analysis",
-    "isNew": true
-  },
-  {
-    "link": "/home-cloud-hosting",
-    "img": "/landing-preview/img/demos/9_9.png",
-    "title": "Business (New)",
-    "type": "Hosting Cloud",
-    "isNew": true
-  },
-  {
-    "link": "/home-cyber-security",
-    "img": "/landing-preview/img/demos/10.jpg",
-    "title": "Business (New)",
-    "type": "Cyber Security",
-    "isArrived": true
-  },
-  {
-    "link": "/home-help-desk",
-    "img": "/landing-preview/img/demos/11.jpg",
-    "title": "Business (New)",
-    "type": "Help Desk",
-    "isArrived": true
-  },
-  {
-    "link": "/home-nft-marketplace",
-    "img": "/landing-preview/img/demos/13.jpg",
-    "title": "Business (New)",
-    "type": "NFT Market",
-    "isArrived": true
-  },
-  {
-    "link": "/home-freelance-personal",
-    "img": "/landing-preview/img/demos/14.jpg",
-    "title": "Business (New)",
-    "type": "Personal Portfolio",
-    "isArrived": true
-  },
-  {
-    "link": "/home-payment-solutions",
-    "img": "/landing-preview/img/demos/15.jpg",
-    "title": "Business (New)",
-    "type": "Payment Solution",
-    "isArrived": true
-  },
-  {
-    "link": "/home-crypto",
-    "img": "/landing-preview/img/demos/16.jpg",
-    "title": "Business (New)",
-    "type": "Crypto Currency",
-    "isArrived": true
-  },
-  {
-    "link": "/home-shop-modern",
-    "img": "/landing-preview/img/demos/12.png",
-    "title": "ECommerce",
-    "type": "Modern Shop"
-  },
-  {
-    "link": "/rtl-home-marketing-startup",
-    "img": "/landing-preview/img/demos/7.jpg",
-    "title": "عربي وفارسي",
-    "type": "RTL Support"
-  },
-  {
-    "link": "/rtl-page-shop",
-    "img": "/landing-preview/img/demos/8.jpg",
-    "title": "عربي وفارسي",
-    "type": "Modern Shop RTL"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Preview/features.json b/src/data/Preview/features.json
deleted file mode 100644
index ebb07af..0000000
--- a/src/data/Preview/features.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "icon": "bi bi-phone",
-    "title": "Perfect Responsive",
-    "description": "Our Template is full Perfect for all device. You can visit our template all device easily."
-  },
-  {
-    "icon": "bi bi-brush",
-    "title": "Modern Design",
-    "description": "Modern and Unique design you can feel this in every little detail in our template."
-  },
-  {
-    "icon": "bi bi-headset",
-    "title": "Fast & Friendly Support",
-    "description": "We are provide 24 hours support for all clients.You can purchase without hesitation."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Preview/header.json b/src/data/Preview/header.json
deleted file mode 100644
index 950e4f1..0000000
--- a/src/data/Preview/header.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "scene1": {
-    "one": [
-      { "img": "/landing-preview/img/header/1.jpg", "depth": "0.10", "class": "" },
-      { "img": "/landing-preview/img/header/1.jpg", "depth": "0.15", "class": "btm1" },
-      { "img": "/landing-preview/img/header/1.jpg", "depth": "0.20", "class": "btm2" }
-    ],
-    "three": [
-      { "img": "/landing-preview/img/header/4.jpg", "depth": "0.10", "class": "" },
-      { "img": "/landing-preview/img/header/4.jpg", "depth": "0.15", "class": "btm1" },
-      { "img": "/landing-preview/img/header/4.jpg", "depth": "0.20", "class": "btm2" }
-    ],
-    "four": [
-      { "img": "/landing-preview/img/header/8.jpg", "depth": "0.10", "class": "" },
-      { "img": "/landing-preview/img/header/8.jpg", "depth": "0.15", "class": "btm1" },
-      { "img": "/landing-preview/img/header/8.jpg", "depth": "0.20", "class": "btm2" }
-    ]
-  },
-  "scene2": {
-    "two": [
-      { "img": "/landing-preview/img/header/11.jpg", "depth": "0.10", "class": "" },
-      { "img": "/landing-preview/img/header/11.jpg", "depth": "0.15", "class": "btm1" },
-      { "img": "/landing-preview/img/header/11.jpg", "depth": "0.20", "class": "btm2" }
-    ],
-    "five": [
-      { "img": "/landing-preview/img/header/5.jpg", "depth": "0.10", "class": "" },
-      { "img": "/landing-preview/img/header/5.jpg", "depth": "0.15", "class": "btm1" },
-      { "img": "/landing-preview/img/header/5.jpg", "depth": "0.20", "class": "btm2" }
-    ]
-  }
-}
\ No newline at end of file
diff --git a/src/data/Preview/inner-pages.json b/src/data/Preview/inner-pages.json
deleted file mode 100644
index c8d3362..0000000
--- a/src/data/Preview/inner-pages.json
+++ /dev/null
@@ -1,131 +0,0 @@
-[
-  {
-    "link": "/page-about-5",
-    "img": "/landing-preview/img/inner_pages/about.png",
-    "title": "Inner Page",
-    "type": "About us 1"
-  },
-  {
-    "link": "/page-about-2",
-    "img": "/landing-preview/img/inner_pages/about2.png",
-    "title": "Inner Page",
-    "type": "About us 2"
-  },
-  {
-    "link": "/page-about-app",
-    "img": "/landing-preview/img/inner_pages/about_app.png",
-    "title": "Inner Page",
-    "type": "About us 3"
-  },
-  {
-    "link": "/page-services-5",
-    "img": "/landing-preview/img/inner_pages/services.png",
-    "title": "Inner Page",
-    "type": "Services one"
-  },
-  {
-    "link": "/page-services-app",
-    "img": "/landing-preview/img/inner_pages/services_app.png",
-    "title": "Inner Page",
-    "type": "Services two"
-  },
-  {
-    "link": "/page-services-details-5",
-    "img": "/landing-preview/img/inner_pages/services_details.png",
-    "title": "Inner Page",
-    "type": "Services details"
-  },
-  {
-    "link": "/page-careers-5",
-    "img": "/landing-preview/img/inner_pages/career.png",
-    "title": "Inner Page",
-    "type": "Careers"
-  },
-  {
-    "link": "/page-career-details",
-    "img": "/landing-preview/img/inner_pages/career_details.png",
-    "title": "Inner Page",
-    "type": "Career details"
-  },
-  {
-    "link": "/page-contact-5",
-    "img": "/landing-preview/img/inner_pages/contact.png",
-    "title": "Inner Page",
-    "type": "Contact"
-  },
-  {
-    "link": "/page-portfolio-5",
-    "img": "/landing-preview/img/inner_pages/projects.png",
-    "title": "Inner Page",
-    "type": "portfolio"
-  },
-  {
-    "link": "/page-single-project-5",
-    "img": "/landing-preview/img/inner_pages/single_project.png",
-    "title": "Inner Page",
-    "type": "single project"
-  },
-  {
-    "link": "/page-faq-5",
-    "img": "/landing-preview/img/inner_pages/faq.png",
-    "title": "Inner Page",
-    "type": "faq"
-  },
-  {
-    "link": "/page-sign-in",
-    "img": "/landing-preview/img/inner_pages/login.png",
-    "title": "Inner Page",
-    "type": "sign in"
-  },
-  {
-    "link": "/page-comming-soon-5",
-    "img": "/landing-preview/img/inner_pages/comming_soon.png",
-    "title": "Inner Page",
-    "type": "comming soon"
-  },
-  {
-    "link": "/page-404",
-    "img": "/landing-preview/img/inner_pages/404.png",
-    "title": "Inner Page",
-    "type": "404"
-  },
-  {
-    "link": "/page-blog-app-left-sidebar",
-    "img": "/landing-preview/img/inner_pages/blog_app_left_sidebar.png",
-    "title": "Inner Page",
-    "type": "blog app left sidebar"
-  },
-  {
-    "link": "/page-blog-5-left-sidebar",
-    "img": "/landing-preview/img/inner_pages/blog_left_sidebar.png",
-    "title": "Inner Page",
-    "type": "blog left sidebar"
-  },
-  {
-    "link": "/page-single-post-5",
-    "img": "/landing-preview/img/inner_pages/single_post_right_sidebar.png",
-    "title": "Inner Page",
-    "type": "single post right sidebar"
-  },
-  {
-    "link": "/#0",
-    "img": "/landing-preview/img/demos/9.jpg",
-    "title": "upcoming",
-    "type": "Inner Page (Coming)",
-    "isComingSoon": true
-  },
-  {
-    "link": "/#0",
-    "img": "/landing-preview/img/demos/9.jpg",
-    "title": "upcoming",
-    "type": "Inner Page (Coming)",
-    "isComingSoon": true
-  },
-  {
-    "link": "/#0",
-    "img": "/landing-preview/img/demos/0.png",
-    "title": "upcoming",
-    "type": "Inner Page (Coming)",
-    "isComingSoon": true
-  }
-]
\ No newline at end of file
diff --git a/src/data/Preview/portfolio.json b/src/data/Preview/portfolio.json
deleted file mode 100644
index 5dab02a..0000000
--- a/src/data/Preview/portfolio.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "st1": [
-    "/landing-preview/img/header/1.jpg",
-    "/landing-preview/img/header/2.jpg",
-    "/landing-preview/img/header/3.jpg",
-    "/landing-preview/img/header/4.jpg",
-    "/landing-preview/img/header/5.jpg",
-    "/landing-preview/img/header/6.jpg",
-    "/landing-preview/img/header/7.jpg"
-  ],
-  "st2": [
-    "/landing-preview/img/header/8.jpg",
-    "/landing-preview/img/header/9.jpg",
-    "/landing-preview/img/header/11.jpg",
-    "/landing-preview/img/header/13.jpg",
-    "/landing-preview/img/header/12.jpg",
-    "/landing-preview/img/header/10.jpg",
-    "/landing-preview/img/header/14.jpg"
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Preview/testimonials.json b/src/data/Preview/testimonials.json
deleted file mode 100644
index 5fd5d53..0000000
--- a/src/data/Preview/testimonials.json
+++ /dev/null
@@ -1,44 +0,0 @@
-[
-  {
-    "stars": 5,
-    "comment": "The theme is wonderful! I loved it!!! <br> The support is UNREAL! You ROCK! Thank you very much for supporting like this! :))",
-    "author": "mpgmateus",
-    "reason": "Customer Support"
-  },
-  {
-    "stars": 5,
-    "comment": "This was one of the best theme, The customer support is 100%, I will buy it again and again this theme. <br> Thank you for your services.",
-    "author": "abdinasirok",
-    "reason": "Design Quality"
-  },
-  {
-    "stars": 5,
-    "comment": "Very responsive and helpful support. <br> They go extra mile with solutions and ensure the issue is resolved.",
-    "author": "keenDev",
-    "reason": "Customer Support"
-  },
-  {
-    "stars": 5,
-    "comment": "Really good and fast help from the customer support team :)",
-    "author": "Lagas",
-    "reason": "Customer Support"
-  },
-  {
-    "stars": 5,
-    "comment": "I am very happy with the theme, particularly with customizability, because it has many options and looks and you can create new ones as well.",
-    "author": "BerryMuffin150",
-    "reason": "Customizability"
-  },
-  {
-    "stars": 5,
-    "comment": "Awesome template ! One of the best I've worked with... beautiful and easy to customize. Elementor is a must. Great job!!",
-    "author": "korin_fr",
-    "reason": "Design Quality"
-  },
-  {
-    "stars": 5,
-    "comment": "The customer support is perfect, same for the theme. You won't be disappointed ! <br> Le service client est parfait, le thème aussi. Vous pouvez l'acheter les yeux fermés !",
-    "author": "NellLC29",
-    "reason": "Customer Support"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/about-rtl.json b/src/data/Saas/about-rtl.json
deleted file mode 100644
index c03ebdf..0000000
--- a/src/data/Saas/about-rtl.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "lineLinks": [
-    "توزيع المبيعات",
-    "عربات مهجورة",
-    "الإيرادات من خلال أجهزة القناة",
-    "توقعات المبيعات"
-  ],
-  "list": [
-    { "icon": "bi bi-check2", "title": "100٪ دفع آمن مضمون" },
-    { "icon": "bi bi-check2", "title": "1٪ رسوم اضافية للجميع" },
-    { "icon": "bi bi-check2", "title": "دعم نزاع استرداد 24/7" }
-  ],
-  "texts": {
-    "text1": "من المفترض أن تكون لوحات المعلومات أدوات شخصية ليستمتع بها مديرو مواقع الويب والموردون ، وبالتالي فهي قابلة للتعديل إلى حد كبير.",
-    "text2": "عندما يتعلق الأمر بإجراءات العميل ، يمكن لمسؤولي مواقع الويب اختيار أذونات كل مورد ، مما يسمح لهم بالحد من النشاط التجاري أو تمكينه حسب الحاجة."
-  },
-  "number": "42,500+"
-}
\ No newline at end of file
diff --git a/src/data/Saas/about.json b/src/data/Saas/about.json
deleted file mode 100644
index eb7e161..0000000
--- a/src/data/Saas/about.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "lineLinks": [
-    "Sales Breakdown & Funnel",
-    "Abadoned Carts",
-    "Revenue by Channel & Devices",
-    "Sales Forecast"
-  ],
-  "list": [
-    { "icon": "bi bi-check2", "title": "100% Guarantee Secure Payment" },
-    { "icon": "bi bi-check2", "title": "1% Extra Fees For All" },
-    { "icon": "bi bi-check2", "title": "Support Dispute & Refund 24/7" }
-  ],
-  "texts": {
-    "text1": "Dashboards are meant to be personal tools for website managers and suppliers to enjoy, and are therefore largely modifiable.",
-    "text2": "When it comes to customer actions, website administrators can choose the permissions of each supplier, allowing them to limit or empower commerce activity as needed."
-  },
-  "number": "42,500+"
-}
\ No newline at end of file
diff --git a/src/data/Saas/choose-us-rtl.json b/src/data/Saas/choose-us-rtl.json
deleted file mode 100644
index 56addf7..0000000
--- a/src/data/Saas/choose-us-rtl.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/serv_icons/1.png",
-    "info": "حلول رقمية",
-    "details": "إن الانغماس في تقنية النانو على طول ارتفاع المعلومات سوف يغلق الحلقة في التركيز فقط"
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/3.png",
-    "info": "تصميم فريد وخبرة برمجية",
-    "details": "سيقدم خبراؤنا المتميزون الذين يتمتعون بسنوات عديدة من الخبرة في مجال الشهادات أفضل الحلول لعملك"
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/5.png",
-    "info": "خدمات سحابية",
-    "details": "دعم العملاء هو دائمًا أولويتنا الأولى."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/choose-us.json b/src/data/Saas/choose-us.json
deleted file mode 100644
index 6cdaf82..0000000
--- a/src/data/Saas/choose-us.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/serv_icons/1.png",
-    "info": "IT Consultation",
-    "details": "Nanotechnology immersion along the information high will close the loop on focusing solely"
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/3.png",
-    "info": "Software Design & Development",
-    "details": "Our top-notch Experts with much years of experience certail will give best solutions for your business"
-  },
-  {
-    "icon": "/assets/img/icons/serv_icons/5.png",
-    "info": "Cloud Services",
-    "details": "Customer support is always our number one priority."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/clients.json b/src/data/Saas/clients.json
deleted file mode 100644
index a37c35f..0000000
--- a/src/data/Saas/clients.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "row1": [
-    "/assets/img/logos/7.png",
-    "/assets/img/logos/8.png",
-    "/assets/img/logos/9.png",
-    "/assets/img/logos/10.png",
-    "/assets/img/logos/11.png",
-    "/assets/img/logos/12.png"
-  ],
-  "row2": [
-    "/assets/img/logos/13.png",
-    "/assets/img/logos/14.png",
-    "/assets/img/logos/15.png",
-    "/assets/img/logos/16.png",
-    "/assets/img/logos/17.png",
-    "/assets/img/logos/9.png"
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Saas/community-rtl.json b/src/data/Saas/community-rtl.json
deleted file mode 100644
index dff664f..0000000
--- a/src/data/Saas/community-rtl.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/code3d.png",
-    "title": "برمجة متناسقة"
-  },
-  {
-    "img": "/assets/img/icons/price3d.png",
-    "title": "سعر مناسب"
-  },
-  {
-    "img": "/assets/img/icons/message3d.png",
-    "title": "خدمة عملاء"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/community.json b/src/data/Saas/community.json
deleted file mode 100644
index f0d2720..0000000
--- a/src/data/Saas/community.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/code3d.png",
-    "title": "Front-End Friendly"
-  },
-  {
-    "img": "/assets/img/icons/price3d.png",
-    "title": "Affordable Price"
-  },
-  {
-    "img": "/assets/img/icons/message3d.png",
-    "title": "Affordable Price"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/culture.json b/src/data/Saas/culture.json
deleted file mode 100644
index 6dbabbd..0000000
--- a/src/data/Saas/culture.json
+++ /dev/null
@@ -1,7 +0,0 @@
-[
-  "/assets/img/about/cl1.png",
-  "/assets/img/about/cl2.png",
-  "/assets/img/about/cl3.png",
-  "/assets/img/about/cl1.png",
-  "/assets/img/about/cl2.png"
-]
\ No newline at end of file
diff --git a/src/data/Saas/features-rtl.json b/src/data/Saas/features-rtl.json
deleted file mode 100644
index 8d32d57..0000000
--- a/src/data/Saas/features-rtl.json
+++ /dev/null
@@ -1,42 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/features/1.png",
-    "title": "ساعات العمل والعطلات",
-    "descripition": "مثالي للشركات الموسمية أو التي تعمل بين ساعات محددة."
-  },
-  {
-    "image": "/assets/img/icons/features/2.png",
-    "title": " إدارة قسائم الشراء",
-    "descripition": "قم بإعداد صفقات وعروض لا تقاوم باستخدام أكواد خصم مرنة."
-  },
-  {
-    "image": "/assets/img/icons/features/3.png",
-    "title": "استيراد المنتجات وتصديرها",
-    "descripition": "استيراد المنتجات من وتصدير المنتجات إلى CSV من لوحة معلومات البائع."
-  },
-  {
-    "image": "/assets/img/icons/features/4.png",
-    "title": "نظام الاستعلام وتذاكر الدعم",
-    "descripition": "يساعد التفاعل مع البائعين المشترين على اتخاذ قرارات شراء أفضل."
-  },
-  {
-    "image": "/assets/img/icons/features/5.png",
-    "title": "اشتراك العضوية",
-    "descripition": "عرض خطط عضوية للبائعين ، مجانية ومدفوعة. قبول الرسوم المتكررة."
-  },
-  {
-    "image": "/assets/img/icons/features/6.png",
-    "title": "ملصقات الشحن والفواتير",
-    "descripition": "أصبح تلبية الطلبات أمرًا سهلاً مع فواتير المتجر وملصقات الشحن."
-  },
-  {
-    "image": "/assets/img/icons/features/7.png",
-    "title": " موقع جيو وبحث نصف القطر",
-    "descripition": "السماح بالبحث عن المنتجات أو الخدمات بالقرب من الموقع الحالي للمستخدم."
-  },
-  {
-    "image": "/assets/img/icons/features/8.png",
-    "title": "الشحن والتسليم",
-    "descripition": "مشاركة تتبع عمليات التسليم ، وإخطار عندما تتغير حالة الشحن."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/features.json b/src/data/Saas/features.json
deleted file mode 100644
index c050462..0000000
--- a/src/data/Saas/features.json
+++ /dev/null
@@ -1,42 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/features/1.png",
-    "title": "Store Hours and Vacation",
-    "descripition": "Ideal for businesses that are seasonal or operate between fixed hours."
-  },
-  {
-    "image": "/assets/img/icons/features/2.png",
-    "title": "Coupon Management",
-    "descripition": "Set up irresistible deals and offers with flexible discount promo codes."
-  },
-  {
-    "image": "/assets/img/icons/features/3.png",
-    "title": "Product Import and Export",
-    "descripition": "Import products from and export products to CSV from vendor dashboard."
-  },
-  {
-    "image": "/assets/img/icons/features/4.png",
-    "title": "Inquiry and Support Ticket System",
-    "descripition": "Interaction with sellers help buyers to make better purchase decisions."
-  },
-  {
-    "image": "/assets/img/icons/features/5.png",
-    "title": "Membership Subscription",
-    "descripition": "Offer membership plans for sellers, free and paid. Accept recurring fees."
-  },
-  {
-    "image": "/assets/img/icons/features/6.png",
-    "title": "Invoice and Shipping Labels",
-    "descripition": "Order fulfillment made easy with store invoices and shipping labels."
-  },
-  {
-    "image": "/assets/img/icons/features/7.png",
-    "title": "GEO Location and Radius Search",
-    "descripition": "Allow searching products or services near the user’s current location."
-  },
-  {
-    "image": "/assets/img/icons/features/8.png",
-    "title": "Shipment and Delivery",
-    "descripition": "Share tracking of deliveries, notify when shipping status changes."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/footer.json b/src/data/Saas/footer.json
deleted file mode 100644
index 03f2607..0000000
--- a/src/data/Saas/footer.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "address": {
-    "address1": "223 Thatcher Road St, Brookly,",
-    "address2": "Manhattan, NY 10463, US"
-  },
-  "phone": "+031 5689 89 98",
-  "email": "contact@Itecksolution.co",
-  "usefulLinks": [
-    { "link": "/home-saas-technology", "title": "Home" },
-    { "link": "/page-about-5", "title": "About Iteck" },
-    { "link": "/page-portfolio-5", "title": "Projects" },
-    { "link": "/page-product-5", "title": "product" },
-    { "link": "/page-blog-5", "title": "Blog" },
-    { "link": "/page-contact-5", "title": "Contact" }
-  ],
-  "resources": [
-    { "link": "#", "title": "Online Documentation" },
-    { "link": "#", "title": "Roadmap" },
-    { "link": "#", "title": "Intergrations" },
-    { "link": "#", "title": "FAQs" },
-    { "link": "#", "title": "Help Center" }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Saas/numbers-rtl.json b/src/data/Saas/numbers-rtl.json
deleted file mode 100644
index 78ec2df..0000000
--- a/src/data/Saas/numbers-rtl.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "value": 12,
-    "operator": "+",
-    "title": {
-      "part1": "سنوات",
-      "part2": "من الخبرة"
-    }
-  },
-  {
-    "value": 1565,
-    "operator": null,
-    "title": {
-      "part1": "مشاريع",
-      "part2": "مكتملة"
-    }
-  },
-  {
-    "value": 265,
-    "operator": null,
-    "title": {
-      "part1": "عملاء سعداء من",
-      "part2": "24 دولة"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/numbers.json b/src/data/Saas/numbers.json
deleted file mode 100644
index 0056f9d..0000000
--- a/src/data/Saas/numbers.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "value": 12,
-    "operator": "+",
-    "title": {
-      "part1": "Years",
-      "part2": "of Experience"
-    }
-  },
-  {
-    "value": 1565,
-    "operator": null,
-    "title": {
-      "part1": "Projects",
-      "part2": "completed"
-    }
-  },
-  {
-    "value": 265,
-    "operator": null,
-    "title": {
-      "part1": "Satisfied clients on",
-      "part2": "24 countries"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/plans-rtl.json b/src/data/Saas/plans-rtl.json
deleted file mode 100644
index b63afe8..0000000
--- a/src/data/Saas/plans-rtl.json
+++ /dev/null
@@ -1,156 +0,0 @@
-[
-  {
-    "title": "أساسي",
-    "price": {
-      "monthly": "مجانى",
-      "yearly": "مجانى"
-    },
-    "short_description": "مجانى للابد.!",
-    "description": "بطاقة الإئتمان غير مطالب بها.",
-    "features": [
-      {
-        "title": "مشاريع غير محدودة",
-        "checked": true
-      },
-      {
-        "title": " دعم مدى الحياة واستشارة خبراء تحسين محركات البحث",
-        "checked": true
-      },
-      {
-        "title": "لوحة تحكم متقدمة",
-        "checked": true
-      },
-      {
-        "title": "أمن البيانات والنسخ الاحتياطي",
-        "content": "200 GB"
-      },
-      {
-        "title": "الاستضافة السحابية والمجال",
-        "checked": false
-      },
-      {
-        "title": "تحليل جوجل مجاني",
-        "content": "$5/سنويا"
-      },
-      {
-        "title": "دعم السوق متعدد البائعين",
-        "checked": false
-      },
-      {
-        "title": "تطبيق البائع",
-        "checked": false
-      },
-      {
-        "title": "ترقية تلقائية مدى الحياة ",
-        "checked": false
-      },
-      {
-        "title": "Free SSL Certificate",
-        "checked": false
-      }
-    ]
-  },
-  {
-    "title": "الممتازة",
-    "price": {
-      "monthly": "$49",
-      "yearly": "$49"
-    },
-    "short_description": "مجانى للابد.!",
-    "description": "بطاقة الإئتمان غير مطالب بها.",
-    "bestChoice": true,
-    "features": [
-      {
-        "title": "مشاريع غير محدودة",
-        "checked": true
-      },
-      {
-        "title": " دعم مدى الحياة واستشارة خبراء تحسين محركات البحث",
-        "checked": true
-      },
-      {
-        "title": "لوحة تحكم متقدمة",
-        "checked": true
-      },
-      {
-        "title": "أمن البيانات والنسخ الاحتياطي",
-        "content": "1 TB"
-      },
-      {
-        "title": "الاستضافة السحابية والمجال",
-        "checked": false
-      },
-      {
-        "title": "تحليل جوجل مجاني",
-        "checked": true
-      },
-      {
-        "title": "دعم السوق متعدد البائعين",
-        "checked": false
-      },
-      {
-        "title": "تطبيق البائع",
-        "checked": true
-      },
-      {
-        "title": "ترقية تلقائية مدى الحياة ",
-        "checked": true
-      },
-      {
-        "title": "Free SSL Certificate",
-        "checked": false
-      }
-    ]
-  },
-  {
-    "title": "الخاصة",
-    "price": {
-      "monthly": "$99",
-      "yearly": "$99"
-    },
-    "short_description": "مجانى للابد.!",
-    "description": "بطاقة الإئتمان غير مطالب بها.",
-    "features": [
-      {
-        "title": "مشاريع غير محدودة",
-        "checked": true
-      },
-      {
-        "title": " دعم مدى الحياة واستشارة خبراء تحسين محركات البحث",
-        "checked": true
-      },
-      {
-        "title": "لوحة تحكم متقدمة",
-        "checked": true
-      },
-      {
-        "title": "أمن البيانات والنسخ الاحتياطي",
-        "content": "غير محدود"
-      },
-      {
-        "title": "الاستضافة السحابية والمجال",
-        "checked": true
-      },
-      {
-        "title": "تحليل جوجل مجاني",
-        "content": true
-      },
-      {
-        "title": "دعم السوق متعدد البائعين",
-        "checked": true
-      },
-      {
-        "title": "تطبيق البائع",
-        "checked": true
-      },
-      {
-        "title": "ترقية تلقائية مدى الحياة ",
-        "checked": true
-      },
-      {
-        "title": "Free SSL Certificate",
-        "checked": true
-      }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/plans.json b/src/data/Saas/plans.json
deleted file mode 100644
index 89cc340..0000000
--- a/src/data/Saas/plans.json
+++ /dev/null
@@ -1,156 +0,0 @@
-[
-  {
-    "title": "basic",
-    "price": {
-      "monthly": "Free",
-      "yearly": "Free"
-    },
-    "short_description": "Free forever.!",
-    "description": "No credit card required.",
-    "features": [
-      {
-        "title": "Unlimited Projects",
-        "checked": true
-      },
-      {
-        "title": "Lifetime Support & SEO Experts Consult",
-        "checked": true
-      },
-      {
-        "title": "Advance Dashboard",
-        "checked": true
-      },
-      {
-        "title": "Data Security & Backup",
-        "content": "200 GB"
-      },
-      {
-        "title": "Cloud Hosting & Domain",
-        "checked": false
-      },
-      {
-        "title": "Free Google Analysis",
-        "content": "$5/Year"
-      },
-      {
-        "title": "Multi-Vendor Marketplace Support",
-        "checked": false
-      },
-      {
-        "title": "Seller App",
-        "checked": false
-      },
-      {
-        "title": "Auto Lifetime Upgrade",
-        "checked": false
-      },
-      {
-        "title": "Free SSL Certificate",
-        "checked": false
-      }
-    ]
-  },
-  {
-    "title": "premium Plan",
-    "price": {
-      "monthly": "$49",
-      "yearly": "$49"
-    },
-    "short_description": "Free forever.!",
-    "description": "No credit card required.",
-    "bestChoice": true,
-    "features": [
-      {
-        "title": "Unlimited Projects",
-        "checked": true
-      },
-      {
-        "title": "Lifetime Support & SEO Experts Consult",
-        "checked": true
-      },
-      {
-        "title": "Advance Dashboard",
-        "checked": true
-      },
-      {
-        "title": "Data Security & Backup",
-        "content": "1 TB"
-      },
-      {
-        "title": "Cloud Hosting & Domain",
-        "checked": false
-      },
-      {
-        "title": "Free Google Analysis",
-        "checked": true
-      },
-      {
-        "title": "Multi-Vendor Marketplace Support",
-        "checked": false
-      },
-      {
-        "title": "Seller App",
-        "checked": true
-      },
-      {
-        "title": "Auto Lifetime Upgrade",
-        "checked": true
-      },
-      {
-        "title": "Free SSL Certificate",
-        "checked": false
-      }
-    ]
-  },
-  {
-    "title": "ultimate",
-    "price": {
-      "monthly": "$99",
-      "yearly": "$99"
-    },
-    "short_description": "Free forever.!",
-    "description": "No credit card required.",
-    "features": [
-      {
-        "title": "Unlimited Projects",
-        "checked": true
-      },
-      {
-        "title": "Lifetime Support & SEO Experts Consult",
-        "checked": true
-      },
-      {
-        "title": "Advance Dashboard",
-        "checked": true
-      },
-      {
-        "title": "Data Security & Backup",
-        "content": "Unlimited"
-      },
-      {
-        "title": "Cloud Hosting & Domain",
-        "checked": true
-      },
-      {
-        "title": "Free Google Analysis",
-        "content": true
-      },
-      {
-        "title": "Multi-Vendor Marketplace Support",
-        "checked": true
-      },
-      {
-        "title": "Seller App",
-        "checked": true
-      },
-      {
-        "title": "Auto Lifetime Upgrade",
-        "checked": true
-      },
-      {
-        "title": "Free SSL Certificate",
-        "checked": true
-      }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/services-rtl.json b/src/data/Saas/services-rtl.json
deleted file mode 100644
index 5100b48..0000000
--- a/src/data/Saas/services-rtl.json
+++ /dev/null
@@ -1,37 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/serv_icons/16.png",
-    "info": "استراتيجية المحتوى",
-    "text": "يمكنك تقديم الإجابات التي يحاول عملاؤك المحتملون تقديمها وتقديم اجابات لها"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/15.png",
-    "info": "اعلانات جوجل وفيسبوك",
-    "text": "احصل على المزيد من المشاهدات على الويب والمزيد من العملاء والمزيد من الظهور عبر الإنترنت باستخدام خدمات قوية لتحسين محركات البحث."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/14.png",
-    "info": "التسويق عبر البريد الإلكتروني",
-    "text": "يجب أن يبهر موقع الويب الخاص بك زوار موقعك في غضون ثوانٍ قليلة"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/17.png",
-    "info": "وسائل التواصل الاجتماعي",
-    "text": "احصل على المزيد من المشاهدات على الموقع ، والمزيد من العملاء لقناتك الاجتماعية"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/18.png",
-    "info": "تصميم وتطوير الموقع",
-    "text": "يجب أن يبهر موقع الويب الخاص بك زوار موقعك في غضون ثوانٍ قليلة. إذا كان يعمل ببطء ، إذا شعرت أنه قديم"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/19.png",
-    "info": "انواع مختلفه للتسويق الالكترونى",
-    "text": "تحسين موقع الويب الخاص بك على نتائج جوجل باستخدام PPC للتسويق الألكترونى"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/20.png",
-    "info": "اعلانات القدرة الشرائيه",
-    "text": "تحسين موقع الويب الخاص بك على نتائج جوجل باستخدام PPC للتسويق الألكترونى"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/services.json b/src/data/Saas/services.json
deleted file mode 100644
index 7b7406d..0000000
--- a/src/data/Saas/services.json
+++ /dev/null
@@ -1,37 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/serv_icons/16.png",
-    "info": "Content Strategy",
-    "text": "You can provide the answers that your potential customers are trying to find, so you can become the industry."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/15.png",
-    "info": "Google/FB Ads",
-    "text": "Get more website traffic, more customers & more online visibility with powerful SEO services."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/14.png",
-    "info": "Email Marketing",
-    "text": "Your website has to impress your visitors within just a few seconds"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/17.png",
-    "info": "Social Media",
-    "text": "Get more website traffic, more customers for your social chanel"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/18.png",
-    "info": "Website Design and Development",
-    "text": "Your website has to impress your visitors within just a few seconds. If it runs slow, if it feels outdated"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/19.png",
-    "info": "TVC/ Viral Clip",
-    "text": "Optimized your website on google result with PPC Marketing"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/20.png",
-    "info": "PPC Ads",
-    "text": "Optimized your website on google result with PPC Marketing"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/team-rtl.json b/src/data/Saas/team-rtl.json
deleted file mode 100644
index 75b375a..0000000
--- a/src/data/Saas/team-rtl.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.jpeg",
-    "name": "مايكل إدواردز",
-    "position": "مؤسس . الرئيس التنفيذي"
-  },
-  {
-    "picture": "/assets/img/team/5.jpeg",
-    "name": "بوبي كين",
-    "position": "CTO"
-  },
-  {
-    "picture": "/assets/img/team/3.jpeg",
-    "name": "روبرت داوني",
-    "position": "مدير المشروع"
-  },
-  {
-    "picture": "/assets/img/team/4.jpeg",
-    "name": "أندرو روبرتسون",
-    "position": "قائد تسويق"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/team.json b/src/data/Saas/team.json
deleted file mode 100644
index e0e95a0..0000000
--- a/src/data/Saas/team.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.jpeg",
-    "name": "Michael Edwards",
-    "position": "CEO Founder"
-  },
-  {
-    "picture": "/assets/img/team/5.jpeg",
-    "name": "Bobby Kane",
-    "position": "CTO"
-  },
-  {
-    "picture": "/assets/img/team/3.jpeg",
-    "name": "Robert Downey Jr",
-    "position": "Project Manager"
-  },
-  {
-    "picture": "/assets/img/team/4.jpeg",
-    "name": "Andrew Robertson",
-    "position": "Marketing Leader"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/testimonials-rtl.json b/src/data/Saas/testimonials-rtl.json
deleted file mode 100644
index 8e4a513..0000000
--- a/src/data/Saas/testimonials-rtl.json
+++ /dev/null
@@ -1,38 +0,0 @@
-[
-  {
-    "stars": 5,
-    "comment": "“أفضل لوحة تحكم لمتجرك ، woo أو shopify. قوية ومرنة للغاية. مُستَحسَن!”",
-    "author": {
-      "image": "/assets/img/team/1.jpeg",
-      "name": "توماس اريستين",
-      "position": "مدير مبيعات في Amazon Retail"
-    }
-  },
-  {
-    "stars": 5,
-    "comment": "“تقدم Iteck الكثير من الميزات للمساعدة في زيادة CRO بشكل مذهل.”",
-    "author": {
-      "image": "/assets/img/team/2.jpeg",
-      "name": "كارلوس مارتينيلي",
-      "position": "مدير مبيعات بشركة اى باي"
-    }
-  },
-  {
-    "stars": 5,
-    "comment": "“شكرا جزيلا لدعم فريق Iteck. سريع ومهني وودود للغاية. هذا المنتج يتم تحديثه وتحسينه كل يوم.”",
-    "author": {
-      "image": "/assets/img/team/3.jpeg",
-      "name": "إدوارد ميندي",
-      "position": "مدير مبيعات"
-    }
-  },
-  {
-    "stars": 5,
-    "comment": "“10/10 لجميع ما يتعلق بلوحة معلومات Iteck E-Com. إنه مثالي للغاية!”",
-    "author": {
-      "image": "/assets/img/team/4.jpeg",
-      "name": "لوكاس ديني",
-      "position": "بيع إدارة المنتجات في فليبكارت"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Saas/testimonials.json b/src/data/Saas/testimonials.json
deleted file mode 100644
index f207d4c..0000000
--- a/src/data/Saas/testimonials.json
+++ /dev/null
@@ -1,38 +0,0 @@
-[
-  {
-    "stars": 5,
-    "comment": "“Best dashboard for any your store, woo or shopify. Powerful and very flexiable. Recommended!”",
-    "author": {
-      "image": "/assets/img/team/1.jpeg",
-      "name": "Thomas Eristen",
-      "position": "Sale Director at Amazon Retail"
-    }
-  },
-  {
-    "stars": 5,
-    "comment": "“Iteck provide very much features to help increase CRO so amazing.”",
-    "author": {
-      "image": "/assets/img/team/2.jpeg",
-      "name": "Carlos Martinelli",
-      "position": "SEO & Marketing at Ebay Global"
-    }
-  },
-  {
-    "stars": 5,
-    "comment": "“Big thank to team support of Iteck. Fast, professional and extremly friendly. This product alway update and ehance everyday.”",
-    "author": {
-      "image": "/assets/img/team/3.jpeg",
-      "name": "Eduard Mendy",
-      "position": "VP of Sale Development"
-    }
-  },
-  {
-    "stars": 5,
-    "comment": "“Best dashboard for any your store, woo or shopify. Powerful and very flexiable. Recommended!”",
-    "author": {
-      "image": "/assets/img/team/4.jpeg",
-      "name": "Lucas Digne",
-      "position": "Sale Product Management at Flipkart"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/SinglePost/all-news-rtl.json b/src/data/SinglePost/all-news-rtl.json
deleted file mode 100644
index d694ad0..0000000
--- a/src/data/SinglePost/all-news-rtl.json
+++ /dev/null
@@ -1,80 +0,0 @@
-{
-  "title": "اتجاه التشفير 2023",
-  "time": "منذ 15 يوم",
-  "type": "اخبار",
-  "user": {
-    "name": "الادمن",
-    "imgLetter": "a"
-  },
-  "commentsCount": 24,
-  "viewsCount": "774k",
-  "commentCard": {
-    "user": {
-      "picture": "/assets/img/team/3.jpeg",
-      "name": "راسيل"
-    },
-    "date": "@russelb  - 15 Dec, 2022",
-    "text": "وعند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد"
-  },
-  "comments": [
-    {
-      "user": {
-        "picture": "/assets/img/team/2.jpeg",
-        "name": "روبيرت داونى"
-      },
-      "time": "منذ 3 ساعات",
-      "content": "وعند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد",
-      "replies": [
-        {
-          "user": {
-            "picture": "/assets/img/team/5.jpeg",
-            "name": "جاكوب"
-          },
-          "time": "منذ يومين",
-          "content": "وعند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد"
-        }
-      ]
-    },
-    {
-      "user": {
-        "picture": "/assets/img/team/4.jpeg",
-        "name": "بين كويل"
-      },
-      "time": "ديسمبر 25, 2022",
-      "content": "وعند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد",
-      "replies": []
-    }
-  ],
-  "sidebar": {
-    "recentPosts": [
-      { "title": "اتجاه التشفير 2023", "image": "/assets/img/blog/1.jpeg" },
-      { "title": "كيف تصبح مطور ويب ", "image": "/assets/img/blog/2.jpeg" },
-      { "title": "المخططات ل UI/UX", "image": "/assets/img/blog/3.jpeg" },
-      { "title": "AI مع بصمة الإصبع", "image": "/assets/img/blog/7.png" }
-    ],
-    "categories": [
-      { "title": "الكل", "count": 265 },
-      { "title": "أخبار", "count": 38 },
-      { "title": "تكنولوجيا", "count": 16 },
-      { "title": "نصائح وافكار", "count": 85 },
-      { "title": "الوظائف", "count": 21 },
-      { "title": "تواصل اجتماعي", "count": 874 },
-      { "title": "فيديو", "count": 54 },
-      { "title": "اخر", "count": 85 }
-    ],
-    "instagram": [
-      "/assets/img/blog/1.jpeg",
-      "/assets/img/blog/10.png",
-      "/assets/img/blog/11.png",
-      "/assets/img/blog/12.png",
-      "/assets/img/blog/2.jpeg",
-      "/assets/img/blog/3.jpeg"
-    ],
-    "tags": [
-      "ووردبريس", "بي أتش بي", "HTML/CSS",
-      "فيجما", "تكنولوجى", "تسويق",
-      "استشارة", "سيو", "إنفاتو",
-      "فوتوشوب"
-    ]
-  }
-}
\ No newline at end of file
diff --git a/src/data/SinglePost/all-news.json b/src/data/SinglePost/all-news.json
deleted file mode 100644
index b9008b8..0000000
--- a/src/data/SinglePost/all-news.json
+++ /dev/null
@@ -1,80 +0,0 @@
-{
-  "title": "Crypto Trend 2023",
-  "time": "15 Days ago",
-  "type": "news",
-  "user": {
-    "name": "Admin",
-    "imgLetter": "a"
-  },
-  "commentsCount": 24,
-  "viewsCount": "774k",
-  "commentCard": {
-    "user": {
-      "picture": "/assets/img/team/3.jpeg",
-      "name": "Russel B."
-    },
-    "date": "@russelb  - 15 Dec, 2022",
-    "text": "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum sed ut perspiciatis unde. Lorem ispum dolor sit amet"
-  },
-  "comments": [
-    {
-      "user": {
-        "picture": "/assets/img/team/2.jpeg",
-        "name": "Robert Downey Jr"
-      },
-      "time": "3 hours ago",
-      "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Atume nusaate staman utra phone limo sumeria",
-      "replies": [
-        {
-          "user": {
-            "picture": "/assets/img/team/5.jpeg",
-            "name": "Tobey McGuire"
-          },
-          "time": "2 dayes ago",
-          "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Atume nusaate staman utra phone limo sumeria"
-        }
-      ]
-    },
-    {
-      "user": {
-        "picture": "/assets/img/team/4.jpeg",
-        "name": "Ben Chiwell"
-      },
-      "time": "December 25, 2022",
-      "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Atume nusaate staman utra phone limo sumeria",
-      "replies": []
-    }
-  ],
-  "sidebar": {
-    "recentPosts": [
-      { "title": "Crypto Trend 2023", "image": "/assets/img/blog/1.jpeg" },
-      { "title": "How To Become Web Developer", "image": "/assets/img/blog/2.jpeg" },
-      { "title": "Wireframe for UI/UX", "image": "/assets/img/blog/3.jpeg" },
-      { "title": "AI With Fingerprint", "image": "/assets/img/blog/7.png" }
-    ],
-    "categories": [
-      { "title": "all", "count": 265 },
-      { "title": "News", "count": 38 },
-      { "title": "Technology", "count": 16 },
-      { "title": "Tips & Tricks", "count": 85 },
-      { "title": "Career", "count": 21 },
-      { "title": "Community", "count": 874 },
-      { "title": "Videos", "count": 54 },
-      { "title": "Others", "count": 85 }
-    ],
-    "instagram": [
-      "/assets/img/blog/1.jpeg",
-      "/assets/img/blog/10.png",
-      "/assets/img/blog/11.png",
-      "/assets/img/blog/12.png",
-      "/assets/img/blog/2.jpeg",
-      "/assets/img/blog/3.jpeg"
-    ],
-    "tags": [
-      "WordPress", "PHP", "HTML/CSS",
-      "Figma", "Technology", "Marketing",
-      "Consultation", "Seo", "Envato",
-      "Psd"
-    ]
-  }
-}
\ No newline at end of file
diff --git a/src/data/SinglePost/posts-rtl.json b/src/data/SinglePost/posts-rtl.json
deleted file mode 100644
index 23c4313..0000000
--- a/src/data/SinglePost/posts-rtl.json
+++ /dev/null
@@ -1,35 +0,0 @@
-[
-  {
-    "image": "/assets/img/blog/1.jpeg",
-    "type": "اخبار",
-    "time": "منذ 3 ايام",
-    "title": "اتجاه التشفير 2023",
-    "short_desc": "إذا كانت هناك طريقة واحدة غيرت بها التكنولوجيا اللاسلكية طريقة عملنا.",
-    "userImgLetter": "a",
-    "username": "الادمن",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "image": "/assets/img/blog/7.png",
-    "type": "اخبار",
-    "time": "منذ 3 ايام",
-    "title": "AI مع بصمة الإصبع",
-    "short_desc": "إذا كانت هناك طريقة واحدة غيرت بها التكنولوجيا اللاسلكية طريقة عملنا.",
-    "userImgLetter": "a",
-    "username": "الادمن",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "image": "/assets/img/blog/5.png",
-    "type": "اخبار",
-    "time": "منذ 3 ايام",
-    "title": "لعبة NFT! فرصة جديدة",
-    "short_desc": "إذا كانت هناك طريقة واحدة غيرت بها التكنولوجيا اللاسلكية طريقة عملنا.",
-    "userImgLetter": "a",
-    "username": "الادمن",
-    "comments": "24",
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/SinglePost/posts.json b/src/data/SinglePost/posts.json
deleted file mode 100644
index 0c6530a..0000000
--- a/src/data/SinglePost/posts.json
+++ /dev/null
@@ -1,35 +0,0 @@
-[
-  {
-    "image": "/assets/img/blog/1.jpeg",
-    "type": "News",
-    "time": "3 Days ago",
-    "title": "Crypto Trend 2023",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work.",
-    "userImgLetter": "a",
-    "username": "Admin",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "image": "/assets/img/blog/7.png",
-    "type": "News",
-    "time": "3 Days ago",
-    "title": "AI With Fingerprint",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work.",
-    "userImgLetter": "a",
-    "username": "Admin",
-    "comments": "24",
-    "views": "774k"
-  },
-  {
-    "image": "/assets/img/blog/5.png",
-    "type": "News",
-    "time": "3 Days ago",
-    "title": "NFT Game! New Oppoturnity",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work.",
-    "userImgLetter": "a",
-    "username": "Admin",
-    "comments": "24",
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/SingleProject/about-rtl.json b/src/data/SingleProject/about-rtl.json
deleted file mode 100644
index e198b18..0000000
--- a/src/data/SingleProject/about-rtl.json
+++ /dev/null
@@ -1,27 +0,0 @@
-[
-  {
-    "title": "عميل",
-    "description": {
-      "part1": "مايكروسوفت القابضة المحدودة, ",
-      "part2": " منطقة أستراليا"
-    }
-  },
-  {
-    "title": "خدمات",
-    "description": {
-      "part1": "استشارات تكنولوجيا المعلومات ،",
-      "part2": " تصميم UI / UX ، الخدمة السحابية"
-    }
-  },
-  {
-    "title": "تاريخ",
-    "description": "فبراير 25th, 2022"
-  },
-  {
-    "title": "الفريق",
-    "description": {
-      "part1": "لوجان سي - مصمم",
-      "part2": "مارتن موسى - مطور iOS"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/SingleProject/about.json b/src/data/SingleProject/about.json
deleted file mode 100644
index 3f91ec9..0000000
--- a/src/data/SingleProject/about.json
+++ /dev/null
@@ -1,24 +0,0 @@
-[
-  {
-    "title": "client",
-    "description": {
-      "part1": "Micosoft Holding Ltd, ",
-      "part2": " Australia Area"
-    }
-  },
-  {
-    "title": "services",
-    "description": "IT Consultation, UI/UX Design, Cloud Service"
-  },
-  {
-    "title": "date",
-    "description": "Feburary 25th, 2022"
-  },
-  {
-    "title": "team",
-    "description": {
-      "part1": "Logan Cee - Designer",
-      "part2": "Martin Moussa - iOS Developer"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/SingleProject/challenge-rtl.json b/src/data/SingleProject/challenge-rtl.json
deleted file mode 100644
index 248d1ce..0000000
--- a/src/data/SingleProject/challenge-rtl.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "challenge": [
-    "تطوير موقع ويب سهل العثور عليه وسهل التنقل فيه",
-    "اعرض كل نوع من أنواع المحتوى: الكتب التفاعلية وقصص الرسوم المتحركة والكتب المصورة والقصص الصوتية. أنشئ تجربة يرغب الأشخاص في مشاركتها مع الآخرين",
-    "اقنع بتنزيل التطبيق والاشتراك"
-  ],
-  "feats": [
-    "إنشاء وحفظ الملاحظات الخاصة بك مع الوسائط المتعددة",
-    "محرر الملاحظات الكامل مع خيارات النص المنسق",
-    "ملحق Web Clipper",
-    "مزامنة تلقائية في الوقت الحقيقي"
-  ]
-}
diff --git a/src/data/SingleProject/challenge.json b/src/data/SingleProject/challenge.json
deleted file mode 100644
index 4831a99..0000000
--- a/src/data/SingleProject/challenge.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "challenge": [
-    "Develop easy-to-find and easy-to-navigate mobile friendly website",
-    "Showcase each type of content: interactive books, animated stories and picture books, audio stories. <br /> Create an experience people want to share with others",
-    "Persuade to download app and subscribe"
-  ],
-  "feats": [
-    "Create & Save your notes with multi-media",
-    "Complete note editor with rich text options",
-    "Web Clipper Extension",
-    "Automatically sync in real time"
-  ]
-}
diff --git a/src/data/SingleProject/projects-rtl.json b/src/data/SingleProject/projects-rtl.json
deleted file mode 100644
index c9a9b1f..0000000
--- a/src/data/SingleProject/projects-rtl.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "image": "/assets/img/projects/4.png",
-    "title": "اوك باي المحفظة الإلكترونية ",
-    "type": ["تحليل البيانات"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["تحليل البيانات", "استراتيجية المحتوى"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "لوحه تحكم للماركت",
-    "type": ["تصميم", "برمجة"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["وردبريس", "بي اتش بي", "HTML/CSS", "فيجما"]
-  },
-  {
-    "image": "/assets/img/projects/7.png",
-    "title": "انستجرام",
-    "type": ["مواقع التواصل الاجتماعي"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["تواصل اجتماعى", "انستجرام", "متابعين"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "لوحه تحكم للماركت",
-    "type": ["تصميم", "برمجة"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["وردبريس", "بي اتش بي", "HTML/CSS", "فيجما"]
-  }
-]
\ No newline at end of file
diff --git a/src/data/SingleProject/projects.json b/src/data/SingleProject/projects.json
deleted file mode 100644
index bda4569..0000000
--- a/src/data/SingleProject/projects.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "image": "/assets/img/projects/4.png",
-    "title": "Okpay E-Wallet Optimized",
-    "type": ["SEO analysis"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["SEO Analysis", "Content Strategy"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "e-Commerce Dashboard",
-    "type": ["website design", "develoment"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-  },
-  {
-    "image": "/assets/img/projects/7.png",
-    "title": "MLB Store Instagram",
-    "type": ["social media"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Social", "Instagram", "Followers"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "e-Commerce Dashboard",
-    "type": ["website design", "develoment"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/blog-rtl.json b/src/data/Startup/blog-rtl.json
deleted file mode 100644
index f343696..0000000
--- a/src/data/Startup/blog-rtl.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/9.png",
-    "time": "منذ 3 أيام",
-    "title": "استراتيجية سير العمل للمتجر الإلكتروني",
-    "short_desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-    "placeholderImageText": "a",
-    "author": "دايفيد",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/10.png",
-    "time": "منذ 12 يوم",
-    "title": "6 نصائح لمساعدتك على بناء كفاءتك على وسائل التواصل الاجتماعي",
-    "short_desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-    "placeholderImageText": "a",
-    "author": "دايفيد",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/11.png",
-    "time": "منذ 12 يوم",
-    "title": "اتجاه التسويق مع Tiktok ، هل يجب أم لا؟",
-    "short_desc": "إذا كانت هناك طريقة واحدة غيّرت بها التكنولوجيا اللاسلكية الطريقة التي نعمل بها ، فسيكون الجميع متصلين الآن",
-    "placeholderImageText": "a",
-    "author": "دايفيد",
-    "comments": 24,
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/blog.json b/src/data/Startup/blog.json
deleted file mode 100644
index 11545c7..0000000
--- a/src/data/Startup/blog.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "cover": "/assets/img/blog/9.png",
-    "time": "3 Days ago",
-    "title": "Workflow Strategy for E-shop",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "David",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/10.png",
-    "time": "12 Days ago",
-    "title": "6 Tips To Help You Build Your Social Media Effeciency",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "David",
-    "comments": 24,
-    "views": "774k"
-  },
-  {
-    "cover": "/assets/img/blog/11.png",
-    "time": "3 Days ago",
-    "title": "The Trend of Marketing With Tiktok, Should or not?",
-    "short_desc": "If there’s one way that wireless technology has changed the way we work, it’s that will everyone is now connected",
-    "placeholderImageText": "a",
-    "author": "David",
-    "comments": 24,
-    "views": "774k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/chooseus-rtl.json b/src/data/Startup/chooseus-rtl.json
deleted file mode 100644
index 28b8a53..0000000
--- a/src/data/Startup/chooseus-rtl.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/ch4.png",
-    "title": "سعر مناسب",
-    "text": "إن الانغماس في تقنية النانو على طول ارتفاع المعلومات سوف يغلق الحلقة في التركيز فقط"
-  },
-  {
-    "image": "/assets/img/icons/ch5.png",
-    "title": "خبراء استشاريون من الدرجة الأولى",
-    "text": "سيقدم خبراؤنا المتميزون الذين يتمتعون بسنوات عديدة من الخبرة في مجال الشهادات أفضل الحلول لعملك"
-  },
-  {
-    "image": "/assets/img/icons/ch6.png",
-    "title": "دعم مخصص 24/7",
-    "text": "دعم العملاء هو دائمًا أولويتنا الأولى."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/chooseus.json b/src/data/Startup/chooseus.json
deleted file mode 100644
index 45dbe03..0000000
--- a/src/data/Startup/chooseus.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
-  {
-    "image": "/assets/img/icons/ch4.png",
-    "title": "Affordable Price",
-    "text": "Nanotechnology immersion along the information high will close the loop on focusing solely"
-  },
-  {
-    "image": "/assets/img/icons/ch5.png",
-    "title": "Top-notch Experts Consulting",
-    "text": "Our top-notch Experts with much years of experience certail will give best solutions for your business"
-  },
-  {
-    "image": "/assets/img/icons/ch6.png",
-    "title": "Dedicated Support 24/7",
-    "text": "Customer support is always our number one priority."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/clients.json b/src/data/Startup/clients.json
deleted file mode 100644
index 8393e04..0000000
--- a/src/data/Startup/clients.json
+++ /dev/null
@@ -1,12 +0,0 @@
-[
-  "/assets/img/logos/7.png",
-  "/assets/img/logos/8.png",
-  "/assets/img/logos/9.png",
-  "/assets/img/logos/10.png",
-  "/assets/img/logos/11.png",
-  "/assets/img/logos/12.png",
-  "/assets/img/logos/13.png",
-  "/assets/img/logos/14.png",
-  "/assets/img/logos/15.png",
-  "/assets/img/logos/16.png"
-]
\ No newline at end of file
diff --git a/src/data/Startup/footer-rtl.json b/src/data/Startup/footer-rtl.json
deleted file mode 100644
index dcdfa65..0000000
--- a/src/data/Startup/footer-rtl.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "address": "223 شارع طريق تاتشر ، مانهاتن",
-  "phone": "+031 5689 89 98",
-  "email": "contact@itecksolution.co",
-  "services": [
-    { "link": "#", "title": "تحليل البيانات" },
-    { "link": "#", "title": "استراتيجية المحتوى" },
-    { "link": "#", "title": "الحماية من القرصنة" },
-    { "link": "#", "title": "وسائل التواصل الاجتماعي" },
-    { "link": "#", "title": "تصميم وتطوير المواقع الإلكترونية" },
-    { "link": "#", "title": "اعلانات جوجل وفيسبوك" }
-  ],
-  "information": [
-    { "link": "/rtl-page-about", "title": "من نحن" },
-    { "link": "#", "title": "المستثمرون" },
-    { "link": "/rtl-page-blog", "title": "المدونة" },
-    { "link": "/rtl-page-contact", "title": "اتصل بنا" },
-    { "link": "/rtl-page-about", "title": "كيف نعمل" },
-    { "link": "#", "title": "خطة الاسعار" },
-    { "link": "#", "title": "اخبار كوفيد" }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Startup/footer.json b/src/data/Startup/footer.json
deleted file mode 100644
index 737bf8c..0000000
--- a/src/data/Startup/footer.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "address": "223 Thatcher Road St, Manhattan",
-  "phone": "+031 5689 89 98",
-  "email": "contact@itecksolution.co",
-  "services": [
-    { "link": "#", "title": "SEO Analysis" },
-    { "link": "#", "title": "Content Strategy" },
-    { "link": "#", "title": "Growth Hacking" },
-    { "link": "#", "title": "Social Media" },
-    { "link": "#", "title": "Web Design & Develoment" },
-    { "link": "#", "title": "Google/FB Ads" }
-  ],
-  "information": [
-    { "link": "/page-about-5", "title": "About Itekseo" },
-    { "link": "#", "title": "Investors" },
-    { "link": "/page-blog-5", "title": "Blog" },
-    { "link": "/page-contact-5", "title": "Contact" },
-    { "link": "/page-about-5", "title": "How It Works" },
-    { "link": "#", "title": "Pricing Plan" },
-    { "link": "#", "title": "Covid-19 Update" }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Startup/numbers-rtl.json b/src/data/Startup/numbers-rtl.json
deleted file mode 100644
index 78ec2df..0000000
--- a/src/data/Startup/numbers-rtl.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "value": 12,
-    "operator": "+",
-    "title": {
-      "part1": "سنوات",
-      "part2": "من الخبرة"
-    }
-  },
-  {
-    "value": 1565,
-    "operator": null,
-    "title": {
-      "part1": "مشاريع",
-      "part2": "مكتملة"
-    }
-  },
-  {
-    "value": 265,
-    "operator": null,
-    "title": {
-      "part1": "عملاء سعداء من",
-      "part2": "24 دولة"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/numbers.json b/src/data/Startup/numbers.json
deleted file mode 100644
index 0056f9d..0000000
--- a/src/data/Startup/numbers.json
+++ /dev/null
@@ -1,26 +0,0 @@
-[
-  {
-    "value": 12,
-    "operator": "+",
-    "title": {
-      "part1": "Years",
-      "part2": "of Experience"
-    }
-  },
-  {
-    "value": 1565,
-    "operator": null,
-    "title": {
-      "part1": "Projects",
-      "part2": "completed"
-    }
-  },
-  {
-    "value": 265,
-    "operator": null,
-    "title": {
-      "part1": "Satisfied clients on",
-      "part2": "24 countries"
-    }
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/project-rtl.json b/src/data/Startup/project-rtl.json
deleted file mode 100644
index 87648d5..0000000
--- a/src/data/Startup/project-rtl.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "image": "/assets/img/projects/4.png",
-    "title": "اوك باي المحفظة الإلكترونية ",
-    "type": ["تحليل البيانات"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["تحليل البيانات", "استراتيجية المحتوى"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "لوحة التجارة الإلكترونية",
-    "type": ["تصميم", "برمجة"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["وردبريس", "بي اتش بي", "HTML/CSS", "فيجما"]
-  },
-  {
-    "image": "/assets/img/projects/7.png",
-    "title": "متجر انستجرام",
-    "type": ["مواقع التواصل الاجتماعي"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["تواصل اجتماعى", "انستجرام", "متابعين"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "لوحه تحكم للمتاجر",
-    "type": ["تصميم", "برمجة"],
-    "text": "ثق في عقولنا العليا للتخلص من نقاط ضعف سير العمل ، وتنفيذ التكنولوجيا والتطبيق الجديد.",
-    "tags": ["وردبريس", "بي اتش بي", "HTML/CSS", "فيجما"]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/project.json b/src/data/Startup/project.json
deleted file mode 100644
index bda4569..0000000
--- a/src/data/Startup/project.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "image": "/assets/img/projects/4.png",
-    "title": "Okpay E-Wallet Optimized",
-    "type": ["SEO analysis"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["SEO Analysis", "Content Strategy"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "e-Commerce Dashboard",
-    "type": ["website design", "develoment"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-  },
-  {
-    "image": "/assets/img/projects/7.png",
-    "title": "MLB Store Instagram",
-    "type": ["social media"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["Social", "Instagram", "Followers"]
-  },
-  {
-    "image": "/assets/img/projects/5.png",
-    "title": "e-Commerce Dashboard",
-    "type": ["website design", "develoment"],
-    "text": "Trust our top minds to eliminate workflow pain points, implement new tech & app.",
-    "tags": ["WordPress", "PHP", "HTML/CSS", "Figma"]
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/services-rtl.json b/src/data/Startup/services-rtl.json
deleted file mode 100644
index 5100b48..0000000
--- a/src/data/Startup/services-rtl.json
+++ /dev/null
@@ -1,37 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/serv_icons/16.png",
-    "info": "استراتيجية المحتوى",
-    "text": "يمكنك تقديم الإجابات التي يحاول عملاؤك المحتملون تقديمها وتقديم اجابات لها"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/15.png",
-    "info": "اعلانات جوجل وفيسبوك",
-    "text": "احصل على المزيد من المشاهدات على الويب والمزيد من العملاء والمزيد من الظهور عبر الإنترنت باستخدام خدمات قوية لتحسين محركات البحث."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/14.png",
-    "info": "التسويق عبر البريد الإلكتروني",
-    "text": "يجب أن يبهر موقع الويب الخاص بك زوار موقعك في غضون ثوانٍ قليلة"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/17.png",
-    "info": "وسائل التواصل الاجتماعي",
-    "text": "احصل على المزيد من المشاهدات على الموقع ، والمزيد من العملاء لقناتك الاجتماعية"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/18.png",
-    "info": "تصميم وتطوير الموقع",
-    "text": "يجب أن يبهر موقع الويب الخاص بك زوار موقعك في غضون ثوانٍ قليلة. إذا كان يعمل ببطء ، إذا شعرت أنه قديم"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/19.png",
-    "info": "انواع مختلفه للتسويق الالكترونى",
-    "text": "تحسين موقع الويب الخاص بك على نتائج جوجل باستخدام PPC للتسويق الألكترونى"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/20.png",
-    "info": "اعلانات القدرة الشرائيه",
-    "text": "تحسين موقع الويب الخاص بك على نتائج جوجل باستخدام PPC للتسويق الألكترونى"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/services.json b/src/data/Startup/services.json
deleted file mode 100644
index 7b7406d..0000000
--- a/src/data/Startup/services.json
+++ /dev/null
@@ -1,37 +0,0 @@
-[
-  {
-    "img": "/assets/img/icons/serv_icons/16.png",
-    "info": "Content Strategy",
-    "text": "You can provide the answers that your potential customers are trying to find, so you can become the industry."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/15.png",
-    "info": "Google/FB Ads",
-    "text": "Get more website traffic, more customers & more online visibility with powerful SEO services."
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/14.png",
-    "info": "Email Marketing",
-    "text": "Your website has to impress your visitors within just a few seconds"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/17.png",
-    "info": "Social Media",
-    "text": "Get more website traffic, more customers for your social chanel"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/18.png",
-    "info": "Website Design and Development",
-    "text": "Your website has to impress your visitors within just a few seconds. If it runs slow, if it feels outdated"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/19.png",
-    "info": "TVC/ Viral Clip",
-    "text": "Optimized your website on google result with PPC Marketing"
-  },
-  {
-    "img": "/assets/img/icons/serv_icons/20.png",
-    "info": "PPC Ads",
-    "text": "Optimized your website on google result with PPC Marketing"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/team-rtl.json b/src/data/Startup/team-rtl.json
deleted file mode 100644
index cb938a1..0000000
--- a/src/data/Startup/team-rtl.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.jpeg",
-    "name": "مايكل إدواردز",
-    "position": "مؤسس الرئيس التنفيذي"
-  },
-  {
-    "picture": "/assets/img/team/5.jpeg",
-    "name": "بوبي كين",
-    "position": "CTO"
-  },
-  {
-    "picture": "/assets/img/team/3.jpeg",
-    "name": "روبرت داوني",
-    "position": "مدير المشروع"
-  },
-  {
-    "picture": "/assets/img/team/4.jpeg",
-    "name": "أندرو روبرتسون",
-    "position": "قائد تسويق"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Startup/team.json b/src/data/Startup/team.json
deleted file mode 100644
index e0e95a0..0000000
--- a/src/data/Startup/team.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "picture": "/assets/img/team/1.jpeg",
-    "name": "Michael Edwards",
-    "position": "CEO Founder"
-  },
-  {
-    "picture": "/assets/img/team/5.jpeg",
-    "name": "Bobby Kane",
-    "position": "CTO"
-  },
-  {
-    "picture": "/assets/img/team/3.jpeg",
-    "name": "Robert Downey Jr",
-    "position": "Project Manager"
-  },
-  {
-    "picture": "/assets/img/team/4.jpeg",
-    "name": "Andrew Robertson",
-    "position": "Marketing Leader"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Style2/about.json b/src/data/Style2/about.json
deleted file mode 100644
index 484291e..0000000
--- a/src/data/Style2/about.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "tablist": [
-    {
-      "id": "abt1-tab",
-      "tab_id": "abt1",
-      "text": "Our Mission"
-    },
-    {
-      "id": "abt2-tab",
-      "tab_id": "abt2",
-      "text": "Our vision"
-    },
-    {
-      "id": "abt3-tab",
-      "tab_id": "abt1",
-      "text": "Our Goal"
-    }
-  ],
-  "tabpanels": [
-    {
-      "id": "abt1",
-      "text": "The uploading and updating processes made by suppliers can be streamlined through front-end dashboards that create better ease of access."
-    },
-    {
-      "id": "abt2",
-      "text": "The uploading and updating processes made by suppliers can be streamlined through front-end dashboards that create better ease of access."
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Style2/blogs.json b/src/data/Style2/blogs.json
deleted file mode 100644
index 2f0200d..0000000
--- a/src/data/Style2/blogs.json
+++ /dev/null
@@ -1,20 +0,0 @@
-[
-  {
-    "image": "/assets/img/blog/19.jpg",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Best unlocked me an striking perceive."
-  },
-  {
-    "image": "/assets/img/blog/20.jpg",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Me in resolution pianoforte continuing we."
-  },
-  {
-    "image": "/assets/img/blog/21.jpg",
-    "date": "Nov 21, 2022",
-    "author": "Admin",
-    "title": "Most my no spot felt by no he in forfeited."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Style2/career-positions.json b/src/data/Style2/career-positions.json
deleted file mode 100644
index 32127d4..0000000
--- a/src/data/Style2/career-positions.json
+++ /dev/null
@@ -1,27 +0,0 @@
-[
-  {
-    "title": "Product Designer",
-    "description": "We’re looking for a mid-level product designer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  },
-  {
-    "title": "Wesite Developer",
-    "description": "We’re looking for a mid-level product designer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k",
-    "trend": true
-  },
-  {
-    "title": "Game Developer",
-    "description": "We’re looking for a mid-level product designer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  },
-  {
-    "title": "UI & UX Designer",
-    "description": "We’re looking for a mid-level product designer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Style2/clients.json b/src/data/Style2/clients.json
deleted file mode 100644
index 1bc7905..0000000
--- a/src/data/Style2/clients.json
+++ /dev/null
@@ -1,11 +0,0 @@
-[
-  "/assets/img/logos/2.png",
-  "/assets/img/logos/7.png",
-  "/assets/img/logos/11.png",
-  "/assets/img/logos/12.png",
-  "/assets/img/logos/15.png",
-  "/assets/img/logos/16.png",
-  "/assets/img/logos/18.png",
-  "/assets/img/logos/3.png",
-  "/assets/img/logos/5.png"
-]
\ No newline at end of file
diff --git a/src/data/Style2/faq-tabs.json b/src/data/Style2/faq-tabs.json
deleted file mode 100644
index 3e14b40..0000000
--- a/src/data/Style2/faq-tabs.json
+++ /dev/null
@@ -1,30 +0,0 @@
-[
-  {
-    "id": "faq1-tab",
-    "target": "#faq1",
-    "image": "/assets/img/icons/users.png",
-    "title": "About Account",
-    "anwsers": "08"
-  },
-  {
-    "id": "faq2-tab",
-    "target": "#faq2",
-    "image": "/assets/img/icons/protect.png",
-    "title": "Privacy & Policy",
-    "anwsers": "20"
-  },
-  {
-    "id": "faq3-tab",
-    "target": "#faq1",
-    "image": "/assets/img/icons/dollar.png",
-    "title": "Refund Option",
-    "anwsers": "18"
-  },
-  {
-    "id": "faq4-tab",
-    "target": "#faq2",
-    "image": "/assets/img/icons/24hour.png",
-    "title": "Support & More",
-    "anwsers": "33"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Style2/features.json b/src/data/Style2/features.json
deleted file mode 100644
index cbcd517..0000000
--- a/src/data/Style2/features.json
+++ /dev/null
@@ -1,22 +0,0 @@
-[
-  {
-    "icon": "/assets/img/icons/features/14.png",
-    "title": "Innovation for all of goods tune.",
-    "description": "We proud of our 5star rating with over 200 reviews."
-  },
-  {
-    "icon": "/assets/img/icons/features/15.png",
-    "title": "You can act & get power like boss.",
-    "description": "We proud of our 5star rating with over 200 reviews."
-  },
-  {
-    "icon": "/assets/img/icons/features/16.png",
-    "title": "In it together with all of time.",
-    "description": "We proud of our 5star rating with over 200 reviews."
-  },
-  {
-    "icon": "/assets/img/icons/features/17.png",
-    "title": "Get weekly reward in the mean time.",
-    "description": "We proud of our 5star rating with over 200 reviews."
-  }
-]
\ No newline at end of file
diff --git a/src/data/Style2/images.json b/src/data/Style2/images.json
deleted file mode 100644
index 97f57f4..0000000
--- a/src/data/Style2/images.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "ltr": [
-    "/assets/img/careers/1.png",
-    "/assets/img/careers/2.png",
-    "/assets/img/careers/3.png",
-    "/assets/img/careers/4.png",
-    "/assets/img/careers/5.png"
-  ],
-  "rtl": [
-    "/assets/img/careers/6.png",
-    "/assets/img/careers/7.png",
-    "/assets/img/careers/8.png",
-    "/assets/img/careers/2.png",
-    "/assets/img/careers/4.png"
-  ]
-}
\ No newline at end of file
diff --git a/src/data/Style2/positions.json b/src/data/Style2/positions.json
deleted file mode 100644
index ee2530a..0000000
--- a/src/data/Style2/positions.json
+++ /dev/null
@@ -1,39 +0,0 @@
-[
-  {
-    "title": "Product Designer",
-    "description": "We’re looking for a mid-level product designer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  },
-  {
-    "title": "Wesite Developer",
-    "description": "We’re looking for a Senior Website Developer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k",
-    "trend": true
-  },
-  {
-    "title": "Game Developer",
-    "description": "We’re looking for a rockstar Pro Game Developer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  },
-  {
-    "title": "UI & UX Designer",
-    "description": "We’re looking for a Super Kicks Junior UI & UX Designer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  },
-  {
-    "title": "Content Writer",
-    "description": "We’re looking for a mid-level Content Writer to join our team",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  },
-  {
-    "title": "iOs App Developer",
-    "description": "We’re looking for a mid-level Android & iOs App Developer to join",
-    "type": "Full-time",
-    "salary": "10k - $20k"
-  }
-]
\ No newline at end of file
diff --git a/src/data/Style2/timeline.json b/src/data/Style2/timeline.json
deleted file mode 100644
index 640be4e..0000000
--- a/src/data/Style2/timeline.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "year": "2000",
-    "title": "Built New Team",
-    "text": "Sass which stands for 'Syntactically awesome style sheet is an extension of that enables you to use things like variables.",
-    "num": "01"
-  },
-  {
-    "year": "2005",
-    "title": "Got Design Rewards",
-    "text": "Sass which stands for 'Syntactically awesome style sheet is an extension of that enables you to use things like variables.",
-    "num": "01"
-  },
-  {
-    "year": "2015",
-    "title": "Best Team In Egypt",
-    "text": "Sass which stands for 'Syntactically awesome style sheet is an extension of that enables you to use things like variables.",
-    "num": "01"
-  },
-  {
-    "year": "2018",
-    "title": "Design Rewards In NYC",
-    "text": "Sass which stands for 'Syntactically awesome style sheet is an extension of that enables you to use things like variables.",
-    "num": "01"
-  },
-  {
-    "year": "2022",
-    "title": "Featured On Envato",
-    "text": "Sass which stands for 'Syntactically awesome style sheet is an extension of that enables you to use things like variables.",
-    "num": "01"
-  }
-]
\ No newline at end of file
diff --git a/src/pages/home-app-landing-onePage/index.jsx b/src/pages/home-app-landing-onePage/index.jsx
deleted file mode 100644
index 72cd3c4..0000000
--- a/src/pages/home-app-landing-onePage/index.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav/OnePageNav';
-import Header from 'components/App/Header';
-import Clients from 'components/App/Clients';
-import Features from 'components/App/Features';
-import About from 'components/App/About';
-import Screenshots from 'components/App/Screenshots';
-import Testimonials from 'components/App/Testimonials';
-import Pricing from 'components/App/Pricing';
-import FAQ from 'components/App/FAQ';
-import Community from 'components/App/Community';
-import Footer from 'components/App/Footer';
-
-const HomeAppLandingOnePage = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <Header />
-      <main>
-        <Clients />
-        <Features />
-        <About />
-        <Screenshots />
-        <Testimonials />
-        <Pricing />
-        <FAQ />
-        <Community />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - App Landing One Page</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeAppLandingOnePage;
\ No newline at end of file
diff --git a/src/pages/home-app-landing/index.jsx b/src/pages/home-app-landing/index.jsx
deleted file mode 100644
index 5d1c624..0000000
--- a/src/pages/home-app-landing/index.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Header from 'components/App/Header';
-import Clients from 'components/App/Clients';
-import Features from 'components/App/Features';
-import About from 'components/App/About';
-import Screenshots from 'components/App/Screenshots';
-import Testimonials from 'components/App/Testimonials';
-import Pricing from 'components/App/Pricing';
-import FAQ from 'components/App/FAQ';
-import Community from 'components/App/Community';
-import Footer from 'components/App/Footer';
-
-const HomeAppLanding = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <Header />
-      <main>
-        <Clients />
-        <Features />
-        <About />
-        <Screenshots />
-        <Testimonials />
-        <Pricing />
-        <FAQ />
-        <Community />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - App Landing</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeAppLanding;
\ No newline at end of file
diff --git a/src/pages/home-cloud-hosting/index.jsx b/src/pages/home-cloud-hosting/index.jsx
deleted file mode 100644
index ba3177e..0000000
--- a/src/pages/home-cloud-hosting/index.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import SideMenu from 'components/CloudHosting/SideMenu';
-import Header from 'components/CloudHosting/Header';
-import Domain from 'components/CloudHosting/Domain';
-import About from 'components/CloudHosting/About';
-import Services from 'components/CloudHosting/Services';
-import Pricing from 'components/CloudHosting/Pricing';
-import ChatBanner from 'components/CloudHosting/ChatBanner';
-import ChooseUs from 'components/CloudHosting/ChooseUs';
-import Testimonials from 'components/CloudHosting/Testimonials';
-import Partners from 'components/CloudHosting/Partners';
-import Footer from 'components/CloudHosting/Footer';
-
-const HomeCloudHosting = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-9');
-    return () => document.body.classList.remove('home-style-9');
-  }, []);
-
-  return (
-    <MainLayout>
-      <SideMenu />
-      <Header />
-      <main>
-        <Domain />
-        <About />
-        <Services />
-        <Pricing />
-        <ChatBanner />
-        <ChooseUs />
-        <Testimonials />
-        <Partners />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Cloud Hosting</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeCloudHosting;
\ No newline at end of file
diff --git a/src/pages/home-crypto/index.jsx b/src/pages/home-crypto/index.jsx
deleted file mode 100644
index ff48dfc..0000000
--- a/src/pages/home-crypto/index.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/Crypto/Header';
-import Features from 'components/Crypto/Features';
-import About from 'components/Crypto/About';
-import Markets from 'components/Crypto/Markets';
-import Timeline from 'components/Crypto/Timeline';
-import Team from 'components/Crypto/Team';
-import FAQ from 'components/Crypto/FAQ';
-import Blog from 'components/Crypto/Blog';
-import Footer from 'components/Crypto/Footer';
-
-const HomeCrypto = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-15');
-    return () => document.body.classList.remove('home-style-15');
-  }, []);
-
-  return (
-    <MainLayout>
-      <Header />
-      <main>
-        <Features />
-        <About />
-        <Markets />
-        <Timeline />
-        <Team />
-        <FAQ />
-        <Blog />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Crypto</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeCrypto;
\ No newline at end of file
diff --git a/src/pages/home-cyber-security/index.jsx b/src/pages/home-cyber-security/index.jsx
deleted file mode 100644
index b074d0d..0000000
--- a/src/pages/home-cyber-security/index.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import SideMenu from 'components/CyberSecurity/SideMenu';
-import Header from 'components/CyberSecurity/Header';
-import Features from 'components/CyberSecurity/Features';
-import About from 'components/CyberSecurity/About';
-import Services from 'components/CyberSecurity/Services';
-import Solutions from 'components/CyberSecurity/Solutions';
-import Pricing from 'components/CyberSecurity/Pricing';
-import FAQ from 'components/CyberSecurity/FAQ';
-import Team from 'components/CyberSecurity/Team';
-import Blog from 'components/CyberSecurity/Blog';
-import Footer from 'components/CyberSecurity/Footer';
-
-const HomeCyberSecurity = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-9');
-    return () => document.body.classList.remove('home-style-9');
-  }, []);
-
-  return (
-    <MainLayout>
-      <SideMenu />
-      <Header />
-      <main>
-        <Features />
-        <About />
-        <Services />
-        <Solutions />
-        <Pricing />
-        <FAQ />
-        <Team />
-        <Blog />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Cyber Security</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeCyberSecurity;
\ No newline at end of file
diff --git a/src/pages/home-data-analysis/index.jsx b/src/pages/home-data-analysis/index.jsx
deleted file mode 100644
index 6207c43..0000000
--- a/src/pages/home-data-analysis/index.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/DataAnalysis/Header';
-import Services from 'components/DataAnalysis/Services';
-import About from 'components/DataAnalysis/About';
-import Numbers from 'components/DataAnalysis/Numbers';
-import Projects from 'components/DataAnalysis/Projects';
-import ChooseUs from 'components/DataAnalysis/ChooseUs';
-import Testimonials from 'components/DataAnalysis/Testimonials';
-import Pricing from 'components/DataAnalysis/Pricing';
-import Blog from 'components/DataAnalysis/Blog';
-import Footer from 'components/DataAnalysis/Footer';
-
-const HomeDataAnalysis = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-8');
-    return () => document.body.classList.remove('home-style-8');
-  }, []);
-
-  return (
-    <MainLayout>
-      <Header />
-      <main>
-        <Services />
-        <About />
-        <Numbers />
-        <Projects />
-        <ChooseUs />
-        <Testimonials />
-        <Pricing />
-        <Blog />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Data Analysis</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeDataAnalysis;
\ No newline at end of file
diff --git a/src/pages/home-digital-agency-onePage/index.jsx b/src/pages/home-digital-agency-onePage/index.jsx
deleted file mode 100644
index ee7d04f..0000000
--- a/src/pages/home-digital-agency-onePage/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/DigitalNav/TopNav';
-import Navbar from 'components/Navbars/DigitalNav/OnePageNav';
-import Header from 'components/Digital/Header';
-import About from 'components/Digital/About';
-import Services from 'components/Digital/Services';
-import ChooseUs from 'components/Digital/ChooseUs';
-import Portfolio from 'components/Digital/Portfolio';
-import Testimonials from 'components/Digital/Testimonials';
-import Team from 'components/Digital/Team';
-import Blog from 'components/Digital/Blog';
-import Contact from 'components/Digital/Contact';
-import Footer from 'components/Digital/Footer';
-
-const HomeDigitalAgencyOnePage = () => {
-  return (
-    <MainLayout scrollTopText>
-      <TopNav />
-      <Navbar />
-      <Header />
-      <main>
-        <About />
-        <Services />
-        <ChooseUs />
-        <Portfolio />
-        <Testimonials />
-        <Team />
-        <Blog />
-        <Contact />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Digital Agency One Page</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeDigitalAgencyOnePage;
\ No newline at end of file
diff --git a/src/pages/home-digital-agency/index.jsx b/src/pages/home-digital-agency/index.jsx
deleted file mode 100644
index c0dadd8..0000000
--- a/src/pages/home-digital-agency/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/DigitalNav/TopNav';
-import Navbar from 'components/Navbars/DigitalNav';
-import Header from 'components/Digital/Header';
-import About from 'components/Digital/About';
-import Services from 'components/Digital/Services';
-import ChooseUs from 'components/Digital/ChooseUs';
-import Portfolio from 'components/Digital/Portfolio';
-import Testimonials from 'components/Digital/Testimonials';
-import Team from 'components/Digital/Team';
-import Blog from 'components/Digital/Blog';
-import Contact from 'components/Digital/Contact';
-import Footer from 'components/Digital/Footer';
-
-const HomeDigitalAgency = () => {
-  return (
-    <MainLayout scrollTopText>
-      <TopNav />
-      <Navbar />
-      <Header />
-      <main>
-        <About />
-        <Services />
-        <ChooseUs />
-        <Portfolio />
-        <Testimonials />
-        <Team />
-        <Blog />
-        <Contact />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Digital Agency</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeDigitalAgency;
\ No newline at end of file
diff --git a/src/pages/home-freelance-personal/index.jsx b/src/pages/home-freelance-personal/index.jsx
deleted file mode 100644
index d2a2361..0000000
--- a/src/pages/home-freelance-personal/index.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/FreelancerNav';
-import Header from 'components/Freelancer/Header';
-import About from 'components/Freelancer/About';
-import Services from 'components/Freelancer/Services';
-import Projects from 'components/Freelancer/Projects';
-import Testimonials from 'components/Freelancer/Testimonials';
-import Contact from 'components/Freelancer/Contact';
-import Blog from 'components/Freelancer/Blog';
-import Footer from 'components/Freelancer/Footer';
-
-const HomeFreelancePersonal = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-13');
-    return () => document.body.classList.remove('home-style-13');
-  }, []);
-
-  return (
-    <MainLayout>
-      <Navbar />
-      <Header />
-      <main>
-        <About />
-        <Services />
-        <Projects />
-        <Testimonials />
-        <Contact />
-        <Blog />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Freelance Personal</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeFreelancePersonal;
\ No newline at end of file
diff --git a/src/pages/home-help-desk/index.jsx b/src/pages/home-help-desk/index.jsx
deleted file mode 100644
index e3247c0..0000000
--- a/src/pages/home-help-desk/index.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/HelpDesk/Header';
-import Recommends from 'components/HelpDesk/Recommends';
-import Signup from 'components/HelpDesk/Signup';
-import ScreenShots from 'components/HelpDesk/ScreenShots';
-import FeaturesStyle11 from 'components/HelpDesk/FeaturesStyle11';
-import Integration from 'components/HelpDesk/Integration';
-import FeaturesStyle9 from 'components/HelpDesk/FeaturesStyle9';
-import Testimonials from 'components/HelpDesk/Testimonials';
-import Footer from 'components/HelpDesk/Footer';
-
-const HomeHelpDesk = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-11');
-    return () => document.body.classList.remove('home-style-11');
-  }, []);
-
-  return (
-    <MainLayout>
-      <Header />
-      <main>
-        <Recommends />
-        <Signup />
-        <ScreenShots />
-        <FeaturesStyle11 />
-        <Integration />
-        <FeaturesStyle9 />
-        <Testimonials />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Help Desk</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeHelpDesk;
\ No newline at end of file
diff --git a/src/pages/home-it-solutions-onePage/index.jsx b/src/pages/home-it-solutions-onePage/index.jsx
deleted file mode 100644
index c706c93..0000000
--- a/src/pages/home-it-solutions-onePage/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/ITNav/OnePageNav';
-import Header from 'components/IT/Header';
-import Services from 'components/IT/Services';
-import ChooseUs from 'components/IT/ChooseUs';
-import Reviews from 'components/IT/Reviews';
-import Pricing from 'components/IT/Pricing';
-import Blog from 'components/IT/Blog';
-import Contact from 'components/IT/Contact';
-import Footer from 'components/IT/Footer';
-
-const HomeITSolutionsOnePage = () => {
-  return (
-    <MainLayout scrollTopText>
-      <Navbar />
-      <Header />
-      <main>
-        <Services />
-        <ChooseUs />
-        <Reviews />
-        <Pricing />
-        <Blog />
-        <Contact />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - IT Solutions One Page</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeITSolutionsOnePage;
\ No newline at end of file
diff --git a/src/pages/home-it-solutions/index.jsx b/src/pages/home-it-solutions/index.jsx
deleted file mode 100644
index eb0db97..0000000
--- a/src/pages/home-it-solutions/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/ITNav';
-import Header from 'components/IT/Header';
-import Services from 'components/IT/Services';
-import ChooseUs from 'components/IT/ChooseUs';
-import Reviews from 'components/IT/Reviews';
-import Pricing from 'components/IT/Pricing';
-import Blog from 'components/IT/Blog';
-import Contact from 'components/IT/Contact';
-import Footer from 'components/IT/Footer';
-
-const HomeITSolutions = () => {
-  return (
-    <MainLayout scrollTopText>
-      <Navbar />
-      <Header />
-      <main>
-        <Services />
-        <ChooseUs />
-        <Reviews />
-        <Pricing />
-        <Blog />
-        <Contact />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - IT Solutions</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeITSolutions;
\ No newline at end of file
diff --git a/src/pages/home-it-solutions2/index.jsx b/src/pages/home-it-solutions2/index.jsx
deleted file mode 100644
index 2e48c1e..0000000
--- a/src/pages/home-it-solutions2/index.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav-7';
-import SideMenu from 'components/ITCreative/SideMenu';
-import Navbar from 'components/Navbars/ITCreativeNav';
-import Header from 'components/ITCreative/Header';
-import Features from 'components/ITCreative/Features';
-import About from 'components/ITCreative/About';
-import Services from 'components/ITCreative/Services';
-import Projects from 'components/ITCreative/Projects';
-import Testimonials from 'components/ITCreative/Testimonials';
-import ChooseUs from 'components/ITCreative/ChooseUs';
-import Blog from 'components/ITCreative/Blog';
-import ChatBanner from 'components/ITCreative/ChatBanner';
-import Footer from 'components/ITCreative/Footer';
-
-const HomeItSolutions2 = () => {
-  return (
-    <MainLayout>
-      <TopNav />
-      <SideMenu />
-      <Navbar />
-      <Header />
-      <main>
-        <Features />
-        <About />
-        <Services />
-        <Projects />
-        <Testimonials />
-        <ChooseUs />
-        <Blog />
-        <ChatBanner />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Creative It Solutions</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeItSolutions2;
\ No newline at end of file
diff --git a/src/pages/home-marketing-startup-onePage/index.jsx b/src/pages/home-marketing-startup-onePage/index.jsx
deleted file mode 100644
index 36a8e49..0000000
--- a/src/pages/home-marketing-startup-onePage/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/Startup/Header';
-import About from 'components/Startup/About';
-import Services from 'components/Startup/Services';
-import Project from 'components/Startup/Project';
-import ChooseUs from 'components/Startup/ChooseUs';
-import Testimonials from 'components/Startup/Testimonials';
-import Clients from 'components/Startup/Clients';
-import Numbers from 'components/Startup/Numbers';
-import Team from 'components/Startup/Team';
-import Blog from 'components/Startup/Blog';
-import Contact from 'components/Startup/Contact';
-import Footer from 'components/Startup/Footer';
-
-const HomeMarketingStartupOnePage = () => {
-  return (
-    <MainLayout>
-      <Header isOnePage />
-      <main>
-        <About />
-        <Services />
-        <Project />
-        <ChooseUs />
-        <Testimonials />
-        <Clients />
-        <Numbers />
-        <Team />
-        <Blog />
-        <Contact />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Marketing Startup One Page</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeMarketingStartupOnePage;
\ No newline at end of file
diff --git a/src/pages/home-marketing-startup/index.jsx b/src/pages/home-marketing-startup/index.jsx
deleted file mode 100644
index d8a0c55..0000000
--- a/src/pages/home-marketing-startup/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/Startup/Header';
-import About from 'components/Startup/About';
-import Services from 'components/Startup/Services';
-import Project from 'components/Startup/Project';
-import ChooseUs from 'components/Startup/ChooseUs';
-import Testimonials from 'components/Startup/Testimonials';
-import Clients from 'components/Startup/Clients';
-import Numbers from 'components/Startup/Numbers';
-import Team from 'components/Startup/Team';
-import Blog from 'components/Startup/Blog';
-import Contact from 'components/Startup/Contact';
-import Footer from 'components/Startup/Footer';
-
-const HomeMarketingStartup = () => {
-  return (
-    <MainLayout>
-      <Header />
-      <main>
-        <About />
-        <Services />
-        <Project />
-        <ChooseUs />
-        <Testimonials />
-        <Clients />
-        <Numbers />
-        <Team />
-        <Blog />
-        <Contact />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Marketing Startup</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeMarketingStartup;
\ No newline at end of file
diff --git a/src/pages/home-nft-marketplace/index.jsx b/src/pages/home-nft-marketplace/index.jsx
deleted file mode 100644
index 7e56e9b..0000000
--- a/src/pages/home-nft-marketplace/index.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/NFTMarketplaceNav';
-import Header from 'components/NFTMarketplace/Header';
-import Projects from 'components/NFTMarketplace/Projects';
-import Features from 'components/NFTMarketplace/Features';
-import Process from 'components/NFTMarketplace/Process';
-import Collections from 'components/NFTMarketplace/Collections';
-import Community from 'components/NFTMarketplace/Community';
-import Footer from 'components/NFTMarketplace/Footer';
-
-const HomeNFTMarketplace = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-12');
-    return () => document.body.classList.remove('home-style-12');
-  }, []);
-
-  return (
-    <MainLayout>
-      <Navbar />
-      <Header />
-      <main>
-        <Projects />
-        <Features />
-        <Process />
-        <Collections />
-        <Community />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - NFT Marketplace</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeNFTMarketplace;
\ No newline at end of file
diff --git a/src/pages/home-payment-solutions/index.jsx b/src/pages/home-payment-solutions/index.jsx
deleted file mode 100644
index 803f6ee..0000000
--- a/src/pages/home-payment-solutions/index.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/PaymentSolutionsNav';
-import Header from 'components/PaymentSolutions/Header';
-import Clients from 'components/PaymentSolutions/Clients';
-import Features from 'components/PaymentSolutions/Features';
-import ChooseUs from 'components/PaymentSolutions/ChooseUs';
-import Screenshots from 'components/PaymentSolutions/Screenshots';
-import Numbers from 'components/PaymentSolutions/Numbers';
-import About from 'components/PaymentSolutions/About';
-import Contact from 'components/PaymentSolutions/Contact';
-import Testimonials from 'components/PaymentSolutions/Testimonials';
-import Blog from 'components/PaymentSolutions/Blog';
-import Footer from 'components/PaymentSolutions/Footer';
-
-const HomePaymentSolutions = () => {
-  useEffect(() => {
-    document.body.classList.add('home-style-14');
-    return () => document.body.classList.remove('home-style-14');
-  }, []);
-
-  return (
-    <MainLayout>
-      <Navbar />
-      <Header />
-      <main>
-        <Clients />
-        <Features />
-        <ChooseUs />
-        <Screenshots />
-        <Numbers />
-        <About />
-        <Contact />
-        <Testimonials />
-        <Blog />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Payment Solutions</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomePaymentSolutions;
\ No newline at end of file
diff --git a/src/pages/home-saas-technology-onePage/index.jsx b/src/pages/home-saas-technology-onePage/index.jsx
deleted file mode 100644
index fa9a12c..0000000
--- a/src/pages/home-saas-technology-onePage/index.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav/OnePageNav';
-import Header from 'components/Saas/Header';
-import Community from 'components/Saas/Community';
-import About from 'components/Saas/About';
-import Clients from 'components/Saas/Clients';
-import Features from 'components/Saas/Features';
-import Pricing from 'components/Saas/Pricing';
-import Testimonials from 'components/Saas/Testimonials';
-import Download from 'components/Saas/Download';
-import Footer from 'components/Saas/Footer';
-
-const HomeSaasTechnologyOnePage = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header />
-      <main>
-        <Community />
-        <About />
-        <Clients />
-        <Features />
-        <Pricing />
-        <Testimonials />
-        <Download />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Saas Technology One Page</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeSaasTechnologyOnePage;
\ No newline at end of file
diff --git a/src/pages/home-saas-technology/index.jsx b/src/pages/home-saas-technology/index.jsx
deleted file mode 100644
index 0a01305..0000000
--- a/src/pages/home-saas-technology/index.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Header from 'components/Saas/Header';
-import Community from 'components/Saas/Community';
-import About from 'components/Saas/About';
-import Clients from 'components/Saas/Clients';
-import Features from 'components/Saas/Features';
-import Pricing from 'components/Saas/Pricing';
-import Testimonials from 'components/Saas/Testimonials';
-import Download from 'components/Saas/Download';
-import Footer from 'components/Saas/Footer';
-
-const HomeSaasTechnology = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header />
-      <main>
-        <Community />
-        <About />
-        <Clients />
-        <Features />
-        <Pricing />
-        <Testimonials />
-        <Download />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Saas Technology</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeSaasTechnology;
\ No newline at end of file
diff --git a/src/pages/home-shop-modern/index.jsx b/src/pages/home-shop-modern/index.jsx
deleted file mode 100644
index cb24ce0..0000000
--- a/src/pages/home-shop-modern/index.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Shop from 'components/Shop';
-import Footer from 'components/App/Footer';
-
-const PageShopApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="shop-page style-5 style-grad">
-        <Shop style="4" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Shop App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageShopApp;
\ No newline at end of file
diff --git a/src/pages/home-software-company-onePage/index.jsx b/src/pages/home-software-company-onePage/index.jsx
deleted file mode 100644
index c0d8907..0000000
--- a/src/pages/home-software-company-onePage/index.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/SoftwareNav/OnePageNav';
-import Header from 'components/Software/Header';
-import Testimonials from 'components/Software/Testimonials';
-import Services from 'components/Software/Services';
-import About from 'components/Software/About';
-import Projects from 'components/Software/Projects';
-import Pricing from 'components/Software/Pricing';
-import Team from 'components/Software/Team';
-import Blog from 'components/Software/Blog';
-import ChatBanner from 'components/Software/ChatBanner';
-import Footer from 'components/Software/Footer';
-
-const HomeSoftwareCompanyOnePage = () => {
-  return (
-    <MainLayout>
-      <Navbar />
-      <Header />
-      <main>
-        <Testimonials />
-        <Services />
-        <About />
-        <Projects />
-        <Pricing />
-        <Team />
-        <Blog />
-        <ChatBanner />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Software Company One Page</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeSoftwareCompanyOnePage;
\ No newline at end of file
diff --git a/src/pages/home-software-company/index.jsx b/src/pages/home-software-company/index.jsx
deleted file mode 100644
index 0abf77b..0000000
--- a/src/pages/home-software-company/index.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Navbar from 'components/Navbars/SoftwareNav';
-import Header from 'components/Software/Header';
-import Testimonials from 'components/Software/Testimonials';
-import Services from 'components/Software/Services';
-import About from 'components/Software/About';
-import Projects from 'components/Software/Projects';
-import Pricing from 'components/Software/Pricing';
-import Team from 'components/Software/Team';
-import Blog from 'components/Software/Blog';
-import ChatBanner from 'components/Software/ChatBanner';
-import Footer from 'components/Software/Footer';
-
-const HomeSoftwareCompany = () => {
-  return (
-    <MainLayout>
-      <Navbar />
-      <Header />
-      <main>
-        <Testimonials />
-        <Services />
-        <About />
-        <Projects />
-        <Pricing />
-        <Team />
-        <Blog />
-        <ChatBanner />
-      </main>
-      <Footer />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Software Company</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default HomeSoftwareCompany;
\ No newline at end of file
diff --git a/src/pages/page-404/index.jsx b/src/pages/page-404/index.jsx
deleted file mode 100644
index 804befa..0000000
--- a/src/pages/page-404/index.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import AbsoluteContainer from 'components/Navbars/AbsoluteContainer';
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import NotFound from 'components/404';;
-
-const Page404 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <AbsoluteContainer>
-        <TopNav style="5" />
-        <Navbar navbarRef={navbarRef} />
-      </AbsoluteContainer>
-      <main className="erorr-404-page style-5">
-        <NotFound />
-      </main>
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - 404</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default Page404;
\ No newline at end of file
diff --git a/src/pages/page-about-2/index.jsx b/src/pages/page-about-2/index.jsx
deleted file mode 100644
index 80bfd71..0000000
--- a/src/pages/page-about-2/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Header from 'components/Style2/Header';
-import About from 'components/Style2/About/About';
-import Timeline from 'components/Style2/About/Timeline';
-import Clients from 'components/Style2/About/Clients';
-import Blog from 'components/Style2/About/Blog';
-import Footer from 'components/Saas/Footer';
-
-const PageAbout2 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header page="About Us" title="About Our Company" />
-      <main className="about-page style-2">
-        <About />
-        <Timeline />
-        <Clients />
-        <Blog />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - About 2</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageAbout2;
\ No newline at end of file
diff --git a/src/pages/page-about-5/index.jsx b/src/pages/page-about-5/index.jsx
deleted file mode 100644
index ce0c830..0000000
--- a/src/pages/page-about-5/index.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import AboutHeader from 'components/Saas/AboutHeader';
-import Community from 'components/Saas/Community';
-import Philosophy from 'components/Saas/Philosophy';
-import ChooseUs from 'components/Saas/ChooseUs';
-import Clients from 'components/Saas/Clients';
-import Numbers from 'components/Saas/Numbers';
-import Culture from 'components/Saas/Culture';
-import Team from 'components/Saas/Team';
-import Contact from 'components/Saas/Contact';
-import Footer from 'components/Saas/Footer';
-
-const PageAbout5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="about-page style-5">
-        <AboutHeader />
-        <Community />
-        <Philosophy />
-        <ChooseUs />
-        <Clients padding />
-        <Numbers />
-        <Culture />
-        <Team />
-        <Contact />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - About 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageAbout5;
\ No newline at end of file
diff --git a/src/pages/page-about-app/index.jsx b/src/pages/page-about-app/index.jsx
deleted file mode 100644
index 39d5e7f..0000000
--- a/src/pages/page-about-app/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import About from 'components/App/About2';
-import Team from 'components/App/Team';
-import Culture from 'components/App/Culture';
-import Footer from 'components/App/Footer';
-
-const PageAboutApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="about-page style-5">
-        <About />
-        <Team />
-        <Culture />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - About App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageAboutApp;
\ No newline at end of file
diff --git a/src/pages/page-blog-5-left-sidebar/index.jsx b/src/pages/page-blog-5-left-sidebar/index.jsx
deleted file mode 100644
index d86ab80..0000000
--- a/src/pages/page-blog-5-left-sidebar/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/Saas/Footer';
-
-const PageBlog5LeftSidebar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-5">
-        <BlogSlider style="5" />
-        <PopularPosts style="5" />
-        <AllNews leftSidebar style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Blog 5 Left Sidebar</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageBlog5LeftSidebar;
\ No newline at end of file
diff --git a/src/pages/page-blog-5-wide/index.jsx b/src/pages/page-blog-5-wide/index.jsx
deleted file mode 100644
index 1dde164..0000000
--- a/src/pages/page-blog-5-wide/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/Saas/Footer';
-
-const PageBlog5Wide = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-5">
-        <BlogSlider style="5" />
-        <PopularPosts style="5" />
-        <AllNews isWide style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Blog 5 Wide</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageBlog5Wide;
\ No newline at end of file
diff --git a/src/pages/page-blog-5/index.jsx b/src/pages/page-blog-5/index.jsx
deleted file mode 100644
index b745a96..0000000
--- a/src/pages/page-blog-5/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/Saas/Footer';
-
-const PageBlog5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-5">
-        <BlogSlider style="5" />
-        <PopularPosts style="5" />
-        <AllNews style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Blog 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageBlog5;
\ No newline at end of file
diff --git a/src/pages/page-blog-app-left-sidebar/index.jsx b/src/pages/page-blog-app-left-sidebar/index.jsx
deleted file mode 100644
index feef7e9..0000000
--- a/src/pages/page-blog-app-left-sidebar/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/App/Footer';
-
-const PageBlogAppLeftSidebar = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-4">
-        <BlogSlider />
-        <PopularPosts />
-        <AllNews leftSidebar />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Blog App Left Sidebar</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageBlogAppLeftSidebar;
\ No newline at end of file
diff --git a/src/pages/page-blog-app-wide/index.jsx b/src/pages/page-blog-app-wide/index.jsx
deleted file mode 100644
index 8162674..0000000
--- a/src/pages/page-blog-app-wide/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/App/Footer';
-
-const PageBlogAppWide = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-4">
-        <BlogSlider />
-        <PopularPosts />
-        <AllNews isWide />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Blog App Wide</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageBlogAppWide;
\ No newline at end of file
diff --git a/src/pages/page-blog-app/index.jsx b/src/pages/page-blog-app/index.jsx
deleted file mode 100644
index 1bbc7c1..0000000
--- a/src/pages/page-blog-app/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/App/Footer';
-
-const PageBlogApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-4">
-        <BlogSlider />
-        <PopularPosts />
-        <AllNews />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Blog App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageBlogApp;
\ No newline at end of file
diff --git a/src/pages/page-career-details/index.jsx b/src/pages/page-career-details/index.jsx
deleted file mode 100644
index ed1a45b..0000000
--- a/src/pages/page-career-details/index.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Header from 'components/Style2/Header';
-import JobDetails from 'components/Style2/CareerDetails/JobDetails';
-import CareerPositions from 'components/Style2/CareerDetails/CareerPositions';
-import CareerForm from 'components/Style2/CareerDetails/CareerForm';
-import Footer from 'components/Saas/Footer';
-
-const PageCareerDetails = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header page="Career Details" title="Product Designer" />
-      <main className="career-details-page style-5 pt-100">
-        <JobDetails />
-        <CareerPositions />
-        <CareerForm />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Career Details</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageCareerDetails;
\ No newline at end of file
diff --git a/src/pages/page-careers-5/index.jsx b/src/pages/page-careers-5/index.jsx
deleted file mode 100644
index 91ac6ca..0000000
--- a/src/pages/page-careers-5/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Header from 'components/Style2/Header';
-import Features from 'components/Style2/Careers/Features';
-import Images from 'components/Style2/Careers/Images';
-import Positions from 'components/Style2/Careers/Positions';
-import CareerForm from 'components/Style2/CareerDetails/CareerForm';
-import Footer from 'components/Saas/Footer';
-
-const PageCareers = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header page="careers" title="careers Page" />
-      <main className="careers-page style-5 pt-100">
-        <Features />
-        <Images />
-        <Positions />
-        <CareerForm />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Careers</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageCareers;
\ No newline at end of file
diff --git a/src/pages/page-comming-soon-5/index.jsx b/src/pages/page-comming-soon-5/index.jsx
deleted file mode 100644
index 9521b26..0000000
--- a/src/pages/page-comming-soon-5/index.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import AbsoluteContainer from 'components/Navbars/AbsoluteContainer';
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import CommingSoon from 'components/Style2/CommingSoon';
-
-const PageCommingSoon = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <AbsoluteContainer>
-        <TopNav style="5" />
-        <Navbar navbarRef={navbarRef} />
-      </AbsoluteContainer>
-      <main className="comming-soon-page style-5">
-        <CommingSoon />
-      </main>
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Comming Soon</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageCommingSoon;
\ No newline at end of file
diff --git a/src/pages/page-contact-5/index.jsx b/src/pages/page-contact-5/index.jsx
deleted file mode 100644
index 69dcb56..0000000
--- a/src/pages/page-contact-5/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Form from 'components/Contact/Form';
-import Map from 'components/Contact/Map';
-import Footer from 'components/Saas/Footer';
-
-const PageContact5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="contact-page style-5">
-        <Form style="5" />
-        <Map />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Contact 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageContact5;
\ No newline at end of file
diff --git a/src/pages/page-contact-app/index.jsx b/src/pages/page-contact-app/index.jsx
deleted file mode 100644
index 183a920..0000000
--- a/src/pages/page-contact-app/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Community from 'components/Contact/Community';
-import Form from 'components/Contact/Form';
-import Map from 'components/Contact/Map';
-import Footer from 'components/App/Footer';
-
-const PageContactApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="contact-page style-5">
-        <Community />
-        <Form />
-        <Map />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Contact App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageContactApp;
\ No newline at end of file
diff --git a/src/pages/page-faq-5/index.jsx b/src/pages/page-faq-5/index.jsx
deleted file mode 100644
index 1a5673d..0000000
--- a/src/pages/page-faq-5/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Header from 'components/Style2/Header';
-import TabList from 'components/Style2/FAQ/TabList';
-import TabsContent from 'components/Style2/FAQ/TabsContent';
-import Footer from 'components/Saas/Footer';
-
-const PageFAQ = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header page="Faq" title="FAQ Page" />
-      <main className="faq-page style-5 section-padding">
-        <TabList />
-        <TabsContent />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - FAQ</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageFAQ;
\ No newline at end of file
diff --git a/src/pages/page-portfolio-5/index.jsx b/src/pages/page-portfolio-5/index.jsx
deleted file mode 100644
index ee63e98..0000000
--- a/src/pages/page-portfolio-5/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Projects from 'components/Portfolio/Projects';
-import Download from 'components/Portfolio/Download';
-import Footer from 'components/Saas/Footer';
-
-const PagePortfolio5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="portfolio-page style-1">
-        <Projects style="5" />
-        <Download style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Portfolio 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PagePortfolio5;
\ No newline at end of file
diff --git a/src/pages/page-portfolio-app/index.jsx b/src/pages/page-portfolio-app/index.jsx
deleted file mode 100644
index 5eb8e40..0000000
--- a/src/pages/page-portfolio-app/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Projects from 'components/Portfolio/Projects';
-import Download from 'components/Portfolio/Download';
-import Footer from 'components/App/Footer';
-
-const PagePortfolioApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="portfolio-page style-1">
-        <Projects />
-        <Download />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Portfolio App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PagePortfolioApp;
\ No newline at end of file
diff --git a/src/pages/page-product-5/index.jsx b/src/pages/page-product-5/index.jsx
deleted file mode 100644
index 3eca530..0000000
--- a/src/pages/page-product-5/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Product from 'components/Product';
-import ProductDetails from 'components/ProductDetails';
-import RelatedProducts from 'components/RelatedProducts';
-import Footer from 'components/Saas/Footer';
-
-const PageProduct5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} bgTransparent />
-      <main className="product-page style-5">
-        <Product style="5" />
-        <ProductDetails style="5" />
-        <RelatedProducts style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Product 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageProduct5;
\ No newline at end of file
diff --git a/src/pages/page-product-app/index.jsx b/src/pages/page-product-app/index.jsx
deleted file mode 100644
index cf6c5f4..0000000
--- a/src/pages/page-product-app/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Product from 'components/Product';
-import ProductDetails from 'components/ProductDetails';
-import RelatedProducts from 'components/RelatedProducts';
-import Footer from 'components/App/Footer';
-
-const PageProductApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="product-page style-5">
-        <Product />
-        <ProductDetails />
-        <RelatedProducts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Product App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageProductApp;
\ No newline at end of file
diff --git a/src/pages/page-services-5/index.jsx b/src/pages/page-services-5/index.jsx
deleted file mode 100644
index 8299882..0000000
--- a/src/pages/page-services-5/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Features from 'components/Saas/Features';
-import Services from 'components/Saas/Services';
-import About from 'components/Saas/About';
-import Testimonials from 'components/Saas/Testimonials';
-import Pricing from 'components/Saas/Pricing';
-import Footer from 'components/Saas/Footer';
-
-const PageServices5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="services-page style-5">
-        <Features isServices />
-        <Services />
-        <About noPaddingTop />
-        <Testimonials />
-        <Pricing />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Services 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageServices5;
\ No newline at end of file
diff --git a/src/pages/page-services-app/index.jsx b/src/pages/page-services-app/index.jsx
deleted file mode 100644
index 58777b0..0000000
--- a/src/pages/page-services-app/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Services from 'components/App/Services';
-import About from 'components/App/About';
-import Testimonials from 'components/App/Testimonials';
-import Footer from 'components/App/Footer';
-
-const PageServicesApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="services-page style-5">
-        <Services />
-        <About noFirstContent noIntegration noWave />
-        <Testimonials />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Services App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageServicesApp;
\ No newline at end of file
diff --git a/src/pages/page-services-details-5/index.jsx b/src/pages/page-services-details-5/index.jsx
deleted file mode 100644
index 98be8b3..0000000
--- a/src/pages/page-services-details-5/index.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Header from 'components/Style2/Header';
-import Details from 'components/Style2/ServicesDetails/Details';
-import Contact from 'components/Style2/ServicesDetails/Contact';
-import Footer from 'components/Saas/Footer';
-
-const PageServiceDetails = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <Header page="Service Details" title="Email Marketing" />
-      <main className="services-details-page style-5">
-        <Details />
-        <Contact />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Service Details</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageServiceDetails;
\ No newline at end of file
diff --git a/src/pages/page-shop-5/index.jsx b/src/pages/page-shop-5/index.jsx
deleted file mode 100644
index 2bacfa2..0000000
--- a/src/pages/page-shop-5/index.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import Shop from 'components/Shop';
-import Footer from 'components/Saas/Footer';
-
-const PageShop5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="shop-page style-5">
-        <Shop style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Shop 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageShop5;
\ No newline at end of file
diff --git a/src/pages/page-shop-app/index.jsx b/src/pages/page-shop-app/index.jsx
deleted file mode 100644
index cb24ce0..0000000
--- a/src/pages/page-shop-app/index.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import Shop from 'components/Shop';
-import Footer from 'components/App/Footer';
-
-const PageShopApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="shop-page style-5 style-grad">
-        <Shop style="4" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Shop App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageShopApp;
\ No newline at end of file
diff --git a/src/pages/page-sign-in/index.jsx b/src/pages/page-sign-in/index.jsx
deleted file mode 100644
index 5aca8ae..0000000
--- a/src/pages/page-sign-in/index.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import SignIn from 'components/Style2/Signin';
-
-const PageSignin = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <main className="signin-page style-5">
-        <SignIn />
-      </main>
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Sign in</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSignin;
\ No newline at end of file
diff --git a/src/pages/page-single-post-5-left-sidebar/index.jsx b/src/pages/page-single-post-5-left-sidebar/index.jsx
deleted file mode 100644
index 4f8ae60..0000000
--- a/src/pages/page-single-post-5-left-sidebar/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav/PostNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/Saas/Footer';
-
-const PageSinglePostLeftSidebarApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-5">
-        <AllNews style="5" leftSidebar />
-        <PopularPosts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Post 5 Left Sidebar</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSinglePostLeftSidebarApp;
\ No newline at end of file
diff --git a/src/pages/page-single-post-5-wide/index.jsx b/src/pages/page-single-post-5-wide/index.jsx
deleted file mode 100644
index 49e1731..0000000
--- a/src/pages/page-single-post-5-wide/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav/PostNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/Saas/Footer';
-
-const PageSinglePost5Wide = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-5">
-        <AllNews style="5" isWide />
-        <PopularPosts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Post 5 Wide</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSinglePost5Wide;
\ No newline at end of file
diff --git a/src/pages/page-single-post-5/index.jsx b/src/pages/page-single-post-5/index.jsx
deleted file mode 100644
index feebfee..0000000
--- a/src/pages/page-single-post-5/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav/PostNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/Saas/Footer';
-
-const PageSinglePost5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-5">
-        <AllNews style="5" />
-        <PopularPosts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Post 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSinglePost5;
\ No newline at end of file
diff --git a/src/pages/page-single-post-app-left-sidebar/index.jsx b/src/pages/page-single-post-app-left-sidebar/index.jsx
deleted file mode 100644
index c77d248..0000000
--- a/src/pages/page-single-post-app-left-sidebar/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/App/Footer';
-
-const PageSinglePostLeftSidebarApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-4">
-        <AllNews leftSidebar />
-        <PopularPosts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Post App Left Sidebar</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSinglePostLeftSidebarApp;
\ No newline at end of file
diff --git a/src/pages/page-single-post-app-wide/index.jsx b/src/pages/page-single-post-app-wide/index.jsx
deleted file mode 100644
index 1475f9c..0000000
--- a/src/pages/page-single-post-app-wide/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/App/Footer';
-
-const PageSinglePostWideApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-4">
-        <AllNews isWide />
-        <PopularPosts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Post Wide App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSinglePostWideApp;
\ No newline at end of file
diff --git a/src/pages/page-single-post-app/index.jsx b/src/pages/page-single-post-app/index.jsx
deleted file mode 100644
index 1e451c5..0000000
--- a/src/pages/page-single-post-app/index.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/App/Footer';
-
-const PageSinglePostApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="blog-page style-5 color-4">
-        <AllNews />
-        <PopularPosts />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Post App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSinglePostApp;
\ No newline at end of file
diff --git a/src/pages/page-single-project-5/index.jsx b/src/pages/page-single-project-5/index.jsx
deleted file mode 100644
index e910ee3..0000000
--- a/src/pages/page-single-project-5/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/SaasNav';
-import About from 'components/SingleProject/About';
-import Challenge from 'components/SingleProject/Challenge';
-import Screenshots from 'components/App/Screenshots';
-import About2 from 'components/SingleProject/About2';
-import Projects from 'components/SingleProject/Projects';
-import Footer from 'components/Saas/Footer';
-
-const PageSingleProject5 = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current, true);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="5" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="single-project pt-50 style-5">
-        <About style="5" />
-        <Challenge style="5" />
-        <Screenshots />
-        <About2 style="5" />
-        <Projects style="5" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Project 5</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSingleProject5;
\ No newline at end of file
diff --git a/src/pages/page-single-project-app/index.jsx b/src/pages/page-single-project-app/index.jsx
deleted file mode 100644
index ec70717..0000000
--- a/src/pages/page-single-project-app/index.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav';
-import About from 'components/SingleProject/About';
-import Challenge from 'components/SingleProject/Challenge';
-import Screenshots from 'components/App/Screenshots';
-import About2 from 'components/SingleProject/About2';
-import Projects from 'components/SingleProject/Projects';
-import Footer from 'components/App/Footer';
-
-const PageSingleProjectApp = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" />
-      <Navbar navbarRef={navbarRef} />
-      <main className="single-project pt-50 style-5">
-        <About style="4" />
-        <Challenge style="4" />
-        <Screenshots />
-        <About2 style="4" />
-        <Projects style="4" />
-      </main>
-      <Footer noWave />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - Single Project App</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-    </>
-  )
-}
-
-export default PageSingleProjectApp;
\ No newline at end of file
diff --git a/src/pages/rtl-home-app-landing-onePage/index.jsx b/src/pages/rtl-home-app-landing-onePage/index.jsx
deleted file mode 100644
index c49b1a4..0000000
--- a/src/pages/rtl-home-app-landing-onePage/index.jsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-//= Scripts
-import navbarScrollEffect from "common/navbarScrollEffect";
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import TopNav from 'components/Navbars/TopNav';
-import Navbar from 'components/Navbars/AppNav/OnePageNav';
-import Header from 'components/App/Header';
-import Clients from 'components/App/Clients';
-import Features from 'components/App/Features';
-import About from 'components/App/About';
-import Screenshots from 'components/App/Screenshots';
-import Testimonials from 'components/App/Testimonials';
-import Pricing from 'components/App/Pricing';
-import FAQ from 'components/App/FAQ';
-import Community from 'components/App/Community';
-import Footer from 'components/App/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const HomeAppLandingOnePage = () => {
-  const navbarRef = useRef(null);
-
-  useEffect(() => {
-    navbarScrollEffect(navbarRef.current);
-  }, [navbarRef]);
-
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <TopNav style="4" rtl />
-      <Navbar navbarRef={navbarRef} rtl />
-      <Header rtl />
-      <main>
-        <Clients rtl />
-        <Features rtl />
-        <About rtl />
-        <Screenshots rtl />
-        <Testimonials rtl/>
-        <Pricing rtl />
-        <FAQ rtl />
-        <Community rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - App Landing One Page - RTL</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default HomeAppLandingOnePage;
\ No newline at end of file
diff --git a/src/pages/rtl-home-marketing-startup-onePage/index.jsx b/src/pages/rtl-home-marketing-startup-onePage/index.jsx
deleted file mode 100644
index 50fc2f6..0000000
--- a/src/pages/rtl-home-marketing-startup-onePage/index.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/Startup/Header';
-import About from 'components/Startup/About';
-import Services from 'components/Startup/Services';
-import Project from 'components/Startup/Project';
-import ChooseUs from 'components/Startup/ChooseUs';
-import Testimonials from 'components/Startup/Testimonials';
-import Clients from 'components/Startup/Clients';
-import Numbers from 'components/Startup/Numbers';
-import Team from 'components/Startup/Team';
-import Blog from 'components/Startup/Blog';
-import Contact from 'components/Startup/Contact';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLHomeMarketingStartupOnePage = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <Header rtl isOnePage />
-      <main>
-        <About rtl />
-        <Services rtl />
-        <Project rtl />
-        <ChooseUs rtl />
-        <Testimonials rtl />
-        <Clients rtl />
-        <Numbers rtl />
-        <Team rtl />
-        <Blog rtl />
-        <Contact rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - التسويق الالكترونى صفحة واحدة</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLHomeMarketingStartupOnePage;
\ No newline at end of file
diff --git a/src/pages/rtl-home-marketing-startup/index.jsx b/src/pages/rtl-home-marketing-startup/index.jsx
deleted file mode 100644
index d5b5761..0000000
--- a/src/pages/rtl-home-marketing-startup/index.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import Header from 'components/Startup/Header';
-import About from 'components/Startup/About';
-import Services from 'components/Startup/Services';
-import Project from 'components/Startup/Project';
-import ChooseUs from 'components/Startup/ChooseUs';
-import Testimonials from 'components/Startup/Testimonials';
-import Clients from 'components/Startup/Clients';
-import Numbers from 'components/Startup/Numbers';
-import Team from 'components/Startup/Team';
-import Blog from 'components/Startup/Blog';
-import Contact from 'components/Startup/Contact';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLHomeMarketingStartup = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <Header rtl />
-      <main>
-        <About rtl />
-        <Services rtl />
-        <Project rtl />
-        <ChooseUs rtl />
-        <Testimonials rtl />
-        <Clients rtl />
-        <Numbers rtl />
-        <Team rtl />
-        <Blog rtl />
-        <Contact rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - التسويق الالكترونى</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLHomeMarketingStartup;
\ No newline at end of file
diff --git a/src/pages/rtl-page-about/index.jsx b/src/pages/rtl-page-about/index.jsx
deleted file mode 100644
index 2f5e6b4..0000000
--- a/src/pages/rtl-page-about/index.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import AboutHeader from 'components/Saas/AboutHeader';
-import Community from 'components/Saas/Community';
-import Philosophy from 'components/Saas/Philosophy';
-import ChooseUs from 'components/Saas/ChooseUs';
-import Clients from 'components/Saas/Clients';
-import Numbers from 'components/Saas/Numbers';
-import Culture from 'components/Saas/Culture';
-import Team from 'components/Saas/Team';
-import Contact from 'components/Saas/Contact';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageAbout = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="about-page style-5">
-        <AboutHeader rtl paddingTop />
-        <Community rtl />
-        <Philosophy rtl />
-        <ChooseUs rtl />
-        <Clients padding rtl />
-        <Numbers rtl />
-        <Culture rtl />
-        <Team rtl />
-        <Contact rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - من نحن</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageAbout;
\ No newline at end of file
diff --git a/src/pages/rtl-page-blog/index.jsx b/src/pages/rtl-page-blog/index.jsx
deleted file mode 100644
index 052b4de..0000000
--- a/src/pages/rtl-page-blog/index.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import BlogSlider from 'components/Blog/BlogSlider';
-import PopularPosts from 'components/Blog/PopularPosts';
-import AllNews from 'components/Blog/AllNews';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageBlog = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="blog-page style-5">
-        <BlogSlider style="5" rtl />
-        <PopularPosts style="5" rtl />
-        <AllNews style="5" rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - المدونة</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageBlog;
\ No newline at end of file
diff --git a/src/pages/rtl-page-contact/index.jsx b/src/pages/rtl-page-contact/index.jsx
deleted file mode 100644
index 493eca7..0000000
--- a/src/pages/rtl-page-contact/index.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import Form from 'components/Contact/Form';
-import Map from 'components/Contact/Map';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageContact = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="contact-page style-5">
-        <Form style="5" rtl />
-        <Map />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - اتصل بنا</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageContact;
\ No newline at end of file
diff --git a/src/pages/rtl-page-portfolio/index.jsx b/src/pages/rtl-page-portfolio/index.jsx
deleted file mode 100644
index deeb1e6..0000000
--- a/src/pages/rtl-page-portfolio/index.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import Projects from 'components/Portfolio/Projects';
-import Download from 'components/Portfolio/Download';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPagePortfolio = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="portfolio-page style-1">
-        <Projects style="5" rtl />
-        <Download style="5" rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - المشاريع</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPagePortfolio;
\ No newline at end of file
diff --git a/src/pages/rtl-page-product/index.jsx b/src/pages/rtl-page-product/index.jsx
deleted file mode 100644
index 17ae2ed..0000000
--- a/src/pages/rtl-page-product/index.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import Product from 'components/Product';
-import ProductDetails from 'components/ProductDetails';
-import RelatedProducts from 'components/RelatedProducts';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageProduct = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="product-page style-5">
-        <Product rtl style="5" />
-        <ProductDetails rtl style="5" />
-        <RelatedProducts rtl style="5" />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - المنتج</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageProduct;
\ No newline at end of file
diff --git a/src/pages/rtl-page-services/index.jsx b/src/pages/rtl-page-services/index.jsx
deleted file mode 100644
index 09388bf..0000000
--- a/src/pages/rtl-page-services/index.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import Features from 'components/Saas/Features';
-import Services from 'components/Saas/Services';
-import About from 'components/Saas/About';
-import Testimonials from 'components/Saas/Testimonials';
-import Pricing from 'components/Saas/Pricing';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageServices = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="services-page style-5">
-        <Features rtl isServices />
-        <Services rtl />
-        <About rtl noPaddingTop />
-        <Testimonials rtl />
-        <Pricing rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - الخدمات</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageServices;
\ No newline at end of file
diff --git a/src/pages/rtl-page-shop/index.jsx b/src/pages/rtl-page-shop/index.jsx
deleted file mode 100644
index 0954505..0000000
--- a/src/pages/rtl-page-shop/index.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import Shop from 'components/Shop';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageShop = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="shop-page style-5">
-        <Shop style="5" rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - المتجر</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageShop;
\ No newline at end of file
diff --git a/src/pages/rtl-page-single-post/index.jsx b/src/pages/rtl-page-single-post/index.jsx
deleted file mode 100644
index 9eb39e8..0000000
--- a/src/pages/rtl-page-single-post/index.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import AllNews from 'components/SinglePost/AllNews';
-import PopularPosts from 'components/SinglePost/PopularPosts';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageSinglePost = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="blog-page style-5">
-        <AllNews style="5" rtl />
-        <PopularPosts style="5" rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - تفاصيل الخبر</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageSinglePost;
\ No newline at end of file
diff --git a/src/pages/rtl-page-single-project/index.jsx b/src/pages/rtl-page-single-project/index.jsx
deleted file mode 100644
index c2fb9b7..0000000
--- a/src/pages/rtl-page-single-project/index.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { useEffect } from 'react';
-//= Layout
-import MainLayout from 'layouts/Main';
-//= Components
-import NavbarRTL from 'components/Navbars/StartupNav/RTLNav';
-import About from 'components/SingleProject/About';
-import Challenge from 'components/SingleProject/Challenge';
-import Screenshots from 'components/App/Screenshots';
-import About2 from 'components/SingleProject/About2';
-import Projects from 'components/SingleProject/Projects';
-import Footer from 'components/Startup/Footer';
-//= Scripts
-import { fixRtlStylesheetsOrder } from 'common/fixStylesheetsOrder';
-
-const RTLPageSingleProject = () => {
-  useEffect(() => {
-    fixRtlStylesheetsOrder();
-  }, []);
-
-  return (
-    <MainLayout>
-      <NavbarRTL whiteNotRounded />
-      <main className="single-project pt-50 style-5">
-        <About style="5" rtl />
-        <Challenge style="5" rtl />
-        <Screenshots />
-        <About2 style="5" rtl />
-        <Projects style="5" rtl />
-      </main>
-      <Footer rtl />
-    </MainLayout>
-  )
-}
-
-export const Head = () => {
-  return (
-    <>
-      <title>Iteck - تفاصيل المشروع</title>
-      <link rel="stylesheet" href="/assets/css/lib/bootstrap.rtl.min.css" />
-      <link rel="stylesheet" href="/assets/css/style.css" />
-      <link rel="stylesheet" href="/assets/css/rtl_style.css" />
-    </>
-  )
-}
-
-export default RTLPageSingleProject;
\ No newline at end of file
diff --git a/static/assets/img/fav.png b/static/assets/img/fav.png
index 7626d2c..426af43 100644
Binary files a/static/assets/img/fav.png and b/static/assets/img/fav.png differ
diff --git a/static/assets/img/fav2.png b/static/assets/img/fav2.png
new file mode 100644
index 0000000..7626d2c
Binary files /dev/null and b/static/assets/img/fav2.png differ
diff --git a/static/data/navbar.json b/static/data/navbar.json
index ee383dc..4ac2fda 100644
--- a/static/data/navbar.json
+++ b/static/data/navbar.json
@@ -1,35 +1,48 @@
-
-    {
-        "navbardata":[
-          {
-                "testimonials":{
-                    "es":"Testimonios",
-                    "en":"Testimonials"
-                },
-                "services":{
-                    "es":"Servicios",
-                    "en":"Services"
-                },
-                "about_us":{
-                    "es":"Acerca de nosotros",
-                    "en":"About Us"
-                },
-                "portfolio": {
-                    "es":"Portafolio",
-                    "en":"Portfolio"
-                },
-                "pricing":{
-                    "es":"Precios",
-                    "en":"Pricing"
-                },
-                "team":{
-                    "es":"Equipo",
-                    "en":"Team"
-                },
-                "blog":{
-                    "es":"Blog",
-                    "en":"Blog"
-                }
-            }
-            ]
-}
\ No newline at end of file
+{
+  "navbardata": {
+    "navbar": [
+      {
+        "language": {
+          "es": "Testimonios",
+          "en": "Testimonials"
+        },
+        "dataindexnav": "1"
+      },
+      {
+        "language": {
+          "es": "Servicios",
+          "en": "Services"
+        },
+        "dataindexnav": "2"
+      },
+      {
+        "language": {
+          "es": "Nosotros",
+          "en": "About Us"
+        },
+        "dataindexnav": "3"
+      },
+      {
+        "language": {
+          "es": "Portafolio",
+          "en": "Portfolio"
+        },
+        "dataindexnav": "4"
+      },
+      {
+        "language": {
+          "es": "Precios",
+          "en": "Pricing"
+        },
+        "dataindexnav": "5"
+      },
+      {
+        "language": {
+          "es": "Blog",
+          "en": "Blog"
+        },
+        "dataindexnav": "7"
+      }
+    ]
+  }
+}