product details imges updated

app/(blogs)/news-details/[slug]/page.jsx

@@ -49,7 +49,7 @@ export default function Page({ params }) {
                 <li>
                   <i className="fa-sharp fa-solid fa-slash-forward" />
                 </li>
-                <li>Blog Details</li>
+                <li>{newsItem.title}</li>
               </ul>
             </div>
             <div className="breadcrumb-image" />

components/footers/Footer1.jsx

@@ -70,13 +70,14 @@ export default function Footer1() {
             >
               <div className="single-footer-widget">
                 <div className="widget-head">
-                  <h5>About Company</h5>
+                  <h5>About Cibus Industries</h5>
                 </div>
                 <div className="footer-content">
                   <p>
-                    Nullam interdum libero vitae pretium aliquam <br />
+                    Engineering high-performance coconut <br />
-                    donec nibh purus laoreet in ullamcorper vel <br />
+                    processing machinery that drives efficiency,   <br />
-                    malesuada sit amet enim.
+                    scalability, and sustainability for businesses <br /> 
+                    across the globe.
                   </p>
                   <div className="social-icon d-flex align-items-center">
                     {socialLinks.map((elm, i) => (

components/headers/Nav.jsx

@@ -4,10 +4,12 @@ import { menuData } from "@/data/menu";
 import { useState } from "react";
 import Image from "next/image";
 import { usePathname } from "next/navigation";
+
 export default function Nav() {
   const [parentActive, setParentActive] = useState(-1);
   const [subparentActive, setsubParentActive] = useState(-1);
   const pathname = usePathname();
+
   const isMenuActive = (menuItem = menuData[0]) => {
     let active = false;
     if (menuItem.href?.includes("/")) {
@@ -22,11 +24,21 @@ export default function Nav() {
             active = true;
           }
         }
+        if (elm2.slug) {
+          if (`/product-details/${elm2.slug}`.split("/")[2] === pathname.split("/")[2]) {
+            active = true;
+          }
+        }
         if (elm2.submenu) {
           elm2.submenu.forEach((elm3) => {
-            if (elm3.href.split("/")[1] == pathname.split("/")[1]) {
+            if (elm3.href?.split("/")[1] == pathname.split("/")[1]) {
               active = true;
             }
+            if (elm3.slug) {
+              if (`/product-details/${elm3.slug}`.split("/")[2] === pathname.split("/")[2]) {
+                active = true;
+              }
+            }
           });
         }
         if (elm2.homeMenuItems) {
@@ -57,8 +69,10 @@ export default function Nav() {
               setParentActive((pre) => (pre == index ? -1 : index))
             }
           >
-            {item.label} {item.iconClass && <i className={item.iconClass}></i>}{" "}
+            {item.label}{" "}
+            {item.iconClass && <i className={item.iconClass}></i>}{" "}
           </Link>
+
           {item.submenu && (
             <ul
               className={`submenu ${
@@ -91,7 +105,9 @@ export default function Nav() {
                             </div>
                           </div>
                           <div className="homemenu-content text-center">
-                            <h4 className="homemenu-title">{homeItem.title}</h4>
+                            <h4 className="homemenu-title">
+                              {homeItem.title}
+                            </h4>
                           </div>
                         </div>
                       ))}
@@ -100,7 +116,11 @@ export default function Nav() {
                 ) : (
                   <li key={subIndex} className={subItem.className || ""}>
                     <Link
-                      href={subItem.href}
+                      href={
+                        subItem.slug
+                          ? `/product-details/${subItem.slug}`
+                          : subItem.href
+                      }
                       className={isMenuActive(subItem) ? "menuActive" : ""}
                       onClick={() =>
                         setsubParentActive((pre) =>
@@ -113,6 +133,7 @@ export default function Nav() {
                         <i className={subItem.iconClass}></i>
                       )}
                     </Link>
+
                     {subItem.submenu && (
                       <ul
                         className={`submenu  ${
@@ -125,7 +146,11 @@ export default function Nav() {
                               className={
                                 isMenuActive(nestedItem) ? "menuActive" : ""
                               }
-                              href={nestedItem.href}
+                              href={
+                                nestedItem.slug
+                                  ? `/product-details/${nestedItem.slug}`
+                                  : nestedItem.href
+                              }
                             >
                               {nestedItem.label}
                             </Link>

components/homes/home-1/Blogs.jsx

@@ -57,10 +57,10 @@ export default function Blogs() {
               >
                 <div className="news-content">
                   <ul>
-                    <li>
+                    {/* <li>
                       <i className="fa-regular fa-user" />
                       {leftBlog.author.name}
-                    </li>
+                    </li> */}
                     <li>
                       <i className="fa-solid fa-tag" />
                       {leftBlog.category}
@@ -96,10 +96,10 @@ export default function Blogs() {
                 >
                   <div className="news-content">
                     <ul>
-                      <li>
+                      {/* <li>
                         <i className="fa-regular fa-user" />
                         {item.author.name}
-                      </li>
+                      </li> */}
                       <li>
                         <i className="fa-solid fa-tag" />
                         {item.category}

components/homes/home-1/Hero.jsx

@@ -29,7 +29,7 @@ export default function Hero() {
       title: "Smart Coconut",
       subtitle: "Solutions",
       text: "Efficient machines for deshelling to drying coconut.",
-      buttonText: "Get A Quote",
+      buttonText: "Start Exploring",
       buttonLink: "/about",
     },
     {
@@ -39,7 +39,7 @@ export default function Hero() {
       subtitle: "Engineering",
       text: "Automation and precision for coconut processing plants.",
       buttonText: "Discover Our Innovations",
-      buttonLink: "/about",
+      buttonLink: "/product",
     },
     {
       id: 3,
@@ -48,7 +48,7 @@ export default function Hero() {
       subtitle: "Impact",
       text: "Trusted coconut machinery in 20+ countries worldwide.",
       buttonText: "Explore Global Projects",
-      buttonLink: "/about",
+      buttonLink: "/project",
     },
   ];
 

components/homes/home-1/Products/product-details.jsx

@@ -27,7 +27,7 @@ export default function ProductDetails({ productItem }) {
               <div
                 className="post-featured-thumb bg-cover rounded"
                 style={{
-                  backgroundImage: `url(${productItem.image})`,
+                  backgroundImage: `url(${productItem.bigImage})`,
                   height: "400px",
                   backgroundSize: "cover",
                   backgroundPosition: "center",

components/homes/home-1/Services.jsx

@@ -74,7 +74,10 @@ export default function Services() {
       <div className="container-fluid">
         <Swiper {...swiperOptions} className="swiper service-slider">
           {serviceItems.map((item, index) => (
-            <SwiperSlide className="swiper-slide" key={index}>
+            <SwiperSlide
+              className={`swiper-slide ${index === 2 ? "custom-padding-card" : ""}`}
+              key={index}
+            >
               <div className="service-box-items">
                 <div className="service-thumb">
                   <Image src={item.imgSrc} width={346} height={236} alt="img" />

data/menu.js

@@ -67,11 +67,20 @@ export const menuData = [
   //     { label: "Service Details", href: "/service-details/1" },
   //   ],
   // },
-    {
+  {
     label: "Products",
     href: "/product",
+    iconClass: "fa-regular fa-plus",
+    submenu: [
+      { label: "Coconut Deshelling Machine", slug: "coconut-deshelling-machine" },
+      { label: "Coconut Dryer (Hot Air / Tray Type)", slug: "coconut-dryer-hot-air-tray-type" },
+      { label: "Coconut Pulverizer & Grinder", slug: "coconut-pulverizer-grinder" },
+      { label: "Coconut Milk Extractor", slug: "coconut-milk-extractor" },
+      { label: "Virgin Coconut Oil (VCO) Processing Equipment", slug: "virgin-coconut-oil-vco-processing-equipment" },
+      { label: "Coconut Water Processing Unit", slug: "coconut-water-processing-unit" },
+    ],
   },
-      {
+  {
     label: "Turnkey Solutions",
     href: "/turnkey-solutions",
   },

data/services.js

@@ -6,7 +6,7 @@ export const serviceItems = [
     iconSrc: "/assets/img/products/icon-1.webp",
     number: "01",
     title: "Coconut Deshelling Machine",
-    description: "Effortlessly remove coconut shells with high-speed, durable, low-maintenance, energy-efficient deshellers built for continuous production.",
+    description: "Remove coconut shells with high-speed, durable, low-maintenance, energy-efficient, robust deshellers built for continuous production.",
   },
   {
     id: 2,
@@ -24,7 +24,7 @@ export const serviceItems = [
     iconSrc: "/assets/img/products/icon-3.webp",
     number: "03",
     title: "Coconut Pulverizer & Grinder",
-    description: "Grind dried coconut into fine powder with consistent output, low power consumption, minimal maintenance, high efficiency, and smooth operation.",
+    description: "Grind dried coconut into fine powder with consistent, reliable output, low power, high efficiency, and smooth automated operation.",
   },
   {
     id: 4,
@@ -42,7 +42,7 @@ export const serviceItems = [
     iconSrc: "/assets/img/products/icon-5.webp",
     number: "05",
     title: "Virgin Coconut Oil (VCO) Processing Equipment",
-    description: "From cold press systems to filtration and bottling, complete VCO machinery for value-added production.",
+    description: "From cold press systems to filtration and bottling, complete VCO machinery for production.",
   },
   {
     id: 6,
@@ -51,7 +51,7 @@ export const serviceItems = [
     iconSrc: "/assets/img/products/icon-6.webp",
     number: "06",
     title: "Coconut Water Processing Unit",
-    description: "Sterilize, filter, and bottle coconut water with our modular, maintainable setups. Designed for scalability, these systems ensure purity and shelf stability.",
+    description: "Sterilize, filter, and bottle coconut water with modular setups. Designed for scalability, Ensure purity and stability.",
   }
 ];
 

public/assets/scss/_service.scss

@@ -416,3 +416,8 @@
 .product-title{
     font-size: 30px;
 }
+@media (min-width: 1440px) and (max-width: 1920px) {
+  .custom-padding-card .service-box-items .service-content {
+    padding: 0 28px 30px 28px !important; 
+  }
+}

utlis/constant.utils.js

@@ -610,7 +610,8 @@ export const allProducts = [
   {
     id: 30,
     slug: "coconut-pulverizer-grinder",
-    bannerImage: "/assets/img/products/coconut-deshelling.webp",
+    bannerImage: "/assets/img/product-details/grinder/grinder-banner.webp",
+    bigImage: "/assets/img/product-details/grinder/big-img.webp",
     image: "/assets/img/products/coconut-grinder.webp",
     icon: "/assets/img/products/icon-3.webp",
     number: "03",
@@ -668,17 +669,18 @@ export const allProducts = [
     </p>
   `,
     images: [
-      "/assets/img/about-page/about/1.webp",
+      "/assets/img/product-details/grinder/1.webp",
-      "/assets/img/about-page/about/2.webp",
+      "/assets/img/product-details/grinder/2.webp",
-      "/assets/img/about-page/about/3.webp",
+      "/assets/img/product-details/grinder/3.webp",
-      "/assets/img/about-page/about/4.webp"
+      "/assets/img/product-details/grinder/4.webp"
     ],
     delay: ".6s",
   },
   {
     id: 31,
     slug: "coconut-milk-extractor",
-    bannerImage: "/assets/img/products/coconut-deshelling.webp",
+    bannerImage: "/assets/img/product-details/milk/milk-extractor-banner.webp",
+    bigImage: "/assets/img/product-details/milk/big-img.webp",
     image: "/assets/img/products/coconut-milk-extractor.webp",
     icon: "/assets/img/products/icon-4.webp",
     number: "04",
@@ -736,17 +738,18 @@ export const allProducts = [
     </p>
   `,
     images: [
-      "/assets/img/about-page/about/1.webp",
+      "/assets/img/product-details/milk/1.webp",
-      "/assets/img/about-page/about/2.webp",
+      "/assets/img/product-details/milk/2.webp",
-      "/assets/img/about-page/about/3.webp",
+      "/assets/img/product-details/milk/3.webp",
-      "/assets/img/about-page/about/4.webp"
+      "/assets/img/product-details/milk/4.webp"
     ],
     delay: ".2s",
   },
   {
     id: 32,
     slug: "virgin-coconut-oil-vco-processing-equipment",
-    bannerImage: "/assets/img/products/coconut-deshelling.webp",
+    bannerImage: "/assets/img/product-details/oil/oil-processing-banner.webp",
+    bigImage:"/assets/img/product-details/oil/big-img.webp",
     image: "/assets/img/products/coconut-oil.webp",
     icon: "/assets/img/products/icon-5.webp",
     number: "05",
@@ -804,17 +807,18 @@ export const allProducts = [
     </p>
   `,
     images: [
-      "/assets/img/about-page/about/1.webp",
+      "/assets/img/product-details/oil/1.webp",
-      "/assets/img/about-page/about/2.webp",
+      "/assets/img/product-details/oil/2.webp",
-      "/assets/img/about-page/about/3.webp",
+      "/assets/img/product-details/oil/3.webp",
-      "/assets/img/about-page/about/4.webp"
+      "/assets/img/product-details/oil/4.webp"
     ],
     delay: ".4s",
   },
   {
     id: 33,
     slug: "coconut-water-processing-unit",
-    bannerImage: "/assets/img/products/coconut-deshelling.webp",
+    bannerImage: "/assets/img/product-details/water/water-processing-banner.webp",
+    bigImage:"/assets/img/product-details/water/big-img.webp",
     image: "/assets/img/products/coconut-water.webp",
     icon: "/assets/img/products/icon-6.webp",
     number: "06",
@@ -872,10 +876,10 @@ export const allProducts = [
     </p>
   `,
     images: [
-      "/assets/img/about-page/about/1.webp",
+      "/assets/img/product-details/water/1.webp",
-      "/assets/img/about-page/about/2.webp",
+      "/assets/img/product-details/water/2.webp",
-      "/assets/img/about-page/about/3.webp",
+      "/assets/img/product-details/water/3.webp",
-      "/assets/img/about-page/about/4.webp"
+      "/assets/img/product-details/water/4.webp"
     ],
     delay: ".6s",
   },