190 lines
8.6 KiB
TypeScript
190 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Star } from "lucide-react";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
export default function ProjectsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Metal Roofing", id: "/metal-roofing" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Projects", id: "/projects" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
brandName="Martinez Metal Roofing"
|
|
bottomLeftText="Standing Seam Specialists"
|
|
bottomRightText="joseph@martinez-roofing.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-projects" data-section="featured-projects">
|
|
<FeatureCardTwentyThree
|
|
title="Recent Project Highlights"
|
|
description="See our latest standing seam installations, repairs, and custom construction projects. Each one delivered with precision and attention to detail."
|
|
tag="Portfolio"
|
|
tagIcon={Star}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Lakeside Cottage Standing Seam Transformation",
|
|
tags: ["Standing Seam", "Cottage Style", "Weathered Zinc"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg?_wi=3",
|
|
imageAlt: "Lakeside cottage with new standing seam roof"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Historic Farmhouse Re-Roof & Restoration",
|
|
tags: ["Historic Restoration", "Structural Repair", "Charcoal Gray"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=3",
|
|
imageAlt: "Historic farmhouse roof restoration"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Modern Residential New Construction",
|
|
tags: ["New Construction", "Architectural Detail", "Forest Green"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=3",
|
|
imageAlt: "Modern home with standing seam roof"
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Commercial Barn Complex Installation",
|
|
tags: ["Agricultural", "Large Scale", "Galvalume"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=5",
|
|
imageAlt: "Commercial barn with metal roofing"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Discuss Your Project", href: "/contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Recent project portfolio and case studies"
|
|
/>
|
|
</div>
|
|
|
|
<div id="project-results" data-section="project-results">
|
|
<MetricSplitMediaAbout
|
|
title="Proven Results Across Every Project Type"
|
|
description="From residential cottages to commercial barns, we bring the same level of craftsmanship and attention to detail. Our project portfolio speaks to our versatility and commitment to quality outcomes."
|
|
tag="Project Success"
|
|
metrics={[
|
|
{
|
|
value: "15+",
|
|
title: "Years of Metal Roofing Experience"
|
|
},
|
|
{
|
|
value: "Zero",
|
|
title: "Warranty Claims on Standing Seam Installs"
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg?_wi=4"
|
|
imageAlt="Martinez team reviewing project plans"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Project success metrics and team expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="project-testimonials" data-section="project-testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Project Clients Say"
|
|
description="Hear directly from homeowners and property owners about their experience working with Martinez on their roofing projects."
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Cottage Roof Exceeded All Expectations",
|
|
quote: "Our lakeside cottage needed a roof that could handle harsh weather and look beautiful. The standing seam installation is flawless, and we get compliments from neighbors constantly.",
|
|
name: "Amanda Foster",
|
|
role: "Cottage Owner",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2",
|
|
imageAlt: "Amanda Foster"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Historic Restoration Done Right",
|
|
quote: "Martinez understood the importance of maintaining our farmhouse's character while upgrading to modern performance. They handled every detail with care and expertise.",
|
|
name: "James Sullivan",
|
|
role: "Property Owner",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
|
imageAlt: "James Sullivan"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Commercial Project Delivered On Time",
|
|
quote: "Our barn complex installation was completed ahead of schedule with zero issues. Professional, reliable, and the quality of work is outstanding. Highly recommend for commercial projects.",
|
|
name: "Patricia Chen",
|
|
role: "Farm Manager",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg?_wi=2",
|
|
imageAlt: "Patricia Chen"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Client testimonials for completed roofing projects"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg?_wi=3"
|
|
imageAlt="Metal roofing texture and detail"
|
|
logoText="Martinez Metal Roofing & Construction"
|
|
copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Standing Seam Roofing", href: "/metal-roofing" },
|
|
{ label: "Repairs & Replacement", href: "/metal-roofing" },
|
|
{ label: "Construction Projects", href: "/metal-roofing" },
|
|
{ label: "Get an Estimate", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Recent Projects", href: "/projects" },
|
|
{ label: "Customer Reviews", href: "#testimonials" },
|
|
{ label: "Contact Us", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Call / Text Joseph", href: "tel:+1-555-0123" },
|
|
{ label: "Email", href: "mailto:joseph@martinez-roofing.com" },
|
|
{ label: "Service Area", href: "#" },
|
|
{ label: "Get a Free Estimate", href: "/contact" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer with navigation and contact information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |