Update src/app/page.tsx

This commit is contained in:
2026-04-09 21:56:25 +00:00
parent c703e409d2
commit bcb64fdb4b

View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -76,30 +76,31 @@ export default function LandingPage() {
/>
</div>
<div id="services" data-section="services" className="relative bg-cover bg-center bg-no-repeat" style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775771149189-5ldyt62y.jpg')" }}>
<div className="absolute inset-0 bg-black/60" />
<div className="relative z-10 flex flex-col md:flex-row items-center justify-between p-8 gap-8">
<FeatureCardTwentyEight
className="flex-1 text-white"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "1", title: "Residential HVAC", subtitle: "Full home installation", category: "Installation", value: "Premium" },
{ id: "2", title: "Commercial Services", subtitle: "Large scale climate control", category: "Commercial", value: "Expert" },
{ id: "3", title: "Maintenance & Repair", subtitle: "Preventative and urgent care", category: "Emergency", value: "Fast" },
{ id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
{ id: "5", title: "Mini Splits", subtitle: "Efficient zonal heating/cooling", category: "System", value: "Efficient" },
]}
title="Our Services "
description="Custom climate control solutions tailored to your unique requirements."
/>
<img
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
alt="HVAC Equipment"
className="w-full md:w-1/3 rounded-lg shadow-xl"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
title="Our Services"
description="Custom climate control solutions tailored to your unique requirements."
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Residential HVAC",
description: "Full home installation for lasting comfort.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
},
{
title: "Ductwork Design",
description: "Precision-engineered airflow systems for optimal efficiency.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
},
{
title: "Mini Splits",
description: "Advanced zonal heating and cooling for energy-efficient homes.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg?_wi=1"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
@@ -158,4 +159,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}