181 lines
7.9 KiB
TypeScript
181 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/#about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Call Now", id: "tel:+1609-407-3692" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Roof Installation", href: "/services" },
|
|
{ label: "Roof Repair", href: "/services" },
|
|
{ label: "Roof Replacement", href: "/services" },
|
|
{ label: "Storm Damage", href: "/services" },
|
|
{ label: "Inspections", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/#about" },
|
|
{ label: "Our Work", href: "/#portfolio" },
|
|
{ label: "FAQ", href: "/#faq" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Service Area", href: "/#about" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Call Now", href: "tel:+1609-407-3692" },
|
|
{ label: "Email", href: "mailto:info@maggieroofing.com" },
|
|
{ label: "615 E Moss Mill Rd, Galloway, NJ 08205", href: "#" },
|
|
{ label: "Service Area: South Jersey", href: "#" },
|
|
{ label: "Licensed & Insured", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Maggie Roofing" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="services-detail" data-section="services-detail">
|
|
<FeatureCardThree
|
|
title="Our Roofing Services"
|
|
description="Comprehensive roofing solutions tailored to your home or business needs in Galloway and South Jersey"
|
|
tag="Complete Solutions"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Roof Installation",
|
|
description: "Expert installation with premium materials and precise craftsmanship. We handle residential and commercial projects with attention to detail and proper ventilation.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=2",
|
|
imageAlt: "Roof installation",
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Roof Repair",
|
|
description: "Quick and reliable repairs to extend your roof's lifespan. From minor leaks to significant damage, we diagnose and fix issues efficiently.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-shovel-handle_23-2148254076.jpg?_wi=2",
|
|
imageAlt: "Roof repair",
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Roof Replacement",
|
|
description: "Complete roof replacement with warranty and quality guarantee. We remove old materials properly and install new roofs with premium materials.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg?_wi=3",
|
|
imageAlt: "Roof replacement",
|
|
},
|
|
{
|
|
id: "04",
|
|
title: "Storm Damage Repair",
|
|
description: "Emergency response for storm-damaged roofs with insurance coordination. We document damage and work directly with insurance companies.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-roof_23-2148748788.jpg?_wi=2",
|
|
imageAlt: "Storm damage repair",
|
|
},
|
|
{
|
|
id: "05",
|
|
title: "Roof Inspections",
|
|
description: "Thorough inspections to identify issues before they become expensive problems. We provide detailed reports and maintenance recommendations.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-men-examining-drafts_23-2147785495.jpg?_wi=2",
|
|
imageAlt: "Roof inspection",
|
|
},
|
|
{
|
|
id: "06",
|
|
title: "Emergency Services",
|
|
description: "24/7 emergency roofing response for urgent situations. When you need help fast, we're available day or night for emergency repairs.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-tired-strong-man-trying-close-his-suitcase-with-clothes-sweating-wiping-forehead-after_1258-314035.jpg?_wi=2",
|
|
imageAlt: "Emergency services",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-process" data-section="services-process">
|
|
<SplitAbout
|
|
title="Our Service Process"
|
|
description="From initial inspection to final installation, we follow a proven process to ensure quality roofing work that lasts. Every project is handled with professional expertise and transparent communication."
|
|
tag="How We Work"
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-engineers-table-building_23-2147704207.jpg?_wi=2"
|
|
imageAlt="Our service process"
|
|
bulletPoints={[
|
|
{
|
|
title: "Free Inspection & Estimate",
|
|
description: "We assess your roof and provide a detailed, no-obligation estimate with materials and timeline",
|
|
},
|
|
{
|
|
title: "Prepare & Schedule",
|
|
description: "We schedule work at your convenience and prepare the project site to minimize disruption",
|
|
},
|
|
{
|
|
title: "Professional Installation",
|
|
description: "Our skilled team completes work with precision, using quality materials and proven techniques",
|
|
},
|
|
{
|
|
title: "Final Inspection & Warranty",
|
|
description: "We inspect completed work and provide comprehensive warranty documentation for your peace of mind",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-contact" data-section="services-contact">
|
|
<ContactCenter
|
|
tag="Get Started Today"
|
|
title="Schedule Your Free Roofing Estimate"
|
|
description="Contact Maggie Roofing Contractors to discuss your roofing needs. We provide free estimates and transparent pricing with no hidden costs."
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Free Estimate"
|
|
termsText="We'll contact you within 24 hours. Your information is secure and we never spam."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=2"
|
|
imageAlt="Professional roofing team working"
|
|
logoText="Maggie Roofing Contractors"
|
|
copyrightText="© 2025 Maggie Roofing Contractors. All rights reserved."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |