2 page structure updated

app/(project)/project/page.jsx

@@ -1,6 +1,6 @@
 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 Projects from "@/components/project/Projects";
 import Image from "next/image";
 import Link from "next/link";
@@ -12,19 +12,11 @@ export const metadata = {
 export default function page() {
   return (
     <>
-      <Header2 />
+      <Header1 />
       <div
         className="breadcrumb-wrapper bg-cover"
         style={{ backgroundImage: 'url("/assets/img/breadcrumb-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">
@@ -47,29 +39,14 @@ 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"
-                  width={631}
-                  height={604}
-                  alt="img"
-                />
-              </div>
             </div>
           </div>
         </div>
       </div>
       <Projects />
-      <div className="brand-section fix section-padding pt-0">
+      {/* <div className="brand-section fix section-padding pt-0">
         <Brands />
-      </div>
+      </div> */}
       <Footer1 />
     </>
   );

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

@@ -4,6 +4,7 @@ import Products from "@/components/homes/home-1/Products/product";
 import Image from "next/image";
 import Link from "next/link";
 import React from "react";
+import About from "@/components/turnkey-solutions/page";
 export const metadata = {
   title: "About || Xbuild - Constriction nextjs Template",
   description: "Xbuild - Constriction nextjs Template",
@@ -35,7 +36,7 @@ export default function page() {
                 <li>
                   <i className="fa-sharp fa-solid fa-slash-forward" />
                 </li>
-                <li>About Us</li>
+                <li>Turnkey Solutions</li>
               </ul>
             </div>
             <div className="breadcrumb-image">
@@ -58,8 +59,8 @@ export default function page() {
           </div>
         </div>
       </div>
-
+      <About />
-    <Products/>
+      <Products />
       <Footer1 />
     </>
   );

components/turnkey-solutions/page.jsx

@@ -0,0 +1,138 @@
+"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 About() {
+  const [isOpen, setOpen] = useState(false);
+  return (
+    <>
+      <section
+        id="about"
+        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

@@ -30,6 +30,10 @@ export const menuData = [
   {
     label: "About Us",
     href: "/about",
+    iconClass: "fa-regular fa-plus",
+    submenu: [
+      { label: "Corporate Profile", href: "/corporate-profile" },
+    ],
   },
   // {
   //   label: "Pages",

data/projects.js

@@ -62,6 +62,26 @@ export const projects = [
     title: "Core Values",
     delay: ".6s",
   },
+]
+  export const projects2 = [
+  {
+    id: 7,
+    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    title: "Mission",
+    delay: ".2s",
+  },
+  {
+    id: 8,
+    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    title: "Vission",
+    delay: ".4s",
+  },
+  {
+    id: 9,
+    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    title: "Core Values",
+    delay: ".6s",
+  },
   // {
   //   id: 10,
   //   images: ["/assets/img/project/12.jpg", "/assets/img/project/12.jpg"],
@@ -112,37 +132,61 @@ export const projects = [
   // },
 ];
 
-export const projects2 = [
+export const projects3 = [
   {
     id: 16,
-    title: "Building Renovation",
+    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
-    bgClass: "",
+    title: "Mission",
-    delay: "",
-  },
-  {
-    id: 17,
-    title: "Building Renovation",
-    bgClass: "bg-1",
     delay: ".2s",
   },
   {
-    id: 18,
+    id: 17,
-    title: "Building Renovation",
+    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
-    bgClass: "bg-2 active",
+    title: "Vission",
     delay: ".4s",
   },
   {
-    id: 19,
+    id: 18,
-    title: "Building Renovation",
+    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
-    bgClass: "bg-3",
+    title: "Core Values",
     delay: ".6s",
+  },
+    {
+    id: 19,
+    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    title: "Mission",
+    delay: ".2s",
   },
   {
     id: 20,
-    title: "Building Renovation",
+    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
-    bgClass: "bg-4",
+    title: "Vission",
-    delay: ".8s",
+    delay: ".4s",
+  },
+  {
+    id: 21,
+    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    title: "Core Values",
+    delay: ".6s",
+  },
+    {
+    id: 22,
+    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    title: "Mission",
+    delay: ".2s",
+  },
+  {
+    id: 23,
+    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    title: "Vission",
+    delay: ".4s",
+  },
+  {
+    id: 24,
+    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    title: "Core Values",
+    delay: ".6s",
   },
 ];
 
-export const allProjects = [...projectItems, ...projects, projects2];
+export const allProjects = [...projectItems, ...projects, projects2, projects3];

data/services.js

@@ -286,6 +286,63 @@ export const products = [
   },
 ];
 
+export const products2 = [
+  {
+    id: 34,
+    image: "/assets/img/service/01.jpg",
+    icon: "/assets/img/icon/01.svg",
+    number: "01",
+    title: "Coconut Deshelling Machine",
+    description: "Effortlessly remove coconut shells with high-speed, durable, low-maintenance, energy-efficient, precision-engineered deshellers built for continuous production lines.",
+    delay: ".2s",
+  },
+  {
+    id: 35,
+    image: "/assets/img/service/02.jpg",
+    icon: "/assets/img/icon/02.svg",
+    number: "02",
+    title: "Coconut Dryer (Hot Air / Tray Type)",
+    description: "Achieve uniform drying with our energy-efficient, high-capacity dryers designed to preserve quality and extend shelf life.",
+    delay: ".4s",
+  },
+  {
+    id: 36,
+    image: "/assets/img/service/03.jpg",
+    icon: "/assets/img/icon/03.svg",
+    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.",
+    delay: ".6s",
+  },
+  {
+    id: 37,
+    image: "/assets/img/service/06.jpg",
+    icon: "/assets/img/icon/07.svg",
+    number: "04",
+    title: "Coconut Milk Extractor",
+    description: "Extract rich, pure coconut milk with hygienic, food-grade, corrosion-resistant, easy-to-clean machinery suitable for both small and industrial-scale operations.",
+    delay: ".2s",
+  },
+  {
+    id: 38,
+    image: "/assets/img/service/07.jpg",
+    icon: "/assets/img/icon/08.svg",
+    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.",
+    delay: ".4s",
+  },
+  {
+    id: 39,
+    image: "/assets/img/service/08.jpg",
+    icon: "/assets/img/icon/09.svg",
+    number: "06",
+    title: "Coconut Water Processing Unit",
+    description: "Sterilize, filter, and bottle coconut water with our modular, easy-to-maintain setups. Designed for scalability, these systems ensure purity and extended shelf stability.",
+    delay: ".6s",
+  },
+];
+
 
 export const allServices = [
   ...serviceItems,
@@ -293,6 +350,7 @@ export const allServices = [
   ...services,
   ...services2,
   ...products,
+  ...products2,
 ];