191 lines
7.4 KiB
TypeScript
191 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "hero" },
|
|
{ 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: "/" },
|
|
{ label: "Roof Repair", href: "/" },
|
|
{ label: "Roof Replacement", href: "/" },
|
|
{ label: "Storm Damage", href: "/" },
|
|
{ label: "Inspections", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Work", href: "/" },
|
|
{ label: "FAQ", href: "/" },
|
|
{ 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="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Maggie Roofing Contractors"
|
|
description="We're dedicated to providing reliable and high-quality roofing solutions to homeowners and businesses in Galloway, NJ and surrounding South Jersey communities. Our team combines experience, craftsmanship, and attention to detail to ensure every roof is built to last."
|
|
tag="Our Story"
|
|
imageSrc="http://img.b2bpic.net/free-photo/architects-wearing-helmets_23-2147702485.jpg?_wi=2"
|
|
imageAlt="professional roofing company team photo"
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Craftsmanship",
|
|
description: "Precision installation and meticulous attention to every detail",
|
|
},
|
|
{
|
|
title: "Customer First",
|
|
description: "Your satisfaction is our top priority with transparent communication",
|
|
},
|
|
{
|
|
title: "Fast & Reliable",
|
|
description: "Quick turnaround times without compromising on quality",
|
|
},
|
|
{
|
|
title: "Fair Pricing",
|
|
description: "Competitive rates with free estimates and no hidden costs",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardEleven
|
|
title="Why Trust Maggie Roofing"
|
|
description="Industry-leading standards and customer satisfaction"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "5★",
|
|
title: "Customer Rating",
|
|
description: "Consistently excellent service reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg?_wi=2",
|
|
imageAlt: "five star rating excellent service",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "10+",
|
|
title: "Years Experience",
|
|
description: "Over a decade of roofing expertise",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg?_wi=2",
|
|
imageAlt: "experienced roofing contractor professional",
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "500+",
|
|
title: "Projects Completed",
|
|
description: "Thousands of satisfied homeowners",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2",
|
|
imageAlt: "multiple roofing projects completed",
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "100%",
|
|
title: "Licensed & Insured",
|
|
description: "Full licensing and comprehensive coverage",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/elegant-geometric-certificate-template_1017-19962.jpg?_wi=2",
|
|
imageAlt: "licensed insured roofing contractor",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="values" data-section="values">
|
|
<FeatureCardThree
|
|
title="Our Core Values"
|
|
description="The principles that guide everything we do at Maggie Roofing"
|
|
tag="What Drives Us"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Quality First",
|
|
description: "We never compromise on materials or workmanship quality standards",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=3",
|
|
imageAlt: "roofing installation professional precision work",
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Integrity Always",
|
|
description: "Honest pricing, transparent communication, and reliable service delivery",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-shovel-handle_23-2148254076.jpg?_wi=3",
|
|
imageAlt: "roof repair maintenance contractor",
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Safety Focused",
|
|
description: "Comprehensive safety protocols protecting our team and your property",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-roof_23-2148748788.jpg?_wi=3",
|
|
imageAlt: "storm damage roof repair restoration",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=3"
|
|
imageAlt="professional roofing team working construction"
|
|
logoText="Maggie Roofing Contractors"
|
|
copyrightText="© 2025 Maggie Roofing Contractors. All rights reserved."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |