iqbal24/air-and-water-mechanical
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update add next saction

Browse Source
This commit is contained in:
iqbal024 2025-05-07 10:15:55 +07:00
parent c2e8f8134b
commit 2026b5c594
29 changed files with 208 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.next/app-build-manifest.json
View File

@ -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"
]
}
}

BIN
.next/cache/webpack/client-development/1.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/3.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/4.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/5.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/6.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/7.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/8.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/9.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/index.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/index.pack.gz.old vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/0.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/2.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/3.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/4.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/5.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/6.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/7.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/8.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/index.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/index.pack.gz.old vendored
View File

Binary file not shown.

1
.next/server/app-paths-manifest.json
View File

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

20
.next/server/app/page.js
View File

File diff suppressed because one or more lines are too long

2
.next/server/webpack-runtime.js
View File

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

57
.next/trace
View File

File diff suppressed because one or more lines are too long

70
src/app/Components/Home/Process.jsx
View File

@ -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;
export default Process;

67
src/app/Components/ProcessCard/ProcessCard.jsx
View File

@ -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;
export default ProcessCard;

67
src/app/Components/ProcessCard/ProcessCard2.jsx
View File

@ -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;
export default ProcessCard2;

12
src/app/page.js
View File

@ -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>
);
}