diff --git a/app/(corporateProfile)/corporate-profile/page.jsx b/app/(corporateProfile)/corporate-profile/page.jsx
index 3187ec3..c706c8c 100644
--- a/app/(corporateProfile)/corporate-profile/page.jsx
+++ b/app/(corporateProfile)/corporate-profile/page.jsx
@@ -15,14 +15,14 @@ export default function page() {
       <Header1 />
       <div
         className="breadcrumb-wrapper bg-cover"
-        style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
+        style={{ backgroundImage: 'url("/assets/img/about-page/about/glance-banner.webp")' }}
       >
         <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">
-                 Corporate Profile
+                 At a Glance
                 </h1>
               </div>
               <ul
@@ -35,7 +35,7 @@ export default function page() {
                 <li>
                   <i className="fa-sharp fa-solid fa-slash-forward" />
                 </li>
-                <li>Corporate Profile</li>
+                <li>At a Glance</li>
               </ul>
             </div>
             <div className="breadcrumb-image">
diff --git a/app/(engineering-innovation)/engineering-innovation/page.jsx b/app/(engineering-innovation)/engineering-innovation/page.jsx
new file mode 100644
index 0000000..6771d23
--- /dev/null
+++ b/app/(engineering-innovation)/engineering-innovation/page.jsx
@@ -0,0 +1,66 @@
+import Engineering from "@/components/engineering-innovation/page";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+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/about-page/about/engineering-banner.webp")' }}
+      >
+        <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">
+                  Engineering & Innovation
+                </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>Engineering & Innovation</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>
+
+      <Engineering />
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(factory-workflows)/factory-workflows/page.jsx b/app/(factory-workflows)/factory-workflows/page.jsx
new file mode 100644
index 0000000..a107b1e
--- /dev/null
+++ b/app/(factory-workflows)/factory-workflows/page.jsx
@@ -0,0 +1,66 @@
+import FactoryWorkflow from "@/components/factory-workflows/page";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+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/about-page/about/factory-banner.webp")' }}
+      >
+        <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">
+                 Factory & Workflows
+                </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>Factory & Workflows</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>
+
+    <FactoryWorkflow />
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(products)/product/page.jsx b/app/(products)/product/page.jsx
index 71c33ab..99565a2 100644
--- a/app/(products)/product/page.jsx
+++ b/app/(products)/product/page.jsx
@@ -35,7 +35,7 @@ export default function page() {
                 <li>
                   <i className="fa-sharp fa-solid fa-slash-forward" />
                 </li>
-                <li>About Us</li>
+                <li>Products</li>
               </ul>
             </div>
             <div className="breadcrumb-image">
diff --git a/app/(project)/project/page.jsx b/app/(project)/project/page.jsx
index 9aa0608..44a367d 100644
--- a/app/(project)/project/page.jsx
+++ b/app/(project)/project/page.jsx
@@ -14,7 +14,7 @@ export default function page() {
       <Header1 />
       <div
         className="breadcrumb-wrapper bg-cover"
-        style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
+        style={{ backgroundImage: 'url("/assets/img/projects/projects-banner.webp")' }}
       >
         <div className="container">
           <div className="breadcrumb-wrapper-items">
diff --git a/app/(sustainability-impact)/sustainability-impact/page.jsx b/app/(sustainability-impact)/sustainability-impact/page.jsx
new file mode 100644
index 0000000..c3ce67f
--- /dev/null
+++ b/app/(sustainability-impact)/sustainability-impact/page.jsx
@@ -0,0 +1,66 @@
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Sustainability from "@/components/sustainability-impact/page";
+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/about-page/about/sustainability-banner.webp")' }}
+      >
+        <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">
+                 Sustainability Impact
+                </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>Sustainability Impact</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>
+
+<Sustainability />
+      <Footer1 />
+    </>
+  );
+}
diff --git a/components/about/Team.jsx b/components/about/Team.jsx
index 85c76f9..7d629d1 100644
--- a/components/about/Team.jsx
+++ b/components/about/Team.jsx
@@ -36,9 +36,8 @@ export default function Team() {
           {teamMembers2.map((member) => (
             <div
               key={member.id}
-              className={`col-xl-3 col-lg-4 col-md-6 col-sm-6 wow fadeInUp${
-                member.active ? " active" : ""
-              }`}
+              className={`col-xl-3 col-lg-4 col-md-6 col-sm-6 wow fadeInUp${member.active ? " active" : ""
+                }`}
               data-wow-delay={member.delay}
             >
               <div className="team-box-items">
@@ -52,14 +51,14 @@ export default function Team() {
                 </div>
                 <div className="team-content">
                   <h5>
-                    <Link href={`/team-details/${member.id}`}>
+                    <Link href={member.link}>
                       {member.name}
                     </Link>
                   </h5>
                   {/* <p>{member.role}</p> */}
-                  <a href="team-details" className="icon">
+                  <Link href={member.link} className="icon">
                     <i className="fa-solid fa-link" />
-                  </a>
+                  </Link>
                 </div>
               </div>
             </div>
diff --git a/components/engineering-innovation/page.jsx b/components/engineering-innovation/page.jsx
new file mode 100644
index 0000000..ca2fcb9
--- /dev/null
+++ b/components/engineering-innovation/page.jsx
@@ -0,0 +1,52 @@
+import React from "react";
+import Image from "next/image";
+
+export default function Engineering() {
+    return (
+        <section className="news-standard fix section-padding">
+            <div className="container">
+                <div className="row g-4">
+                    <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/about-page/about/big-img-4.webp")`,
+                                        height: "400px",
+                                        backgroundSize: "cover",
+                                        backgroundPosition: "center",
+                                        borderRadius: "10px"
+                                    }}
+                                />
+
+                                <div className="post-content">
+
+                                    <h3>Engineering & Innovation</h3>
+                                    <p>
+                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
+                                    </p>
+
+                                    <div className="hilight-text mt-4 mb-4">
+                                        <p>
+                                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
+                                        </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-3">
+                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
+                                    </p>
+                                </div>
+                            </div>
+                        </div> 
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}
diff --git a/components/factory-workflows/page.jsx b/components/factory-workflows/page.jsx
new file mode 100644
index 0000000..6940870
--- /dev/null
+++ b/components/factory-workflows/page.jsx
@@ -0,0 +1,97 @@
+import React from "react";
+import Image from "next/image";
+
+export default function FactoryWorkflow() {
+    return (
+        <section className="news-standard fix section-padding">
+            <div className="container">
+                <div className="row g-4">
+                    <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/about-page/about/big-img-2.webp")`,
+                                        height: "400px",
+                                        backgroundSize: "cover",
+                                        backgroundPosition: "center",
+                                        borderRadius: "10px"
+                                    }}
+                                />
+
+                                <div className="post-content">
+
+                                    <h3>Factory & Workflows</h3>
+                                    <p>
+                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
+                                    </p>
+
+                                    <div className="hilight-text mt-4 mb-4">
+                                        <p>
+                                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
+                                        </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-3">
+                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
+                                    </p>
+
+                                    <div className="row mt-5 mb-5">
+                                        <div className="col-lg-6 mt-2">
+                                            <div className="details-image">
+                                                <Image
+                                                    src="/assets/img/about-page/about/1.webp"
+                                                    width={370}
+                                                    height={269}
+                                                    alt="img"
+                                                />
+                                            </div>
+                                        </div>
+                                        <div className="col-lg-6 col-md-12 mt-2">
+                                            <div className="details-image">
+                                                <Image
+                                                    src="/assets/img/about-page/about/2.webp"
+                                                    width={370}
+                                                    height={269}
+                                                    alt="img"
+                                                />
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="row mt-5 mb-5">
+                                        <div className="col-lg-6 mt-2">
+                                            <div className="details-image">
+                                                <Image
+                                                    src="/assets/img/about-page/about/3.webp"
+                                                    width={370}
+                                                    height={269}
+                                                    alt="img"
+                                                />
+                                            </div>
+                                        </div>
+                                        <div className="col-lg-6 col-md-12 mt-2">
+                                            <div className="details-image">
+                                                <Image
+                                                    src="/assets/img/about-page/about/4.webp"
+                                                    width={370}
+                                                    height={269}
+                                                    alt="img"
+                                                />
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}
diff --git a/components/homes/home-1/CorporateProfile/corporate-profile.jsx b/components/homes/home-1/CorporateProfile/corporate-profile.jsx
index a880aed..3fb7589 100644
--- a/components/homes/home-1/CorporateProfile/corporate-profile.jsx
+++ b/components/homes/home-1/CorporateProfile/corporate-profile.jsx
@@ -12,7 +12,7 @@ export default function CorporateProfile() {
                                 <div
                                     className="post-featured-thumb bg-cover"
                                     style={{
-                                        backgroundImage: `url("/assets/img/news/post-3.jpg")`,
+                                        backgroundImage: `url("/assets/img/about-page/about/big-img.webp")`,
                                         height: "400px",
                                         backgroundSize: "cover",
                                         backgroundPosition: "center",
@@ -55,7 +55,7 @@ export default function CorporateProfile() {
                                         <div className="col-lg-6 mt-2">
                                             <div className="details-image">
                                                 <Image
-                                                    src="/assets/img/news/post-5.jpg"
+                                                    src="/assets/img/about-page/about/at1.webp"
                                                     width={370}
                                                     height={269}
                                                     alt="img"
@@ -65,7 +65,7 @@ export default function CorporateProfile() {
                                         <div className="col-lg-6 col-md-12 mt-2">
                                             <div className="details-image">
                                                 <Image
-                                                    src="/assets/img/news/post-5.jpg"
+                                                    src="/assets/img/about-page/about/at2.webp"
                                                     width={370}
                                                     height={269}
                                                     alt="img"
diff --git a/components/sustainability-impact/page.jsx b/components/sustainability-impact/page.jsx
new file mode 100644
index 0000000..2d347eb
--- /dev/null
+++ b/components/sustainability-impact/page.jsx
@@ -0,0 +1,66 @@
+import React from "react";
+import Image from "next/image";
+
+export default function Sustainability() {
+    return (
+        <section className="news-standard fix section-padding">
+            <div className="container">
+                <div className="row g-4">
+                    <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/about-page/about/big-img-3.webp")`,
+                                        height: "400px",
+                                        backgroundSize: "cover",
+                                        backgroundPosition: "center",
+                                        borderRadius: "10px"
+                                    }}
+                                />
+
+                                <div className="post-content">
+
+                                    <h3>Sustainability Impact</h3>
+                                    <p>
+                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
+                                    </p>
+
+                                    <div className="hilight-text mt-4 mb-4">
+                                        <p>
+                                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
+                                        </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-3">
+                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
+                                    </p>
+
+                                    <div className="row mt-5 mb-5">
+                                        <div className="col-12 d-flex justify-content-center mt-2">
+                                            <div className="details-image">
+                                                <Image
+                                                    src="/assets/img/about-page/about/sustainability.jpg"
+                                                    width={375}
+                                                    height={441}
+                                                    alt="img"
+                                                />
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div> 
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}
diff --git a/components/turnkey-solutions/page.jsx b/components/turnkey-solutions/page.jsx
index d328d06..73d25d6 100644
--- a/components/turnkey-solutions/page.jsx
+++ b/components/turnkey-solutions/page.jsx
@@ -51,14 +51,14 @@ export default function About() {
                       alt="img"
                     />
                   </div>
-                  <div className="about-line-shape">
+                  {/* <div className="about-line-shape">
                     <Image
                       src="/assets/img/about/about-shape-3.png"
                       width={30}
                       height={545}
                       alt="img"
                     />
-                  </div>
+                  </div> */}
                 </div>
               </div>
               <div className="col-lg-6">
diff --git a/data/menu.js b/data/menu.js
index d3773f7..21a986f 100644
--- a/data/menu.js
+++ b/data/menu.js
@@ -32,7 +32,10 @@ export const menuData = [
     href: "/about",
     iconClass: "fa-regular fa-plus",
     submenu: [
-      { label: "Corporate Profile", href: "/corporate-profile" },
+      { label: "At a Glance", href: "/corporate-profile" },
+      { label: "Factory & Workflows", href: "/factory-workflows" },
+      { label: "Sustainability Impact", href: "/sustainability-impact" },
+      { label: "Engineering & Innovation", href: "/engineering-innovation" },
     ],
   },
   // {
diff --git a/data/projects.js b/data/projects.js
index 252399b..db00bbc 100644
--- a/data/projects.js
+++ b/data/projects.js
@@ -195,63 +195,63 @@ export const projectsData = [
   // Tab 1 - Desiccated Coconut
   {
     id: 1,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/milk/1.webp", "/assets/img/projects/milk/1.webp"],
     title: "Project 1",
     delay: ".2s",
     category: "Desiccated Coconut",
   },
   {
     id: 2,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/milk/2.webp", "/assets/img/projects/milk/2.webp"],
     title: "Project 2",
     delay: ".4s",
     category: "Desiccated Coconut",
   },
   {
     id: 3,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/milk/3.webp", "/assets/img/projects/milk/3.webp"],
     title: "Project 3",
     delay: ".6s",
     category: "Desiccated Coconut",
   },
   {
     id: 4,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/milk/4.webp", "/assets/img/projects/milk/4.webp"],
     title: "Project 4",
     delay: ".2s",
     category: "Desiccated Coconut",
   },
   {
     id: 5,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/milk/5.webp", "/assets/img/projects/milk/5.webp"],
     title: "Project 5",
     delay: ".4s",
     category: "Desiccated Coconut",
   },
   {
     id: 6,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/milk/6.webp", "/assets/img/projects/milk/6.webp"],
     title: "Project 6",
     delay: ".6s",
     category: "Desiccated Coconut",
   },
   {
     id: 7,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/milk/7.webp", "/assets/img/projects/milk/7.webp"],
     title: "Project 7",
     delay: ".2s",
     category: "Desiccated Coconut",
   },
   {
     id: 8,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/milk/8.webp", "/assets/img/projects/milk/8.webp"],
     title: "Project 8",
     delay: ".4s",
     category: "Desiccated Coconut",
   },
   {
     id: 9,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/milk/9.webp", "/assets/img/projects/milk/9.webp"],
     title: "Project 9",
     delay: ".6s",
     category: "Desiccated Coconut",
@@ -260,63 +260,63 @@ export const projectsData = [
   // Tab 2 - Virgin Coconut Oil
   {
     id: 10,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/dryer/1.webp", "/assets/img/projects/dryer/1.webp"],
     title: "Project 10",
     delay: ".2s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 11,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/dryer/2.webp", "/assets/img/projects/dryer/2.webp"],
     title: "Project 11",
     delay: ".4s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 12,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/dryer/3.webp", "/assets/img/projects/dryer/3.webp"],
     title: "Project 12",
     delay: ".6s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 13,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/dryer/4.webp", "/assets/img/projects/dryer/4.webp"],
     title: "Project 13",
     delay: ".2s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 14,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/dryer/5.webp", "/assets/img/projects/dryer/5.webp"],
     title: "Project 14",
     delay: ".4s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 15,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/dryer/6.webp", "/assets/img/projects/dryer/6.webp"],
     title: "Project 15",
     delay: ".6s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 16,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/dryer/7.webp", "/assets/img/projects/dryer/7.webp"],
     title: "Project 16",
     delay: ".2s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 17,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/dryer/8.webp", "/assets/img/projects/dryer/8.webp"],
     title: "Project 17",
     delay: ".4s",
     category: "Virgin Coconut Oil",
   },
   {
     id: 18,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/dryer/9.webp", "/assets/img/projects/dryer/9.webp"],
     title: "Project 18",
     delay: ".6s",
     category: "Virgin Coconut Oil",
@@ -325,63 +325,63 @@ export const projectsData = [
   // Tab 3 - Pare Water Processing
   {
     id: 19,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/grind/1.webp", "/assets/img/projects/grind/1.webp"],
     title: "Project 19",
     delay: ".2s",
     category: "Pare Water Processing",
   },
   {
     id: 20,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/grind/2.webp", "/assets/img/projects/grind/2.webp"],
     title: "Project 20",
     delay: ".4s",
     category: "Pare Water Processing",
   },
   {
     id: 21,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/grind/3.webp", "/assets/img/projects/grind/3.webp"],
     title: "Project 21",
     delay: ".6s",
     category: "Pare Water Processing",
   },
   {
     id: 22,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/grind/4.webp", "/assets/img/projects/grind/4.webp"],
     title: "Project 22",
     delay: ".2s",
     category: "Pare Water Processing",
   },
   {
     id: 23,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/grind/5.webp", "/assets/img/projects/grind/5.webp"],
     title: "Project 23",
     delay: ".4s",
     category: "Pare Water Processing",
   },
   {
     id: 24,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/grind/6.webp", "/assets/img/projects/grind/6.webp"],
     title: "Project 24",
     delay: ".6s",
     category: "Pare Water Processing",
   },
   {
     id: 25,
-    images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
+    images: ["/assets/img/projects/grind/7.webp", "/assets/img/projects/grind/7.webp"],
     title: "Project 25",
     delay: ".2s",
     category: "Pare Water Processing",
   },
   {
     id: 26,
-    images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
+    images: ["/assets/img/projects/grind/8.webp", "/assets/img/projects/grind/8.webp"],
     title: "Project 26",
     delay: ".4s",
     category: "Pare Water Processing",
   },
   {
     id: 27,
-    images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
+    images: ["/assets/img/projects/grind/9.webp", "/assets/img/projects/grind/9.webp"],
     title: "Project 27",
     delay: ".6s",
     category: "Pare Water Processing",
diff --git a/data/team.js b/data/team.js
index b5b7f1d..aa664cb 100644
--- a/data/team.js
+++ b/data/team.js
@@ -107,6 +107,7 @@ export const teamMembers2 = [
     image: "/assets/img/about-page/1.webp",
     name: " At a Glance",
     role: "Sr. engineer",
+    link: "/corporate-profile",
     socials: [
       {
         href: "#",
@@ -132,6 +133,7 @@ export const teamMembers2 = [
     image: "/assets/img/about-page/2.webp",
     name: "Factory & Workflows",
     role: "Sr. engineer",
+    link: "/factory-workflows",
     socials: [
       {
         href: "#",
@@ -158,6 +160,7 @@ export const teamMembers2 = [
     image: "/assets/img/about-page/3.webp",
     name: "Sustainability Impact",
     role: "Sr. engineer",
+    link: "/sustainability-impact",
     socials: [
       {
         href: "#",
@@ -183,6 +186,7 @@ export const teamMembers2 = [
     image: "/assets/img/about-page/4.webp",
     name: "Engineering & Innovation",
     role: "Sr. engineer",
+    link: "/engineering-innovation",
     socials: [
       {
         href: "#",
diff --git a/public/assets/img/about-page/about/1.webp b/public/assets/img/about-page/about/1.webp
new file mode 100644
index 0000000..d1f55b1
Binary files /dev/null and b/public/assets/img/about-page/about/1.webp differ
diff --git a/public/assets/img/about-page/about/2.webp b/public/assets/img/about-page/about/2.webp
new file mode 100644
index 0000000..f8e8648
Binary files /dev/null and b/public/assets/img/about-page/about/2.webp differ
diff --git a/public/assets/img/about-page/about/3.webp b/public/assets/img/about-page/about/3.webp
new file mode 100644
index 0000000..ddb7284
Binary files /dev/null and b/public/assets/img/about-page/about/3.webp differ
diff --git a/public/assets/img/about-page/about/4.webp b/public/assets/img/about-page/about/4.webp
new file mode 100644
index 0000000..0017d52
Binary files /dev/null and b/public/assets/img/about-page/about/4.webp differ
diff --git a/public/assets/img/about-page/about/at1.webp b/public/assets/img/about-page/about/at1.webp
new file mode 100644
index 0000000..4bb286e
Binary files /dev/null and b/public/assets/img/about-page/about/at1.webp differ
diff --git a/public/assets/img/about-page/about/at2.webp b/public/assets/img/about-page/about/at2.webp
new file mode 100644
index 0000000..137bed3
Binary files /dev/null and b/public/assets/img/about-page/about/at2.webp differ
diff --git a/public/assets/img/about-page/about/big-img-2.webp b/public/assets/img/about-page/about/big-img-2.webp
new file mode 100644
index 0000000..4d45857
Binary files /dev/null and b/public/assets/img/about-page/about/big-img-2.webp differ
diff --git a/public/assets/img/about-page/about/big-img-3.webp b/public/assets/img/about-page/about/big-img-3.webp
new file mode 100644
index 0000000..3cd3059
Binary files /dev/null and b/public/assets/img/about-page/about/big-img-3.webp differ
diff --git a/public/assets/img/about-page/about/big-img-4.webp b/public/assets/img/about-page/about/big-img-4.webp
new file mode 100644
index 0000000..dd58f9f
Binary files /dev/null and b/public/assets/img/about-page/about/big-img-4.webp differ
diff --git a/public/assets/img/about-page/about/big-img.webp b/public/assets/img/about-page/about/big-img.webp
new file mode 100644
index 0000000..6ab11d8
Binary files /dev/null and b/public/assets/img/about-page/about/big-img.webp differ
diff --git a/public/assets/img/about-page/about/engineering-banner.webp b/public/assets/img/about-page/about/engineering-banner.webp
new file mode 100644
index 0000000..16ff12a
Binary files /dev/null and b/public/assets/img/about-page/about/engineering-banner.webp differ
diff --git a/public/assets/img/about-page/about/factory-banner.webp b/public/assets/img/about-page/about/factory-banner.webp
new file mode 100644
index 0000000..d8c0a7b
Binary files /dev/null and b/public/assets/img/about-page/about/factory-banner.webp differ
diff --git a/public/assets/img/about-page/about/glance-banner.webp b/public/assets/img/about-page/about/glance-banner.webp
new file mode 100644
index 0000000..6540a25
Binary files /dev/null and b/public/assets/img/about-page/about/glance-banner.webp differ
diff --git a/public/assets/img/about-page/about/sustainability-banner.webp b/public/assets/img/about-page/about/sustainability-banner.webp
new file mode 100644
index 0000000..b17df18
Binary files /dev/null and b/public/assets/img/about-page/about/sustainability-banner.webp differ
diff --git a/public/assets/img/about-page/about/sustainability.jpg b/public/assets/img/about-page/about/sustainability.jpg
new file mode 100644
index 0000000..a7faeeb
Binary files /dev/null and b/public/assets/img/about-page/about/sustainability.jpg differ
diff --git a/public/assets/img/projects/dryer/1.webp b/public/assets/img/projects/dryer/1.webp
new file mode 100644
index 0000000..29531fb
Binary files /dev/null and b/public/assets/img/projects/dryer/1.webp differ
diff --git a/public/assets/img/projects/dryer/2.webp b/public/assets/img/projects/dryer/2.webp
new file mode 100644
index 0000000..2baae85
Binary files /dev/null and b/public/assets/img/projects/dryer/2.webp differ
diff --git a/public/assets/img/projects/dryer/3.webp b/public/assets/img/projects/dryer/3.webp
new file mode 100644
index 0000000..eb28a70
Binary files /dev/null and b/public/assets/img/projects/dryer/3.webp differ
diff --git a/public/assets/img/projects/dryer/4.webp b/public/assets/img/projects/dryer/4.webp
new file mode 100644
index 0000000..eb88b7c
Binary files /dev/null and b/public/assets/img/projects/dryer/4.webp differ
diff --git a/public/assets/img/projects/dryer/5.webp b/public/assets/img/projects/dryer/5.webp
new file mode 100644
index 0000000..616c382
Binary files /dev/null and b/public/assets/img/projects/dryer/5.webp differ
diff --git a/public/assets/img/projects/dryer/6.webp b/public/assets/img/projects/dryer/6.webp
new file mode 100644
index 0000000..99d1255
Binary files /dev/null and b/public/assets/img/projects/dryer/6.webp differ
diff --git a/public/assets/img/projects/dryer/7.webp b/public/assets/img/projects/dryer/7.webp
new file mode 100644
index 0000000..17c776a
Binary files /dev/null and b/public/assets/img/projects/dryer/7.webp differ
diff --git a/public/assets/img/projects/dryer/8.webp b/public/assets/img/projects/dryer/8.webp
new file mode 100644
index 0000000..8abda3c
Binary files /dev/null and b/public/assets/img/projects/dryer/8.webp differ
diff --git a/public/assets/img/projects/dryer/9.webp b/public/assets/img/projects/dryer/9.webp
new file mode 100644
index 0000000..1f5f5e9
Binary files /dev/null and b/public/assets/img/projects/dryer/9.webp differ
diff --git a/public/assets/img/projects/grind/1.webp b/public/assets/img/projects/grind/1.webp
new file mode 100644
index 0000000..9c86328
Binary files /dev/null and b/public/assets/img/projects/grind/1.webp differ
diff --git a/public/assets/img/projects/grind/2.webp b/public/assets/img/projects/grind/2.webp
new file mode 100644
index 0000000..f0d6f43
Binary files /dev/null and b/public/assets/img/projects/grind/2.webp differ
diff --git a/public/assets/img/projects/grind/3.webp b/public/assets/img/projects/grind/3.webp
new file mode 100644
index 0000000..cc929ab
Binary files /dev/null and b/public/assets/img/projects/grind/3.webp differ
diff --git a/public/assets/img/projects/grind/4.webp b/public/assets/img/projects/grind/4.webp
new file mode 100644
index 0000000..82ea0e3
Binary files /dev/null and b/public/assets/img/projects/grind/4.webp differ
diff --git a/public/assets/img/projects/grind/5.webp b/public/assets/img/projects/grind/5.webp
new file mode 100644
index 0000000..3cc624d
Binary files /dev/null and b/public/assets/img/projects/grind/5.webp differ
diff --git a/public/assets/img/projects/grind/6.webp b/public/assets/img/projects/grind/6.webp
new file mode 100644
index 0000000..0cdb33b
Binary files /dev/null and b/public/assets/img/projects/grind/6.webp differ
diff --git a/public/assets/img/projects/grind/7.webp b/public/assets/img/projects/grind/7.webp
new file mode 100644
index 0000000..224b688
Binary files /dev/null and b/public/assets/img/projects/grind/7.webp differ
diff --git a/public/assets/img/projects/grind/8.webp b/public/assets/img/projects/grind/8.webp
new file mode 100644
index 0000000..ae8a1de
Binary files /dev/null and b/public/assets/img/projects/grind/8.webp differ
diff --git a/public/assets/img/projects/grind/9.webp b/public/assets/img/projects/grind/9.webp
new file mode 100644
index 0000000..470c5aa
Binary files /dev/null and b/public/assets/img/projects/grind/9.webp differ
diff --git a/public/assets/img/projects/milk/1.webp b/public/assets/img/projects/milk/1.webp
new file mode 100644
index 0000000..67fd597
Binary files /dev/null and b/public/assets/img/projects/milk/1.webp differ
diff --git a/public/assets/img/projects/milk/2.webp b/public/assets/img/projects/milk/2.webp
new file mode 100644
index 0000000..50fe699
Binary files /dev/null and b/public/assets/img/projects/milk/2.webp differ
diff --git a/public/assets/img/projects/milk/3.webp b/public/assets/img/projects/milk/3.webp
new file mode 100644
index 0000000..10fa14c
Binary files /dev/null and b/public/assets/img/projects/milk/3.webp differ
diff --git a/public/assets/img/projects/milk/4.webp b/public/assets/img/projects/milk/4.webp
new file mode 100644
index 0000000..343d68b
Binary files /dev/null and b/public/assets/img/projects/milk/4.webp differ
diff --git a/public/assets/img/projects/milk/5.webp b/public/assets/img/projects/milk/5.webp
new file mode 100644
index 0000000..1bc2203
Binary files /dev/null and b/public/assets/img/projects/milk/5.webp differ
diff --git a/public/assets/img/projects/milk/6.webp b/public/assets/img/projects/milk/6.webp
new file mode 100644
index 0000000..0c042a1
Binary files /dev/null and b/public/assets/img/projects/milk/6.webp differ
diff --git a/public/assets/img/projects/milk/7.webp b/public/assets/img/projects/milk/7.webp
new file mode 100644
index 0000000..282b0fc
Binary files /dev/null and b/public/assets/img/projects/milk/7.webp differ
diff --git a/public/assets/img/projects/milk/8.webp b/public/assets/img/projects/milk/8.webp
new file mode 100644
index 0000000..59c7b8d
Binary files /dev/null and b/public/assets/img/projects/milk/8.webp differ
diff --git a/public/assets/img/projects/milk/9.webp b/public/assets/img/projects/milk/9.webp
new file mode 100644
index 0000000..ec150ae
Binary files /dev/null and b/public/assets/img/projects/milk/9.webp differ
diff --git a/public/assets/img/projects/projects-banner.webp b/public/assets/img/projects/projects-banner.webp
new file mode 100644
index 0000000..3f65444
Binary files /dev/null and b/public/assets/img/projects/projects-banner.webp differ
diff --git a/public/assets/img/turnkey-solutions/big-img.webp b/public/assets/img/turnkey-solutions/big-img.webp
new file mode 100644
index 0000000..3352e26
Binary files /dev/null and b/public/assets/img/turnkey-solutions/big-img.webp differ
diff --git a/public/assets/img/turnkey-solutions/small-img-1.webp b/public/assets/img/turnkey-solutions/small-img-1.webp
new file mode 100644
index 0000000..7f3bf2d
Binary files /dev/null and b/public/assets/img/turnkey-solutions/small-img-1.webp differ
diff --git a/public/assets/img/turnkey-solutions/small-img-2.webp b/public/assets/img/turnkey-solutions/small-img-2.webp
new file mode 100644
index 0000000..45fd907
Binary files /dev/null and b/public/assets/img/turnkey-solutions/small-img-2.webp differ
diff --git a/public/assets/img/turnkey-solutions/turnkey-banner.webp b/public/assets/img/turnkey-solutions/turnkey-banner.webp
new file mode 100644
index 0000000..8e12f22
Binary files /dev/null and b/public/assets/img/turnkey-solutions/turnkey-banner.webp differ