home content updated

app/(contact)/contact/page.jsx

@@ -1,31 +1,24 @@
-import Brands from "@/components/common/Brands";
 import ContactForm from "@/components/contact/ContactForm";
 import ContactInfo from "@/components/contact/ContactInfo";
 import Map from "@/components/contact/Map";
 import Footer1 from "@/components/footers/Footer1";
-import Header2 from "@/components/headers/Header2";
+import Header1 from "@/components/headers/Header1";
 import Image from "next/image";
 import Link from "next/link";
+import React from "react";
 export const metadata = {
-  title: "Contact || Xbuild - Constriction nextjs Template",
+  title: "About || Xbuild - Constriction nextjs Template",
   description: "Xbuild - Constriction nextjs Template",
 };
+
 export default function page() {
   return (
     <>
-      <Header2 />
+      <Header1 />
       <div
         className="breadcrumb-wrapper bg-cover"
-        style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
+        style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
       >
-        <div className="shape-image float-bob-y">
-          <Image
-            src="/assets/img/vector.png"
-            width={84}
-            height={186}
-            alt="img"
-          />
-        </div>
         <div className="container">
           <div className="breadcrumb-wrapper-items">
             <div className="page-heading">
@@ -48,13 +41,6 @@ export default function page() {
               </ul>
             </div>
             <div className="breadcrumb-image">
-              <Image
-                src="/assets/img/breadcrumb-image.png"
-                width={540}
-                height={450}
-                alt="img"
-                className="float-bob-x"
-              />
               <div className="bar-shape">
                 <Image
                   src="/assets/img/breadcrumb-bar.png"
@@ -67,12 +53,10 @@ export default function page() {
           </div>
         </div>
       </div>
+
     <ContactInfo/>
     <ContactForm/>
     <Map/>
-      {/* <div className="brand-section fix section-padding">
-        <Brands />
-      </div> */}
       <Footer1 />
     </>
   );

app/(products)/product/page.jsx

@@ -1,30 +1,22 @@
-import Brands from "@/components/common/Brands";
 import Footer1 from "@/components/footers/Footer1";
-import Header2 from "@/components/headers/Header2";
+import Header1 from "@/components/headers/Header1";
 import Products from "@/components/homes/home-1/Products/product";
 import Image from "next/image";
 import Link from "next/link";
+import React from "react";
 export const metadata = {
-  title: "Products || Xbuild - Constriction nextjs Template",
+  title: "About || Xbuild - Constriction nextjs Template",
   description: "Xbuild - Constriction nextjs Template",
 };
 
 export default function page() {
   return (
     <>
-      <Header2 />
+      <Header1 />
       <div
         className="breadcrumb-wrapper bg-cover"
-        style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
+        style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
       >
-        <div className="shape-image float-bob-y">
-          <Image
-            src="/assets/img/vector.png"
-            width={84}
-            height={186}
-            alt="img"
-          />
-        </div>
         <div className="container">
           <div className="breadcrumb-wrapper-items">
             <div className="page-heading">
@@ -43,17 +35,17 @@ export default function page() {
                 <li>
                   <i className="fa-sharp fa-solid fa-slash-forward" />
                 </li>
-                <li>Products</li>
+                <li>About Us</li>
               </ul>
             </div>
             <div className="breadcrumb-image">
-              <Image
+              {/* <Image
                 src="/assets/img/breadcrumb-image.png"
                 width={540}
                 height={450}
                 alt="img"
                 className="float-bob-x"
-              />
+              /> */}
               <div className="bar-shape">
                 <Image
                   src="/assets/img/breadcrumb-bar.png"
@@ -66,10 +58,8 @@ export default function page() {
           </div>
         </div>
       </div>
+
     <Products/>
-      {/* <div className="brand-section fix section-padding pt-0">
-        <Brands />
-      </div> */}
       <Footer1 />
     </>
   );

app/(turnkey)/turnkey-solutions/page.jsx

@@ -0,0 +1,66 @@
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Products from "@/components/homes/home-1/Products/product";
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+export const metadata = {
+  title: "About || Xbuild - Constriction nextjs Template",
+  description: "Xbuild - Constriction nextjs Template",
+};
+
+export default function page() {
+  return (
+    <>
+      <Header1 />
+      <div
+        className="breadcrumb-wrapper bg-cover"
+        style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
+      >
+        <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">
+                  Turnkey Solutions
+                </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>About Us</li>
+              </ul>
+            </div>
+            <div className="breadcrumb-image">
+              {/* <Image
+                src="/assets/img/breadcrumb-image.png"
+                width={540}
+                height={450}
+                alt="img"
+                className="float-bob-x"
+              /> */}
+              <div className="bar-shape">
+                <Image
+                  src="/assets/img/breadcrumb-bar.png"
+                  width={631}
+                  height={604}
+                  alt="img"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    <Products/>
+      <Footer1 />
+    </>
+  );
+}

components/contact/Map.jsx

@@ -2,7 +2,7 @@ import React from "react";
 
 export default function Map() {
   return (
-    <div className="office-google-map-wrapper section-padding">
+    <div className="office-google-map-wrapper">
       <iframe
         src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6678.7619084840835!2d144.9618311901502!3d-37.81450084255415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d%3A0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sbd!4v1641984054261!5m2!1sen!2sbd"
         style={{ border: 0 }}

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

@@ -44,7 +44,7 @@ export default function Products() {
                   </div>
                 </div>
                 <div className="service-content">
-                  <h2 className="number">{product.number}</h2>
+                  {/* <h2 className="number">{product.number}</h2>     */}
                   <h3>
                     <Link href={`/service-details/${product.id}`}>
                       {product.title}
@@ -62,14 +62,14 @@ export default function Products() {
             </div>
           ))}
         </div>
-        <div
+        {/* <div
           className="page-nav-wrap pt-5 text-center wow fadeInUp"
           data-wow-delay=".3s"
         >
           <ul>
             <Pagination />
           </ul>
-        </div>
+        </div> */}
       </div>
     </section>
   );

components/homes/home-1/turnkey-solutions.jsx

@@ -0,0 +1,140 @@
+"use client";
+import Image from "next/image";
+import AnimatedText from "@/components/common/AnimatedText";
+import ModalVideo from "react-modal-video";
+import { useState } from "react";
+export default function TurnKey() {
+  const [isOpen, setOpen] = useState(false);
+  return (
+    <>
+      <section
+
+      
+        id="turnkey-solutions"
+        className="about-section fix section-padding scrollSpySection"
+      >
+        <div className="about-shape-1 float-bob-x">
+          <Image
+            src="/assets/img/about/about-shape-1.png"
+            width={114}
+            height={419}
+            alt="img"
+          />
+        </div>
+        <div className="about-shape-2 float-bob-x">
+          <Image
+            src="/assets/img/about/about-shape-2.png"
+            width={318}
+            height={408}
+            alt="img"
+          />
+        </div>
+        <div className="container">
+          <div className="about-wrapper">
+            <div className="row g-4">
+              <div className="col-lg-6">
+                <div className="about-image">
+                  <Image
+                    src="/assets/img/about/01.jpg"
+                    alt="img"
+                    width={485}
+                    height={592}
+                    className="wow fadeInLeft"
+                    data-wow-delay=".2s"
+                  />
+                  <div
+                    className="about-image-2 wow fadeInUp"
+                    data-wow-delay=".4s"
+                  >
+                    <Image
+                      src="/assets/img/about/02.jpg"
+                      width={260}
+                      height={270}
+                      alt="img"
+                    />
+                  </div>
+                  <div className="about-line-shape">
+                    <Image
+                      src="/assets/img/about/about-shape-3.png"
+                      width={30}
+                      height={545}
+                      alt="img"
+                    />
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-6">
+                <div className="about-content">
+                  <div className="section-title">
+                    <h6 className="wow fadeInUp">
+                      <i className="fa-regular fa-arrow-left-long"></i>Our Solutions    
+                      <i className="fa-regular fa-arrow-right-long"></i>
+                    </h6>
+                    <h2 className="splt-txt wow">
+                      <AnimatedText text="Engineering the Future of Coconut Processing" />
+                    </h2>
+                  </div>
+                  <p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
+                     We are pioneers in designing and delivering high-performance coconut processing equipment built for modern food processing industries. With decades of expertise, we offer complete turnkey solutions - from coconut deshelling to drying, grinding, and packaging.
+                  </p>
+                  <p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
+                    Our engineering capabilities include:
+                  </p>
+                  <ul className="list-items wow fadeInUp" data-wow-delay=".2s">
+                    <li>
+                      <i className="fa-solid fa-circle-check"></i>
+                     Complete plant design & optimization
+                    </li>
+                    <li>
+                      <i className="fa-solid fa-circle-check"></i>
+                      Custom-built coconut machinery for various capacities
+                    </li>
+                    <li>
+                      <i className="fa-solid fa-circle-check"></i>
+                      Upgradation and automation of existing setups
+                    </li>
+                  </ul>
+                  <p className="mt-md-0 wow fadeInUp" data-wow-delay=".4s">
+                     Let us help you boost your production efficiency and minimize downtime.
+                  </p>
+                  {/* <div className="about-author">
+                    <div
+                      className="author-image wow fadeInUp"
+                      data-wow-delay=".2s"
+                    >
+                      <Image
+                        src="/assets/img/about/author.png"
+                        width={68}
+                        height={68}
+                        alt="author-img"
+                      />
+                      <div className="content">
+                        <p>Xbuild, CEO</p>
+                        <h4>Brooklyn Simmons</h4>
+                      </div>
+                    </div>
+                    <Image
+                      src="/assets/img/about/signature.png"
+                      alt="img"
+                      width={85}
+                      height={51}
+                      className="wow fadeInUp"
+                      data-wow-delay=".4s"
+                    />
+                  </div> */}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>{" "}
+      <ModalVideo
+        channel="youtube"
+        youtube={{ mute: 0, autoplay: 0 }}
+        isOpen={isOpen}
+        videoId="Cn4G2lZ_g2I"
+        onClose={() => setOpen(false)}
+      />{" "}
+    </>
+  );
+}

data/menu.js

@@ -31,38 +31,42 @@ export const menuData = [
     label: "About Us",
     href: "/about",
   },
-  {
+  // {
-    label: "Pages",
+  //   label: "Pages",
-    href: "#",
+  //   href: "#",
-    iconClass: "fa-regular fa-plus",
+  //   iconClass: "fa-regular fa-plus",
-    className: "has-dropdown",
+  //   className: "has-dropdown",
-    submenu: [
+  //   submenu: [
-      {
+  //     {
-        label: "Our Team",
+  //       label: "Our Team",
-        href: "#",
+  //       href: "#",
-        iconClass: "fas fa-angle-down",
+  //       iconClass: "fas fa-angle-down",
-        submenu: [
+  //       submenu: [
-          { label: "Our Team", href: "/team" },
+  //         { label: "Our Team", href: "/team" },
-          { label: "Team Details", href: "/team-details/1" },
+  //         { label: "Team Details", href: "/team-details/1" },
-        ],
+  //       ],
-      },
+  //     },
-      { label: "Pricing", href: "/pricing" },
+  //     { label: "Pricing", href: "/pricing" },
-      { label: "Faq's", href: "/faq" },
+  //     { label: "Faq's", href: "/faq" },
-      { label: "404 Page", href: "/404" },
+  //     { label: "404 Page", href: "/404" },
-    ],
+  //   ],
-  },
+  // },
-  {
+  // {
-    label: "Services",
+  //   label: "Services",
-    href: "#",
+  //   href: "#",
-    iconClass: "fa-regular fa-plus",
+  //   iconClass: "fa-regular fa-plus",
-    submenu: [
+  //   submenu: [
-      { label: "Services", href: "/service" },
+  //     { label: "Services", href: "/service" },
-      { label: "Service Details", href: "/service-details/1" },
+  //     { label: "Service Details", href: "/service-details/1" },
-    ],
+  //   ],
-  },
+  // },
     {
     label: "Products",
     href: "/product",
+  },
+      {
+    label: "Turnkey Solutions",
+    href: "/turnkey-solutions",
   },
   {
     label: "Projects",

public/assets/scss/_header.scss

@@ -941,8 +941,8 @@
 	position: relative;
 	overflow: hidden;
 	z-index: 9;
-	padding-top: 190px;
+	  padding-top: 20px;
-	padding-bottom: 50px;
+	padding-bottom: 20px;
 
 	@include breakpoint (max-xl) {
 		padding-top: 80px;