Update src/app/services/page.tsx
This commit is contained in:
@@ -2,171 +2,72 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Zap, Thermometer, Building, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Professional Services"
|
||||
description="High performance cooling and heating."
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "AC Repair",
|
||||
author: "Cooling",
|
||||
description: "Instant comfort solutions.",
|
||||
tags: [
|
||||
"AC",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=15",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Furnace Work",
|
||||
author: "Heating",
|
||||
description: "Reliable heat for winters.",
|
||||
tags: [
|
||||
"Heat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=16",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardTwentySix
|
||||
title="Our Professional Services"
|
||||
description="Top-tier climate control solutions for your home and business."
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{ title: "AC Repair & Installation", description: "High-efficiency cooling systems to beat the heat.", buttonIcon: Zap },
|
||||
{ title: "Furnace Services", description: "Keep your home cozy all through the Michigan winter.", buttonIcon: Thermometer },
|
||||
{ title: "Commercial HVAC", description: "Robust climate solutions for modern business spaces.", buttonIcon: Building },
|
||||
{ title: "Preventative Maintenance", description: "Routine check-ups to extend your system's life.", buttonIcon: Wrench },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing"
|
||||
description="Clear costs for every project."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Standard Service",
|
||||
price: "$150",
|
||||
period: "/hr",
|
||||
features: [
|
||||
"Diagnostic",
|
||||
"Basic repair",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Full Install",
|
||||
price: "$4,000",
|
||||
period: "/unit",
|
||||
features: [
|
||||
"Equipment",
|
||||
"Labor",
|
||||
"Warranty",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Furnace Installation",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial HVAC",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [
|
||||
{ label: "AC Repair", href: "/services" },
|
||||
{ label: "Furnace Installation", href: "/services" },
|
||||
{ label: "Commercial HVAC", href: "/services" },
|
||||
] },
|
||||
{ title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
] },
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user