add next section

.next/server/webpack-runtime.js

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

src/app/Components/Home/About.jsx

@@ -1,14 +1,26 @@
 import Image from "next/image";
 import Link from "next/link";
 
-const About = ({Img,TitleUp,Title,Content,FeatureList,NumberContent,Number}) => {
+const About = ({
+  Img,
+  TitleUp,
+  Title,
+  Content,
+  FeatureList,
+  NumberContent,
+  Number,
+}) => {
   return (
     <section>
       <div className="cs_height_120 cs_height_lg_80"></div>
       <div className="cs_about cs_style_1">
         <div className="container">
           <div className="row align-items-center cs_gap_y_40">
-                <div className="col-xl-6 wow fadeInLeft" data-wow-duration="0.9s" data-wow-delay="0.25s">
+            <div
+              className="col-xl-6 wow fadeInLeft"
+              data-wow-duration="0.9s"
+              data-wow-delay="0.25s"
+            >
               <div className="cs_about_thumb">
                 <Image src={Img} alt="About" width={636} height={617} />
               </div>
@@ -17,10 +29,18 @@ const About = ({Img,TitleUp,Title,Content,FeatureList,NumberContent,Number}) =>
               <div className="cs_about_content">
                 <div className="cs_section_heading cs_style_1 cs_mb_22">
                   <h3 className="cs_section_subtitle cs_accent_color text-uppercase cs_medium cs_fs_20 cs_mb_10">
-                    <Image src="/assets/img/icons/fan.svg" alt="About" className="cs_section_subheading_icon" width={15} height={15}   />
+                    <Image
+                      src="/assets/img/icons/fan.svg"
+                      alt="About"
+                      className="cs_section_subheading_icon"
+                      width={15}
+                      height={15}
+                    />
                     {TitleUp}
                   </h3>
-                   <h2 className="cs_section_title cs_fs_48 cs_semibold mb-0">{Title}</h2>
+                  <h2 className="cs_section_title cs_fs_48 cs_semibold mb-0">
+                    {Title}
+                  </h2>
                 </div>
                 <p className="cs_mb_30">{Content}</p>
                 <div className="cs_tabs">
@@ -29,7 +49,12 @@ const About = ({Img,TitleUp,Title,Content,FeatureList,NumberContent,Number}) =>
                       <ul className="cs_list cs_style_1 cs_mp_0 cs_fs_18 cs_medium cs_heading_font">
                         {FeatureList?.map((item, index) => (
                           <li key={index}>
-                               <Image src="/assets/img/right-arrow.png" alt="About" width={18} height={18}   /> 
+                            <Image
+                              src="/assets/img/right-arrow.png"
+                              alt="About"
+                              width={18}
+                              height={18}
+                            />
                             {item}
                           </li>
                         ))}
@@ -40,18 +65,34 @@ const About = ({Img,TitleUp,Title,Content,FeatureList,NumberContent,Number}) =>
                 <div className="cs_height_33 cs_height_lg_30"></div>
                 <div className="cs_about_btns">
                   <Link href="/about" className="cs_btn cs_style_1">
-                        <span>Read More</span>
+                    <span>Get to Know Us</span>
-                        <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <svg
-                        <path d="M8.28125 0.71875L13.7812 5.96875C13.9271 6.11458 14 6.29167 14 6.5C14 6.70833 13.9271 6.88542 13.7812 7.03125L8.28125 12.2812C7.90625 12.5729 7.55208 12.5729 7.21875 12.2812C6.92708 11.9062 6.92708 11.5521 7.21875 11.2188L11.375 7.25H0.75C0.291667 7.20833 0.0416667 6.95833 0 6.5C0.0416667 6.04167 0.291667 5.79167 0.75 5.75H11.375L7.21875 1.78125C6.92708 1.44792 6.92708 1.09375 7.21875 0.71875C7.55208 0.427083 7.90625 0.427083 8.28125 0.71875Z" fill="currentColor"></path>
+                      width="14"
+                      height="13"
+                      viewBox="0 0 14 13"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M8.28125 0.71875L13.7812 5.96875C13.9271 6.11458 14 6.29167 14 6.5C14 6.70833 13.9271 6.88542 13.7812 7.03125L8.28125 12.2812C7.90625 12.5729 7.55208 12.5729 7.21875 12.2812C6.92708 11.9062 6.92708 11.5521 7.21875 11.2188L11.375 7.25H0.75C0.291667 7.20833 0.0416667 6.95833 0 6.5C0.0416667 6.04167 0.291667 5.79167 0.75 5.75H11.375L7.21875 1.78125C6.92708 1.44792 6.92708 1.09375 7.21875 0.71875C7.55208 0.427083 7.90625 0.427083 8.28125 0.71875Z"
+                        fill="currentColor"
+                      ></path>
                     </svg>
                   </Link>
                   <div className="cs_about_phone_number">
                     <div className="cs_about_phone_number_icon cs_accent_bg cs_center">
-                        <Image src="/assets/img/icons/phone_icon.svg" alt="About" width={25} height={25}   /> 
+                      <Image
+                        src="/assets/img/icons/phone_icon.svg"
+                        alt="About"
+                        width={25}
+                        height={25}
+                      />
                     </div>
                     <div className="cs_about_phone_number_right">
                       <p className="mb-0">{NumberContent}</p>
-                        <h3 className="cs_heading_color cs_fs_18 cs_medium mb-0"><a>{Number}</a></h3>
+                      <h3 className="cs_heading_color cs_fs_18 cs_medium mb-0">
+                        <a>{Number}</a>
+                      </h3>
                     </div>
                   </div>
                 </div>

src/app/page.js

@@ -15,19 +15,19 @@ export default function Home() {
       <HomeSlider></HomeSlider>
       <About
         Img="/assets/img/about_img_1.png"
-                TitleUp="About us"
+        TitleUp="Feel the Air & Water Difference"
-                Title="Where every breath feels fresh and cool"
+        Title="Built for Phoenix. Designed for Comfort"
-                Content="Prompt diagnosis and repair of any issues with your air conditioning unit your ensure optimal performance Inspection of ductwork for leaks or damage air followed by sealing to improve energy efficiency"
+        Content="Locally owned and operated, Air & Water Mechanical delivers expert HVAC and plumbing services tailored to Phoenix’s extreme climate, hard water, and unique home systems"
         FeatureList={[
-                    "AirFlow Optimization",
+          "NATE-Certified Technicians",
-                    "PureAir Quality Testing",
+          "Lifetime Warranty",
-                    "FreezeGuard Installation",
+          "24/7 Emergency Service",
-                    "Cool Care Maintenance",
+          "Locally Owned & Operated",
-                    "ClimateControl Checkup",
+          "Upfront Pricing",
-                    "ChillOut Emergency Services"
+          "100% Satisfaction Guarantee",
         ]}
-                NumberContent="Call any time for Freseir services"
+        NumberContent="Call Today for a Free Estimate"
-                Number="(+578) 587 89168"
+        Number="(480) 706-333"
       ></About>
       <Services></Services>
       <Team></Team>