update add next saction

.next/app-build-manifest.json

@@ -10,6 +10,11 @@
       "static/chunks/main-app.js",
       "static/css/app/layout.css",
       "static/chunks/app/layout.js"
+    ],
+    "/_not-found/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/_not-found/page.js"
     ]
   }
 }

.next/server/app-paths-manifest.json

@@ -1,3 +1,4 @@
 {
+  "/_not-found/page": "app/_not-found/page.js",
   "/page": "app/page.js"
 }

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("854e3626947067f2")
+/******/ 		__webpack_require__.h = () => ("d77355b6b97490b9")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

src/app/Components/Home/Process.jsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { useEffect } from "react";
 import ProcessCard from "../ProcessCard/ProcessCard";
 import ProcessCard2 from "../ProcessCard/ProcessCard2";
@@ -6,63 +6,71 @@ import loadBackgroudImages from "../Common/loadBackgroudImages";
 import SectionTitle from "../Common/SectionTitle";
 
 const Process = () => {
+  useEffect(() => {
+    loadBackgroudImages();
+  }, []);
 
-    useEffect(() => {
-        loadBackgroudImages();
-      }, []);
-
-    return (
-    <section className="cs_bg_filed" data-background="/assets/img/how_to_work_bg.svg">
+  return (
+    <section
+      className="cs_bg_filed"
+      data-background="/assets/img/how_to_work_bg.svg"
+    >
       <div className="cs_height_115 cs_height_lg_70"></div>
       <div className="container">
         <div className="cs_section_heading_1_with_sub">
           <div className="cs_section_heading cs_style_1">
-             <SectionTitle
-                  Title="Simple Working Process"
-                  SubTitle="Who To Work"
-              ></SectionTitle>
+            <SectionTitle
+              Title="HVAC & Plumbing Services in Phoenix"
+              SubTitle="Experience the Air & Water Difference"
+            ></SectionTitle>
           </div>
-          <p className="mb-0">Keeping the outdoor unit clean, and sealing any you leaks in your home can improve efficiency</p>
+          {/* <p className="mb-0">
+            Keeping the outdoor unit clean, and sealing any you leaks in your
+            home can improve efficiency
+          </p> */}
         </div>
         <div className="cs_height_45 cs_height_lg_45"></div>
         <div className="cs_card_1_wrap">
           <div className="cs_card_1_col">
             <ProcessCard
-                    Title="Cool Wave System"
-                    Content="Upgrade to the latest energy and efficient air conditioning Frost technology with Eco Cool"
-                    Img="/assets/img/icons/how_to_work_icon_1.svg"
-                >
-            </ProcessCard>
+              Title="Cooling"
+              Content="Upgrade to the latest energy and efficient air conditioning Frost technology with Eco Cool"
+              Img="/assets/img/icons/how_to_work_icon_1.svg"
+              TitleButton="I Need Cooling Service"
+              LinkButton="/about"
+            ></ProcessCard>
           </div>
           <div className="cs_card_1_col">
             <ProcessCard2
-                    Title="Arctic Installations"
-                    Content="The Arctic Blast Repair service addresses all your air Eco Cool  conditioning repair needs"
-                    Img="/assets/img/icons/how_to_work_icon_2.svg"                
-                >
-            </ProcessCard2>
+              Title="Heating"
+              Content="The Arctic Blast Repair service addresses all your air Eco Cool  conditioning repair needs"
+              Img="/assets/img/icons/how_to_work_icon_2.svg"
+              TitleButton="I Need Heating Service"
+              LinkButton="/about"
+            ></ProcessCard2>
           </div>
           <div className="cs_card_1_col">
             <ProcessCard
-                    Title="Air Flow Solutions"
-                    Content="Our Quick Cool Installation and service provides fast and cooling efficient installation"
-                    Img="/assets/img/icons/how_to_work_icon_3.svg"
-                >
-            </ProcessCard>
+              Title="Plumbing"
+              Content="Our Quick Cool Installation and service provides fast and cooling efficient installation"
+              Img="/assets/img/icons/how_to_work_icon_3.svg"
+              TitleButton="I Need Plumbing Service"
+              LinkButton="/about"
+            ></ProcessCard>
           </div>
-          <div className="cs_card_1_col">
+          {/* <div className="cs_card_1_col">
             <ProcessCard2
                     Title="Emergency Service"
                     Content="We handle everything from and assessing your cooling needs to positioning  Arctic Blast"
                     Img="/assets/img/icons/how_to_work_icon_4.svg"                
                 >
             </ProcessCard2>
-          </div>
+          </div> */}
         </div>
       </div>
       <div className="cs_height_120 cs_height_lg_70"></div>
     </section>
-    );
+  );
 };
 
 export default Process;

src/app/Components/ProcessCard/ProcessCard.jsx

@@ -1,29 +1,52 @@
 import Image from "next/image";
 import Link from "next/link";
 
-const ProcessCard = ({Title,Content,Img}) => {
-    return (
-        <div className="cs_card cs_style_1">
-            <div className="cs_card_in cs_white_bg">
-            <div className="cs_card_icon cs_center cs_mb_30">
-                <Image src={Img} alt="img" width={40} height={40}   />
-            </div>
-            <h3 className="cs_fs_24 cs_semibold cs_mb_6">{Title}</h3>
-            <p className="cs_fs_14 cs_mb_25">{Content}</p>
-            <Link href="/about" className="cs_text_btn cs_fs_14 text-uppercase cs_heading_color cs_bold">
-            READ MORE
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M8.28125 1.21875L13.7812 6.46875C13.9271 6.61458 14 6.79167 14 7C14 7.20833 13.9271 7.38542 13.7812 7.53125L8.28125 12.7812C7.90625 13.0729 7.55208 13.0729 7.21875 12.7812C6.92708 12.4062 6.92708 12.0521 7.21875 11.7188L11.375 7.75H0.75C0.291667 7.70833 0.0416667 7.45833 0 7C0.0416667 6.54167 0.291667 6.29167 0.75 6.25H11.375L7.21875 2.28125C6.92708 1.94792 6.92708 1.59375 7.21875 1.21875C7.55208 0.927083 7.90625 0.927083 8.28125 1.21875Z" fill="currentColor"></path>
-            </svg>
-            </Link>                    
-        </div>
-        <div className="cs_card_shape">
-            <svg width="305" height="145" viewBox="0 0 305 145" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M274.465 30.698L35.5518 41.3918L0 6.19539V120.27C0 133.924 11.1913 145 24.9875 145H280.012C293.809 145 305 133.924 305 120.27V0.478516L274.465 30.698Z" fill="currentColor"/>
-            </svg>                  
+const ProcessCard = ({ Title, Content, Img, TitleButton, LinkButton }) => {
+  const href = LinkButton || "/about";
+
+  return (
+    <div className="cs_card cs_style_1">
+      <div className="cs_card_in cs_white_bg">
+        <div className="cs_card_icon cs_center cs_mb_30">
+          <Image src={Img} alt="img" width={40} height={40} />
         </div>
+        <h3 className="cs_fs_24 cs_semibold cs_mb_6">{Title}</h3>
+        <p className="cs_fs_14 cs_mb_25">{Content}</p>
+        <Link
+          href={href}
+          className="cs_text_btn cs_fs_14 text-uppercase cs_heading_color cs_bold"
+        >
+          {TitleButton}
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.28125 1.21875L13.7812 6.46875C13.9271 6.61458 14 6.79167 14 7C14 7.20833 13.9271 7.38542 13.7812 7.53125L8.28125 12.7812C7.90625 13.0729 7.55208 13.0729 7.21875 12.7812C6.92708 12.4062 6.92708 12.0521 7.21875 11.7188L11.375 7.75H0.75C0.291667 7.70833 0.0416667 7.45833 0 7C0.0416667 6.54167 0.291667 6.29167 0.75 6.25H11.375L7.21875 2.28125C6.92708 1.94792 6.92708 1.59375 7.21875 1.21875C7.55208 0.927083 7.90625 0.927083 8.28125 1.21875Z"
+              fill="currentColor"
+            ></path>
+          </svg>
+        </Link>
       </div>
-    );
+      <div className="cs_card_shape">
+        <svg
+          width="305"
+          height="145"
+          viewBox="0 0 305 145"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M274.465 30.698L35.5518 41.3918L0 6.19539V120.27C0 133.924 11.1913 145 24.9875 145H280.012C293.809 145 305 133.924 305 120.27V0.478516L274.465 30.698Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+    </div>
+  );
 };
 
 export default ProcessCard;

src/app/Components/ProcessCard/ProcessCard2.jsx

@@ -1,29 +1,50 @@
 import Image from "next/image";
 import Link from "next/link";
 
-const ProcessCard2 = ({Title,Content,Img}) => {
-    return (
-        <div className="cs_card cs_style_1 cs_type_1">
-            <div className="cs_card_in cs_white_bg">
-            <h3 className="cs_fs_24 cs_semibold cs_mb_6">{Title}</h3>
-            <p className="cs_fs_14 cs_mb_25">{Content}</p>
-            <Link href="/about" className="cs_text_btn cs_fs_14 text-uppercase cs_heading_color cs_bold cs_mb_30">
-                READ MORE
-                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M8.28125 1.21875L13.7812 6.46875C13.9271 6.61458 14 6.79167 14 7C14 7.20833 13.9271 7.38542 13.7812 7.53125L8.28125 12.7812C7.90625 13.0729 7.55208 13.0729 7.21875 12.7812C6.92708 12.4062 6.92708 12.0521 7.21875 11.7188L11.375 7.75H0.75C0.291667 7.70833 0.0416667 7.45833 0 7C0.0416667 6.54167 0.291667 6.29167 0.75 6.25H11.375L7.21875 2.28125C6.92708 1.94792 6.92708 1.59375 7.21875 1.21875C7.55208 0.927083 7.90625 0.927083 8.28125 1.21875Z" fill="currentColor"></path>
-                </svg>                    
-            </Link>
-            <div className="cs_card_icon cs_center">
-                <Image src={Img} alt="img" width={40} height={40}   />
-            </div>
-            </div>
-            <div className="cs_card_shape">
-            <svg width="305" height="146" viewBox="0 0 305 146" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M274.465 115.014L35.5518 104.253L0 139.669V24.883C0 11.1442 11.1913 -0.000549316 24.9875 -0.000549316H280.012C293.809 -0.000549316 305 11.1442 305 24.883V145.422L274.465 115.014Z" fill="currentColor"/>
-            </svg>                                   
-            </div>
+const ProcessCard2 = ({ Title, Content, Img, TitleButton }) => {
+  return (
+    <div className="cs_card cs_style_1 cs_type_1">
+      <div className="cs_card_in cs_white_bg">
+        <h3 className="cs_fs_24 cs_semibold cs_mb_6">{Title}</h3>
+        <p className="cs_fs_14 cs_mb_25">{Content}</p>
+        <Link
+          href="/about"
+          className="cs_text_btn cs_fs_14 text-uppercase cs_heading_color cs_bold cs_mb_30"
+        >
+          {TitleButton}
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.28125 1.21875L13.7812 6.46875C13.9271 6.61458 14 6.79167 14 7C14 7.20833 13.9271 7.38542 13.7812 7.53125L8.28125 12.7812C7.90625 13.0729 7.55208 13.0729 7.21875 12.7812C6.92708 12.4062 6.92708 12.0521 7.21875 11.7188L11.375 7.75H0.75C0.291667 7.70833 0.0416667 7.45833 0 7C0.0416667 6.54167 0.291667 6.29167 0.75 6.25H11.375L7.21875 2.28125C6.92708 1.94792 6.92708 1.59375 7.21875 1.21875C7.55208 0.927083 7.90625 0.927083 8.28125 1.21875Z"
+              fill="currentColor"
+            ></path>
+          </svg>
+        </Link>
+        <div className="cs_card_icon cs_center">
+          <Image src={Img} alt="img" width={40} height={40} />
+        </div>
       </div>
-    );
+      <div className="cs_card_shape">
+        <svg
+          width="305"
+          height="146"
+          viewBox="0 0 305 146"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M274.465 115.014L35.5518 104.253L0 139.669V24.883C0 11.1442 11.1913 -0.000549316 24.9875 -0.000549316H280.012C293.809 -0.000549316 305 11.1442 305 24.883V145.422L274.465 115.014Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+    </div>
+  );
 };
 
 export default ProcessCard2;

src/app/page.js

@@ -29,14 +29,14 @@ export default function Home() {
         NumberContent="Call Today for a Free Estimate"
         Number="(480) 706-333"
       ></About>
-      <Services></Services>
-      <Team></Team>
-      <Choose></Choose>
+      {/* <Services></Services> */}
+      <Process></Process>
+      {/* <Team></Team> */}
+      <Faq></Faq>
+      {/* <Choose></Choose>
       <Pricing></Pricing>
       <Testimonial></Testimonial>
-      <Faq></Faq>
-      <Process></Process>
-      <Blog></Blog>
+      <Blog></Blog> */}
     </main>
   );
 }