diff --git a/app/(blogs)/news-details/[id]/page.jsx b/app/(blogs)/news-details/[id] copy/page.jsx
similarity index 100%
rename from app/(blogs)/news-details/[id]/page.jsx
rename to app/(blogs)/news-details/[id] copy/page.jsx
diff --git a/app/(blogs)/news-details/[slug]/page.jsx b/app/(blogs)/news-details/[slug]/page.jsx
new file mode 100644
index 0000000..104c037
--- /dev/null
+++ b/app/(blogs)/news-details/[slug]/page.jsx
@@ -0,0 +1,58 @@
+import BlogDetails from "@/components/blogs/BlogDetails";
+import Brands from "@/components/common/Brands";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import { BlogData } from "@/utlis/constant.utils";
+import Image from "next/image";
+import Link from "next/link";
+
+export const metadata = {
+  title: "Blog Details || Xbuild - Construction Next.js Template",
+  description: "Xbuild - Construction Next.js Template",
+};
+
+export default function page({ params }) {
+  const newsItem =
+    BlogData.find((elm) => elm.slug === params.slug) || BlogData[0];
+
+  return (
+    <>
+      <Header1 />
+      <div
+        className="breadcrumb-wrapper bg-cover"
+        style={{ backgroundImage: `url(${newsItem.bannerImage})` }}
+      >
+        <div className="container">
+          <div className="breadcrumb-wrapper-items">
+            <div className="page-heading">
+              <div className="breadcrumb-sub-title">
+                <h1 className="wow fadeInUp" data-wow-delay=".3s">
+                  {newsItem.title}
+                </h1>
+              </div>
+              <ul
+                className="breadcrumb-items wow fadeInUp"
+                data-wow-delay=".5s"
+              >
+                <li>
+                  <Link href={`/`}> Home </Link>
+                </li>
+                <li>
+                  <i className="fa-sharp fa-solid fa-slash-forward" />
+                </li>
+                <li>Blog Details</li>
+              </ul>
+            </div>
+            <div className="breadcrumb-image">
+            </div>
+          </div>
+        </div>
+      </div>
+      <BlogDetails newsItem={newsItem} />
+      {/* <div className="brand-section fix section-padding pt-0">
+        <Brands />
+      </div> */}
+      <Footer1 />
+    </>
+  );
+}
diff --git a/components/blogs/BlogDetails.jsx b/components/blogs/BlogDetails.jsx
index f8eb898..403fb21 100644
--- a/components/blogs/BlogDetails.jsx
+++ b/components/blogs/BlogDetails.jsx
@@ -1,239 +1,36 @@
 "use client";
-import Image from "next/image";
-import Comments from "./Comments";
-import CommentForm from "./CommentForm";
-import { links, listItems, recentItems, socialLinks } from "@/data/blogs";
-import Link from "next/link";
+import { BlogData } from "@/utlis/constant.utils";
+
 export default function BlogDetails({ newsItem }) {
   return (
     <section className="news-standard fix section-padding">
       <div className="container">
         <div className="row g-4">
-          <div className="col-12 col-lg-8">
+          <div className="col-12">
             <div className="blog-post-details">
               <div className="single-blog-post">
                 <div
                   className="post-featured-thumb bg-cover"
                   style={{
-                    backgroundImage: 'url("/assets/img/news/post-4.jpg")',
+                    backgroundImage: `url(${newsItem.image})`,
                   }}
                 />
                 <div className="post-content">
                   <ul className="post-list d-flex align-items-center">
                     <li>
-                      <i className="fa-regular fa-user" />
-                      By Admin
+                      <i className="fa-regular fa-user" /> By Admin
                     </li>
                     <li>
-                      <i className="fa-solid fa-calendar-days" />
-                      18 Dec, 2024
+                      <i className="fa-solid fa-calendar-days" /> {newsItem.date}
                     </li>
                     <li>
-                      <i className="fa-solid fa-tag" />
-                      Technology
+                      <i className="fa-solid fa-tag" /> {newsItem.category}
                     </li>
                   </ul>
-                  <h3>{newsItem.title}</h3>
-                  <p className="mb-3">
-                    Consectetur adipisicing elit, sed do eiusmod tempor
-                    incididunt ut labore et dolore of magna aliqua. Ut enim ad
-                    minim veniam, made of owl the quis nostrud exercitation
-                    ullamco laboris nisi ut aliquip ex ea dolor commodo
-                    consequat. Duis aute irure and dolor in reprehenderit.
-                  </p>
-                  <p className="mb-3">
-                    The is ipsum dolor sit amet consectetur adipiscing elit.
-                    Fusce eleifend porta arcu In hac habitasse the is platea
-                    augue thelorem turpoi dictumst. In lacus libero faucibus at
-                    malesuada sagittis placerat eros sed istincidunt augue ac
-                    ante rutrum sed the is sodales augue consequat.
-                  </p>
-                  <p>
-                    Nulla facilisi. Vestibulum tristique sem in eros eleifend
-                    imperdiet. Donec quis convallis neque. In id lacus pulvinar
-                    lacus, eget vulputate lectus. Ut viverra bibendum lorem, at
-                    tempus nibh mattis in. Sed a massa eget lacus consequat
-                    auctor.
-                  </p>
-                  <div className="hilight-text mt-4 mb-4">
-                    <p>
-                      Pellentesque sollicitudin congue dolor non aliquam. Morbi
-                      volutpat, nisi vel ultricies urnacondimentum, sapien neque
-                      lobortis tortor, quis efficitur mi ipsum eu metus.
-                      Praesent eleifend orci sit amet est vehicula.
-                    </p>
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width={36}
-                      height={36}
-                      viewBox="0 0 36 36"
-                      fill="none"
-                    >
-                      <path
-                        d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z"
-                        stroke="#F55B1F"
-                      />
-                      <path
-                        d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z"
-                        stroke="#F55B1F"
-                      />
-                    </svg>
-                  </div>
-                  <p className="mt-4 mb-5">
-                    Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et
-                    massa mi. Aliquam in hendrerit urna. Pellentesque sit amet
-                    sapien fringilla, mattis ligula consectetur, ultrices
-                    mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet
-                    augue. Vestibulum auctor ornare leo, non suscipit magna
-                    interdum eu. Curabitur pellentesque nibh nibh, at maximus
-                    ante fermentum sit amet. Pellentesque commodo lacus at
-                    sodales sodales. Quisque sagittis orci ut diam condimentum,
-                    vel euismod erat placerat. In iaculis arcu eros.
-                  </p>
-                  <div className="row g-4">
-                    <div className="col-lg-6">
-                      <div className="details-image">
-                        <Image
-                          src="/assets/img/news/post-5.jpg"
-                          width={370}
-                          height={269}
-                          alt="img"
-                        />
-                      </div>
-                    </div>
-                    <div className="col-lg-6">
-                      <div className="details-image">
-                        <Image
-                          src="/assets/img/news/post-6.jpg"
-                          width={370}
-                          height={269}
-                          alt="img"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                  <p className="pt-5">
-                    Consectetur adipisicing elit, sed do eiusmod tempor
-                    incididunt ut labore et dolore of magna aliqua. Ut enim ad
-                    minim veniam, made of owl the quis nostrud exercitation
-                    ullamco laboris nisi ut aliquip ex ea dolor commodo
-                    consequat. Duis aute irure and dolor in
-                    reprehenderit.Consectetur adipisicing elit, sed do eiusmod
-                    tempor incididunt ut labore et dolore of magna aliqua. Ut
-                    enim ad minim veniam, made of owl the quis nostrud
-                    exercitation ullamco laboris nisi ut aliquip ex ea dolor
-                    commodo consequat. Duis aute irure and dolor in
-                    reprehenderit.
-                  </p>
-                </div>
-              </div>
-              <div className="row tag-share-wrap mt-4 mb-5">
-                <div className="col-lg-8 col-12">
-                  <div className="tagcloud">
-                    <span>Tags:</span>
-                    <a href="#">Travel</a>
-                    <a href="#">Services</a>
-                    <a href="#">Agency</a>
-                  </div>
-                </div>
-                <div className="col-lg-4 col-12 mt-3 mt-lg-0 text-lg-end">
-                  <div className="social-share">
-                    <span className="me-3">Share:</span>
-                    {socialLinks.map((link, index) => (
-                      <a href={link.href} key={index}>
-                        <i className={link.iconClass} />
-                      </a>
-                    ))}
-                  </div>
-                </div>
-              </div>
-              <div className="comments-area">
-                <div className="comments-heading">
-                  <h3>02 Comments</h3>
-                </div>
-                <Comments />
-              </div>
-              <div className="comment-form-wrap pt-5">
-                <h3>Leave a comments</h3>
-                <CommentForm />
-              </div>
-            </div>
-          </div>
-          <div className="col-12 col-lg-4">
-            <div className="main-sidebar">
-              <div className="single-sidebar-widget">
-                <div className="wid-title">
-                  <h3>Search</h3>
-                </div>
-                <div className="search-widget">
-                  <form onSubmit={(e) => e.preventDefault()}>
-                    <input type="text" placeholder="Search here" />
-                    <button type="submit">
-                      <i className="fa-solid fa-magnifying-glass" />
-                    </button>
-                  </form>
-                </div>
-              </div>
-              <div className="single-sidebar-widget">
-                <div className="wid-title">
-                  <h3>Categories</h3>
-                </div>
-                <div className="news-widget-categories">
-                  <ul>
-                    {listItems.map((item, index) => (
-                      <li key={index} className={item.isActive ? "active" : ""}>
-                        <a href={item.link}>{item.text}</a>{" "}
-                        <span>{item.count}</span>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              </div>
-              <div className="single-sidebar-widget">
-                <div className="wid-title">
-                  <h3>Recent Post</h3>
-                </div>
-                <div className="recent-post-area">
-                  {recentItems.map((item, index) => (
-                    <div className="recent-items" key={index}>
-                      <div className="recent-thumb">
-                        <Image
-                          src={item.imageSrc}
-                          width={70}
-                          height={70}
-                          alt="img"
-                        />
-                      </div>
-                      <div className="recent-content">
-                        <ul>
-                          <li>
-                            <i className="fa-solid fa-calendar-days" />
-                            {item.date}
-                          </li>
-                        </ul>
-                        <h6>
-                          <Link
-                            href={`/news-details/${item.id}`}
-                            dangerouslySetInnerHTML={{ __html: item.title }}
-                          />
-                        </h6>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-              <div className="single-sidebar-widget">
-                <div className="wid-title">
-                  <h3>Popular Tag</h3>
-                </div>
-                <div className="news-widget-categories">
-                  <div className="tagcloud">
-                    {links.map((link, index) => (
-                      <Link href={link.href} key={index}>
-                        {link.text}
-                      </Link>
-                    ))}
-                  </div>
+                  <div
+                    className="post-description blog-description"
+                    dangerouslySetInnerHTML={{ __html: newsItem.description }}
+                  />
                 </div>
               </div>
             </div>
diff --git a/components/blogs/BlogDetails2.jsx b/components/blogs/BlogDetails2.jsx
new file mode 100644
index 0000000..f8eb898
--- /dev/null
+++ b/components/blogs/BlogDetails2.jsx
@@ -0,0 +1,245 @@
+"use client";
+import Image from "next/image";
+import Comments from "./Comments";
+import CommentForm from "./CommentForm";
+import { links, listItems, recentItems, socialLinks } from "@/data/blogs";
+import Link from "next/link";
+export default function BlogDetails({ newsItem }) {
+  return (
+    <section className="news-standard fix section-padding">
+      <div className="container">
+        <div className="row g-4">
+          <div className="col-12 col-lg-8">
+            <div className="blog-post-details">
+              <div className="single-blog-post">
+                <div
+                  className="post-featured-thumb bg-cover"
+                  style={{
+                    backgroundImage: 'url("/assets/img/news/post-4.jpg")',
+                  }}
+                />
+                <div className="post-content">
+                  <ul className="post-list d-flex align-items-center">
+                    <li>
+                      <i className="fa-regular fa-user" />
+                      By Admin
+                    </li>
+                    <li>
+                      <i className="fa-solid fa-calendar-days" />
+                      18 Dec, 2024
+                    </li>
+                    <li>
+                      <i className="fa-solid fa-tag" />
+                      Technology
+                    </li>
+                  </ul>
+                  <h3>{newsItem.title}</h3>
+                  <p className="mb-3">
+                    Consectetur adipisicing elit, sed do eiusmod tempor
+                    incididunt ut labore et dolore of magna aliqua. Ut enim ad
+                    minim veniam, made of owl the quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea dolor commodo
+                    consequat. Duis aute irure and dolor in reprehenderit.
+                  </p>
+                  <p className="mb-3">
+                    The is ipsum dolor sit amet consectetur adipiscing elit.
+                    Fusce eleifend porta arcu In hac habitasse the is platea
+                    augue thelorem turpoi dictumst. In lacus libero faucibus at
+                    malesuada sagittis placerat eros sed istincidunt augue ac
+                    ante rutrum sed the is sodales augue consequat.
+                  </p>
+                  <p>
+                    Nulla facilisi. Vestibulum tristique sem in eros eleifend
+                    imperdiet. Donec quis convallis neque. In id lacus pulvinar
+                    lacus, eget vulputate lectus. Ut viverra bibendum lorem, at
+                    tempus nibh mattis in. Sed a massa eget lacus consequat
+                    auctor.
+                  </p>
+                  <div className="hilight-text mt-4 mb-4">
+                    <p>
+                      Pellentesque sollicitudin congue dolor non aliquam. Morbi
+                      volutpat, nisi vel ultricies urnacondimentum, sapien neque
+                      lobortis tortor, quis efficitur mi ipsum eu metus.
+                      Praesent eleifend orci sit amet est vehicula.
+                    </p>
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width={36}
+                      height={36}
+                      viewBox="0 0 36 36"
+                      fill="none"
+                    >
+                      <path
+                        d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z"
+                        stroke="#F55B1F"
+                      />
+                      <path
+                        d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z"
+                        stroke="#F55B1F"
+                      />
+                    </svg>
+                  </div>
+                  <p className="mt-4 mb-5">
+                    Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et
+                    massa mi. Aliquam in hendrerit urna. Pellentesque sit amet
+                    sapien fringilla, mattis ligula consectetur, ultrices
+                    mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet
+                    augue. Vestibulum auctor ornare leo, non suscipit magna
+                    interdum eu. Curabitur pellentesque nibh nibh, at maximus
+                    ante fermentum sit amet. Pellentesque commodo lacus at
+                    sodales sodales. Quisque sagittis orci ut diam condimentum,
+                    vel euismod erat placerat. In iaculis arcu eros.
+                  </p>
+                  <div className="row g-4">
+                    <div className="col-lg-6">
+                      <div className="details-image">
+                        <Image
+                          src="/assets/img/news/post-5.jpg"
+                          width={370}
+                          height={269}
+                          alt="img"
+                        />
+                      </div>
+                    </div>
+                    <div className="col-lg-6">
+                      <div className="details-image">
+                        <Image
+                          src="/assets/img/news/post-6.jpg"
+                          width={370}
+                          height={269}
+                          alt="img"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <p className="pt-5">
+                    Consectetur adipisicing elit, sed do eiusmod tempor
+                    incididunt ut labore et dolore of magna aliqua. Ut enim ad
+                    minim veniam, made of owl the quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea dolor commodo
+                    consequat. Duis aute irure and dolor in
+                    reprehenderit.Consectetur adipisicing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore of magna aliqua. Ut
+                    enim ad minim veniam, made of owl the quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea dolor
+                    commodo consequat. Duis aute irure and dolor in
+                    reprehenderit.
+                  </p>
+                </div>
+              </div>
+              <div className="row tag-share-wrap mt-4 mb-5">
+                <div className="col-lg-8 col-12">
+                  <div className="tagcloud">
+                    <span>Tags:</span>
+                    <a href="#">Travel</a>
+                    <a href="#">Services</a>
+                    <a href="#">Agency</a>
+                  </div>
+                </div>
+                <div className="col-lg-4 col-12 mt-3 mt-lg-0 text-lg-end">
+                  <div className="social-share">
+                    <span className="me-3">Share:</span>
+                    {socialLinks.map((link, index) => (
+                      <a href={link.href} key={index}>
+                        <i className={link.iconClass} />
+                      </a>
+                    ))}
+                  </div>
+                </div>
+              </div>
+              <div className="comments-area">
+                <div className="comments-heading">
+                  <h3>02 Comments</h3>
+                </div>
+                <Comments />
+              </div>
+              <div className="comment-form-wrap pt-5">
+                <h3>Leave a comments</h3>
+                <CommentForm />
+              </div>
+            </div>
+          </div>
+          <div className="col-12 col-lg-4">
+            <div className="main-sidebar">
+              <div className="single-sidebar-widget">
+                <div className="wid-title">
+                  <h3>Search</h3>
+                </div>
+                <div className="search-widget">
+                  <form onSubmit={(e) => e.preventDefault()}>
+                    <input type="text" placeholder="Search here" />
+                    <button type="submit">
+                      <i className="fa-solid fa-magnifying-glass" />
+                    </button>
+                  </form>
+                </div>
+              </div>
+              <div className="single-sidebar-widget">
+                <div className="wid-title">
+                  <h3>Categories</h3>
+                </div>
+                <div className="news-widget-categories">
+                  <ul>
+                    {listItems.map((item, index) => (
+                      <li key={index} className={item.isActive ? "active" : ""}>
+                        <a href={item.link}>{item.text}</a>{" "}
+                        <span>{item.count}</span>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </div>
+              <div className="single-sidebar-widget">
+                <div className="wid-title">
+                  <h3>Recent Post</h3>
+                </div>
+                <div className="recent-post-area">
+                  {recentItems.map((item, index) => (
+                    <div className="recent-items" key={index}>
+                      <div className="recent-thumb">
+                        <Image
+                          src={item.imageSrc}
+                          width={70}
+                          height={70}
+                          alt="img"
+                        />
+                      </div>
+                      <div className="recent-content">
+                        <ul>
+                          <li>
+                            <i className="fa-solid fa-calendar-days" />
+                            {item.date}
+                          </li>
+                        </ul>
+                        <h6>
+                          <Link
+                            href={`/news-details/${item.id}`}
+                            dangerouslySetInnerHTML={{ __html: item.title }}
+                          />
+                        </h6>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+              <div className="single-sidebar-widget">
+                <div className="wid-title">
+                  <h3>Popular Tag</h3>
+                </div>
+                <div className="news-widget-categories">
+                  <div className="tagcloud">
+                    {links.map((link, index) => (
+                      <Link href={link.href} key={index}>
+                        {link.text}
+                      </Link>
+                    ))}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/homes/home-1/Hero.jsx b/components/homes/home-1/Hero.jsx
index a67651b..9161bfc 100644
--- a/components/homes/home-1/Hero.jsx
+++ b/components/homes/home-1/Hero.jsx
@@ -9,14 +9,14 @@ export default function Hero() {
   const swiperOptions = {
     slidesPerView: 1,
     loop: true,
-    speed: 4000,
+    speed: 1000,
     freeMode: true,
     autoplay: {
-      delay: 0,
+      delay: 4000,
       disableOnInteraction: false,
     },
     pagination: {
-      el: ".swiper-pagination",
+      el: "bullets",
       clickable: true,
     },
     modules: [Autoplay, Pagination],
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index 69bf635..b1c7c34 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -5818,7 +5818,7 @@ input.main-search-input::placeholder {
 
 .section-bg {
   /* background-color: var(--bg); */
-background-color: #052464;
+background-color: #0b2273;
 }
 
 .section-bg-2 {
diff --git a/public/assets/scss/_hero.scss b/public/assets/scss/_hero.scss
index fba1f86..d847de9 100644
--- a/public/assets/scss/_hero.scss
+++ b/public/assets/scss/_hero.scss
@@ -2,7 +2,7 @@
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
-    padding: 190px 0;
+    padding: 110px 0;
 
     @include breakpoint(max-xxl) {
         padding: 140px 0;
diff --git a/public/assets/scss/_news.scss b/public/assets/scss/_news.scss
index 5f78321..1c0c76c 100644
--- a/public/assets/scss/_news.scss
+++ b/public/assets/scss/_news.scss
@@ -925,4 +925,20 @@
             }
         }
     }
-}
\ No newline at end of file
+}
+.blog-description ul {
+  list-style-type: disc;  
+  padding-left: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.blog-description ol {
+  list-style-type: decimal; 
+  padding-left: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.blog-description li {
+  margin-bottom: 0.5rem;
+  line-height: 1.6;
+}
diff --git a/public/assets/scss/_section.scss b/public/assets/scss/_section.scss
index c8917e6..76ecdf1 100644
--- a/public/assets/scss/_section.scss
+++ b/public/assets/scss/_section.scss
@@ -66,7 +66,7 @@
 
 .section-bg {
 	// background-color: $bg-color;
-	background-color: #052464;
+	background-color: #0b2273;
 }
 
 .section-bg-2 {
diff --git a/utlis/constant.utils.js b/utlis/constant.utils.js
index 7b3eb5f..5e6d7e4 100644
--- a/utlis/constant.utils.js
+++ b/utlis/constant.utils.js
@@ -33,172 +33,239 @@ export const newsImageItems = [
   },
 ];
 
-export const newsItems2 = [
-  {
-    id: 4,
-    imageSrc: "/assets/img/news/04.jpg",
-    category: "Construction",
-    date: "07 July 2024",
-    title: "Latest Work Was Disapproved by the Supervisor.",
-    authorImgSrc: "/assets/img/news/author-1.png",
-    authorName: "Guy Hawkins",
-    style: "",
-  },
-  {
-    id: 5,
-    imageSrc: "/assets/img/news/05.jpg",
-    category: "Building",
-    date: "07 July 2024",
-    title: "Manager Disapproved of the Most Recent Work.",
-    authorImgSrc: "/assets/img/news/author-2.png",
-    authorName: "Guy Hawkins",
-    style: "active",
-  },
-  {
-    id: 6,
-    imageSrc: "/assets/img/news/06.jpg",
-    category: "Industry",
-    date: "07 July 2024",
-    title: "Manager Found Latest Work Unsatisfactory.",
-    authorImgSrc: "/assets/img/news/author-3.png",
-    authorName: "Guy Hawkins",
-    style: "",
-  },
-];
-
 export const BlogData = [
   {
     id: 7,
-    slug: "latest-work-was-disapproved-by-the-supervisor",
+    slug: "rise-of-turnkey-coconut-processing-plants",
+    image: "/assets/img/news/post-4.jpg",
+    bannerImage: "/assets/img/breadcrumb-bg.jpg",
     images: ["/assets/img/news/04.jpg", "/assets/img/news/04.jpg"],
-    category: "Construction",
+    category: "Coconut Tech",
     date: "07 July 2024",
-    title: "Latest Work Was Disapproved by the Supervisor.",
+    title: "Revolutionizing Coconut Processing: The Rise of Turnkey Plants",
     author: {
       name: "Guy Hawkins",
       image: "/assets/img/news/author-1.png",
     },
     delay: ".2s",
     description: `
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-  <p>Curabitur vel orci id nisi vehicula viverra. Integer nec eros sit amet velit pretium pulvinar.</p>
-  <blockquote><p>This is a highlighted quote in the blog post.</p></blockquote>
-  <p>Ut egestas augue non tincidunt tincidunt. Donec vulputate lacus vel felis tempor, ac ullamcorper nulla varius.</p>
+  <h2>Revolutionizing Coconut Processing: The Rise of Turnkey Plants</h2>
+
+<div class="hilight-text mt-4 mb-4">
+  <p>
+    As the demand for processed coconut products continues to surge globally, the spotlight is increasingly turning toward efficient, scalable, and future-ready processing systems. At the heart of this transformation lies the rise of turnkey coconut processing plants - smartly engineered facilities that handle everything from deshelling to drying and packaging.
+  </p>
+  <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
+    <path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F"/>
+    <path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F"/>
+  </svg>
+</div>
+<p>
+  At Cibus, we believe the future of coconut processing is not fragmented – it’s fully integrated.
+</p>
+
+<h3 class="mt-3 mb-1">What Is a Turnkey Coconut Processing Plant?</h3>
+<p>
+  A turnkey plant refers to a complete, ready-to-operate solution where every element—from machinery installation to workflow design—is optimized for performance. This model eliminates the complexity of sourcing and integrating different machines from various vendors.
+</p>
+<p>Our turnkey systems cover:</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Deshelling</li>
+  <li>Drying</li>
+  <li>Grinding</li>
+  <li>Packaging</li>
+  <li>Automation &amp; Quality Monitoring</li>
+</ul>
+<p>
+  Each machine is engineered to work seamlessly with the next, ensuring zero bottlenecks and minimal downtime.
+</p>
+
+<h3 class="mt-3 mb-1">The Sustainability Edge</h3>
+<p>
+  One of the core advantages of modern turnkey solutions is their alignment with green manufacturing practices. Our systems are built to:
+</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Minimize energy consumption through efficient dryers</li>
+  <li>Reduce waste with precise shell separation</li>
+  <li>Optimize raw material utilization through custom calibrations</li>
+</ul>
+<p>
+  We help companies align with zero-waste production goals while reducing operational costs and environmental impact.
+</p>
+
+<h3 class="mt-3 mb-1">Speed, Scale &amp; Flexibility</h3>
+<p>
+  Turnkey plants are designed to grow with your business. Whether you're a mid-sized coconut product exporter or a large-scale food manufacturing unit, our scalable setups adapt to your current and future production needs.
+</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Quick installation &amp; commissioning</li>
+  <li>Modular design for phased expansion</li>
+  <li>IoT-enabled monitoring for predictive maintenance</li>
+</ul>
+
+<h3 class="mt-3 mb-1">Global Readiness, Local Execution</h3>
+<p>
+  Our turnkey plants are trusted by clients across Southeast Asia, the Middle East, and Africa. With German-grade engineering precision and 24/7 global support, you don’t just get machinery – you get a partner in progress.
+</p>
+<p><strong>Ready to revolutionize your coconut processing line?</strong> Let’s build it together.</p>
+
+
 `
 
   },
   {
     id: 8,
-    slug: "manager-disapproved-of-the-most-recent-work",
-    images: ["/assets/img/news/05.jpg", "/assets/img/news/05.jpg"],
-    category: "Building",
+    slug: "coconut-deshelling-machine-upgrades",
+    image: "/assets/img/news/post-4.jpg",
+    bannerImage: "/assets/img/breadcrumb-bg.jpg",
+    images: ["/assets/img/news/04.jpg", "/assets/img/news/04.jpg"],
+    category: "Machine Insights",
     date: "07 July 2024",
-    title: "Manager Disapproved of the Most Recent Work.",
+    title: "Deshelling Machine Upgrades: What You Need to Know",
     author: {
       name: "Guy Hawkins",
-      image: "/assets/img/news/author-2.png",
+      image: "/assets/img/news/author-1.png",
     },
-    delay: ".4s",
-    active: true,
+    delay: ".2s",
+    description: `
+  <h2>Deshelling Machine Upgrades: What You Need to Know</h2>
+
+<div class="hilight-text mt-4 mb-4">
+  <p>
+    Coconut deshelling is the foundational step in the coconut processing value chain. Yet, it’s also one of the most overlooked when it comes to equipment investment. Relying on outdated deshelling machinery can result in poor shell separation, higher labor costs, product damage, and supervisor frustration.
+  </p>
+  <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
+    <path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F"/>
+    <path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F"/>
+  </svg>
+</div>
+<p>
+  Upgrading your deshelling equipment isn’t just a mechanical choice – it’s a strategic business decision.
+</p>
+
+<h3 class="mt-3 mb-1">Signs It’s Time to Upgrade</h3>
+<p>If your production line experiences any of the following, a desheller upgrade is likely overdue:</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Inconsistent shell removal</li>
+  <li>Increased downtime due to blade wear</li>
+  <li>Labor-intensive manual handling</li>
+  <li>Higher rejection rates in quality checks</li>
+</ul>
+<p>
+  These issues slow down your entire line, increase costs, and compromise end-product quality.
+</p>
+
+<h3 class="mt-3 mb-1">What to Look For in a Next-Gen Deshelling Machine</h3>
+<p>
+  Modern deshellers – like those offered by Cibus – are built for speed, precision, and durability. When considering an upgrade, evaluate machines based on:
+</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Shell separation efficiency (minimal kernel damage)</li>
+  <li>Build material (corrosion-resistant, food-grade steel)</li>
+  <li>Throughput compatibility (can it scale with your dryer?)</li>
+  <li>Automation readiness (sensor-based control, minimal manual input)</li>
+</ul>
+
+<h3 class="mt-3 mb-1">Integration with Existing Lines</h3>
+<p>
+  Worried about compatibility with your current setup? Our engineering team specializes in custom retrofitting, allowing you to seamlessly integrate upgraded deshellers into legacy systems without major reconfiguration.
+</p>
+<p>
+  The result: increased productivity without operational disruption.
+</p>
+
+<h3 class="mt-3 mb-1">Real Results from Real Clients</h3>
+<p>
+  A South Indian food manufacturer upgraded to our deshelling system and reduced shell residue by 40%. Manual labor needs dropped by 60%, and line productivity increased by 25%.
+</p>
+<p>
+  When you upgrade smart, your supervisors – and your bottom line – will thank you.
+</p>
+
+`
+
   },
   {
     id: 9,
-    slug: "manager-found-latest-work-unsatisfactory",
-    images: ["/assets/img/news/06.jpg", "/assets/img/news/06.jpg"],
-    category: "Industry",
+    slug: "choosing-the-right-coconut-dryer",
+    image: "/assets/img/news/post-4.jpg",
+    bannerImage: "/assets/img/breadcrumb-bg.jpg",
+    images: ["/assets/img/news/04.jpg", "/assets/img/news/04.jpg"],
+    category: "Operational Tips",
     date: "07 July 2024",
-    title: "Manager Found Latest Work Unsatisfactory.",
+    title: "Dry Smarter: Choosing the Right Coconut Dryer for Your Facility",
     author: {
       name: "Guy Hawkins",
-      image: "/assets/img/news/author-3.png",
+      image: "/assets/img/news/author-1.png",
     },
-    delay: ".6s",
-  },
-];
+    delay: ".2s",
+    description: `
+  <h2>Dry Smarter: Choosing the Right Coconut Dryer for Your Facility</h2>
 
-export const newsItems4 = [
-  {
-    id: 13,
-    type: "standard",
-    imageSrc: "/assets/img/news/post-1.jpg",
-    title: "Attentive was born in 2015 help sales teams",
-    date: "09 July 2024",
-    category: "Building",
-    content:
-      "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't look even slightly believable. If you are going to use a passage of xyz Lorem Ipsum, you need to be sure there isn't anything embarrassing",
-  },
-  {
-    id: 14,
-    type: "slider",
-    swiperSlides: [
-      "/assets/img/news/post-1.jpg",
-      "/assets/img/news/post-2.jpg",
-      "/assets/img/news/post-3.jpg",
-    ],
-    title: "Rules for Security on Construction Sites",
-    date: "09 July 2024",
-    category: "Building",
-    content:
-      "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't look even slightly believable. If you are going to use a passage of xyz Lorem Ipsum, you need to be sure there isn't anything embarrassing",
-  },
-  {
-    id: 15,
-    type: "video",
-    imageSrc: "/assets/img/news/post-3.jpg",
-    title: "Norms for Security on Construction Sites",
-    date: "09 July 2024",
-    category: "Building",
-    content:
-      "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't look even slightly believable. If you are going to use a passage of xyz Lorem Ipsum, you need to be sure there isn't anything embarrassing",
-    video: true,
-  },
-];
+<div class="hilight-text mt-4 mb-4">
+  <p>
+    Drying is one of the most critical steps in coconut processing. Done right, it ensures product quality, extends shelf life, and increases profitability. Done poorly, it leads to moisture inconsistencies, spoilage, and regulatory non-compliance.
+  </p>
+  <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
+    <path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F"/>
+    <path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F"/>
+  </svg>
+</div>
+<p>
+  Selecting the right coconut dryer isn’t a simple plug-and-play task, it requires strategic thinking and technical understanding.
+</p>
 
-export const recentItems = [
-  {
-    id: 16,
-    imageSrc: "/assets/img/news/pp2.jpg",
-    date: "09 July 2024",
-    title: "The Beast Group <br /> Present And",
-  },
-  {
-    id: 17,
-    imageSrc: "/assets/img/news/pp3.jpg",
-    date: "09 July 2024",
-    title: "Construction Site <br /> Safety Guidelines",
-  },
-  {
-    id: 18,
-    imageSrc: "/assets/img/news/pp4.jpg",
-    date: "09 July 2024",
-    title: "An attractive <br /> construction website",
-  },
-];
+<h3 class="mt-3 mb-1">Key Factors in Dryer Selection</h3>
+<p>Choosing the right dryer for your facility depends on several variables:</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Volume of raw coconuts processed daily</li>
+  <li>Type of end-product (copra, coconut flour, desiccated coconut)</li>
+  <li>Available space and power infrastructure</li>
+  <li>Required drying time and uniformity</li>
+</ul>
+<p>
+  At Cibus, we design dryers tailored to these needs – ensuring maximum efficiency with minimal energy waste.
+</p>
 
-export const allNews = [
-  ...newsItems,
-  ...newsImageItems,
-  ...newsItems2,
-  ...newsItems4,
-  ...recentItems,
-];
-export const links = [
-  { text: "Building", href: "#" },
-  { text: "Construction", href: "#" },
-  { text: "Marketing", href: "#" },
-  { text: "Design", href: "#" },
-];
+<h3 class="mt-3 mb-1">Types of Coconut Dryers We Offer</h3>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Batch Dryers – Ideal for small to mid-scale operations</li>
+  <li>Continuous Belt Dryers – Suited for large-scale, high-throughput facilities</li>
+  <li>Hybrid Dryers – Combine electric and biomass options for greater energy control</li>
+</ul>
+<p>
+  All models are engineered with precise airflow control and temperature monitoring, reducing moisture inconsistencies across batches.
+</p>
 
-export const listItems = [
-  { text: "Building", link: "#", count: 5 },
-  { text: "Construction", link: "#", count: 3 },
-  { text: "Factory", link: "#", count: 4, isActive: true },
-  { text: "Industry", link: "#", count: 2 },
-  { text: "Real Estate", link: "#", count: 3 },
-];
-export const socialLinks = [
-  { href: "#", iconClass: "fab fa-facebook-f" },
-  { href: "#", iconClass: "fab fa-twitter" },
-  { href: "#", iconClass: "fab fa-linkedin-in" },
-  { href: "#", iconClass: "fab fa-youtube" },
-];
+<h3 class="mt-3 mb-1">Smart Drying with Data</h3>
+<p>Our dryers come with smart sensor integrations, enabling operators to:</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>Monitor temperature and humidity in real time</li>
+  <li>Receive alerts on anomalies</li>
+  <li>Adjust parameters remotely via IoT dashboards</li>
+</ul>
+<p>
+  This level of control ensures every batch meets exact drying specifications – reducing rejection rates and improving product standardization.
+</p>
+
+<h3 class="mt-3 mb-1">Future-Proofing Your Investment</h3>
+<p>
+  Our dryers are built with scalable configurations meaning you can expand capacity as your production grows. We also provide retrofitting solutions for existing dryers, allowing you to update older systems without full replacement.
+</p>
+
+<h3 class="mt-3 mb-1">Case Study</h3>
+<p>A coconut flour facility in the Philippines replaced their legacy dryer with our hybrid smart dryer. Results included:</p>
+<ul style="list-style-type: disc; padding-left: 20px;">
+  <li>35% faster drying times</li>
+  <li>22% energy savings</li>
+  <li>50% reduction in rejected batches</li>
+</ul>
+
+<h3 class="mt-3 mb-1">Choose Smarter, Dry Better</h3>
+<p>
+  Your dryer is more than just a heat source, it’s a quality gatekeeper. Choose a system that works for your production today and scales with your ambitions tomorrow.
+</p>
+
+`
+  },
+];
\ No newline at end of file