add next section

This commit is contained in:
iqbal024 2025-05-06 22:51:12 +07:00
parent a61af37eb9
commit 6ad0f7aa73
32 changed files with 132 additions and 82 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -1,68 +1,109 @@
import Image from "next/image";
import Link from "next/link";
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="cs_about_thumb">
<Image src={Img} alt="About" width={636} height={617} />
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="cs_about_thumb">
<Image src={Img} alt="About" width={636} height={617} />
</div>
</div>
<div className="col-xl-6">
<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}
/>
{TitleUp}
</h3>
<h2 className="cs_section_title cs_fs_48 cs_semibold mb-0">
{Title}
</h2>
</div>
</div>
<div className="col-xl-6">
<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} />
{TitleUp}
</h3>
<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">
<div className="cs_tab_body">
<div className="cs_tab active" id="tab_1">
<ul className="cs_list cs_style_1 cs_mp_0 cs_fs_18 cs_medium cs_heading_font">
<p className="cs_mb_30">{Content}</p>
<div className="cs_tabs">
<div className="cs_tab_body">
<div className="cs_tab active" id="tab_1">
<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} />
<li key={index}>
<Image
src="/assets/img/right-arrow.png"
alt="About"
width={18}
height={18}
/>
{item}
</li>
</li>
))}
</ul>
</div>
</div>
</div>
<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>
<svg 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} />
</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>
</div>
</div>
</ul>
</div>
</div>
</div>
<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>Get to Know Us</span>
<svg
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}
/>
</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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="cs_height_120 cs_height_lg_80"></div>
</section>
);
</div>
<div className="cs_height_120 cs_height_lg_80"></div>
</section>
);
};
export default About;
export default About;

View File

@ -12,31 +12,31 @@ import Testimonial from "./Components/Home/Testimonial";
export default function Home() {
return (
<main className="home-page">
<HomeSlider></HomeSlider>
<About
Img="/assets/img/about_img_1.png"
TitleUp="About us"
Title="Where every breath feels fresh and cool"
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"
FeatureList={[
"AirFlow Optimization",
"PureAir Quality Testing",
"FreezeGuard Installation",
"Cool Care Maintenance",
"ClimateControl Checkup",
"ChillOut Emergency Services"
]}
NumberContent="Call any time for Freseir services"
Number="(+578) 587 89168"
></About>
<Services></Services>
<Team></Team>
<Choose></Choose>
<Pricing></Pricing>
<Testimonial></Testimonial>
<Faq></Faq>
<Process></Process>
<Blog></Blog>
<HomeSlider></HomeSlider>
<About
Img="/assets/img/about_img_1.png"
TitleUp="Feel the Air & Water Difference"
Title="Built for Phoenix. Designed for Comfort"
Content="Locally owned and operated, Air & Water Mechanical delivers expert HVAC and plumbing services tailored to Phoenixs extreme climate, hard water, and unique home systems"
FeatureList={[
"NATE-Certified Technicians",
"Lifetime Warranty",
"24/7 Emergency Service",
"Locally Owned & Operated",
"Upfront Pricing",
"100% Satisfaction Guarantee",
]}
NumberContent="Call Today for a Free Estimate"
Number="(480) 706-333"
></About>
<Services></Services>
<Team></Team>
<Choose></Choose>
<Pricing></Pricing>
<Testimonial></Testimonial>
<Faq></Faq>
<Process></Process>
<Blog></Blog>
</main>
);
}