Switch to version 5: modified src/app/page.tsx
This commit is contained in:
@@ -7,12 +7,12 @@ import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTe
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Shield, Wrench, Search, Award } from "lucide-react";
|
||||
import { Shield, Wrench, Search, HelpCircle, ClipboardCheck, Phone, HardHat, CheckCircle, Clock, Users, Award, ThumbsUp, Star } from "lucide-react";
|
||||
|
||||
export default function RoofingPage() {
|
||||
return (
|
||||
@@ -47,19 +47,36 @@ export default function RoofingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
testimonials={[
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Best roofing service in Brooklyn!", rating: 5 }
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "NYC roofing expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-bearded-builder-man-construction-uniform-safety-helmet-taking-selfie-happy-cheerful-smiling-broadly-standing-purple-background_141793-110865.jpg", alt: "Roofing repair specialist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg", alt: "Quality inspector" },
|
||||
]}
|
||||
avatars={[]}
|
||||
avatarText="Brooklyn's Trusted Roofing Partner"
|
||||
avatarGroupClassName="[&_div.overflow-hidden]:h-10 [&_div.overflow-hidden]:aspect-square [&>p]:whitespace-nowrap"
|
||||
title="Precision Flashing & Roofing Excellence"
|
||||
description="Specializing in high-quality flashing installation and repair for Brooklyn homes. We ensure your roof remains watertight, leak-proof, and durable against the harshest NYC weather."
|
||||
buttons={[
|
||||
{ text: "Call Now: (929) 992-5455", href: "tel:+19299925455" },
|
||||
{ text: "View Recent Projects", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg"
|
||||
imageAlt="Professional roof flashing installation in Brooklyn"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "NYC Certified", icon: Shield },
|
||||
{ type: "text-icon", text: "Local Brooklyn Experts", icon: Users },
|
||||
{ type: "text-icon", text: "Leak Mitigation", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Free Inspections", icon: Award },
|
||||
{ type: "text-icon", text: "5-Star Rated", icon: Star },
|
||||
{ type: "text-icon", text: "Rapid Response", icon: Clock },
|
||||
]}
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "Park Slope, Brooklyn", testimonial: "Fantastic flashing repair! They fixed the recurring leak in my roof when nobody else could.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-153.jpg?_wi=1" },
|
||||
{ name: "Mark V.", handle: "Williamsburg, Brooklyn", testimonial: "Professional, punctual, and very transparent about the process. Highly recommend for any roof work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-positive-man-looking-away-smile_197531-33406.jpg?_wi=1" },
|
||||
{ name: "Elena K.", handle: "Brooklyn Heights, Brooklyn", testimonial: "The attention to detail on the metal flashing work was top notch. Best roofers in NYC!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-cold-wrapped-blanket-emotion-concept_169016-66617.jpg?_wi=1" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -74,6 +91,9 @@ export default function RoofingPage() {
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg"
|
||||
imageAlt="Roofers installing flashing"
|
||||
mediaBadge={{ text: "Trusted Experts", className: "bg-accent" }}
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -84,18 +104,15 @@ export default function RoofingPage() {
|
||||
title="Our Specialized Services"
|
||||
description="Professional roofing and flashing solutions designed for long-term property protection in Brooklyn."
|
||||
features={[
|
||||
{ title: "Flashing & Seals", description: "Reinforced custom metal flashing to prevent leaks at vulnerable roof joints.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-roofing-details.jpg" },
|
||||
{ title: "Emergency Roof Repairs", description: "Precision repair of shingles, tiles, and membranes to handle sudden leaks.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-leak-on-roof.jpg" },
|
||||
{ title: "Roof Inspection", description: "Thorough assessment of structural integrity and flashing health.", imageSrc: "http://img.b2bpic.net/free-photo/inspector-checking-roof-tiles.jpg" },
|
||||
{ title: "Gutter Systems", description: "Professional cleaning and installation of water-management systems.", imageSrc: "http://img.b2bpic.net/free-photo/roofer-installing-gutter.jpg" },
|
||||
{ title: "Waterproofing", description: "Multi-layer system application for absolute water resistance.", imageSrc: "http://img.b2bpic.net/free-photo/waterproofing-material-application.jpg" },
|
||||
{ title: "Full Replacement", description: "Comprehensive renovation for aging or storm-damaged roof systems.", imageSrc: "http://img.b2bpic.net/free-photo/complete-roof-replacement-site.jpg" },
|
||||
{ title: "Flashing & Seals", description: "Reinforced custom metal flashing to prevent leaks at vulnerable roof joints.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfICnhhY6C3tw3srLduM1Myj1/uploaded-1778342305374-clb0ac6y.png" },
|
||||
{ title: "Roof Repairs", description: "Precision repair of shingles, tiles, and membranes to extend roof lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg" },
|
||||
{ title: "Full Restoration", description: "Comprehensive renovation for aging or storm-damaged roof systems.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-renovating-roof_23-2148748774.jpg" },
|
||||
{ title: "Waterproofing", description: "Multi-layer system application for absolute water resistance.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,8 +136,27 @@ export default function RoofingPage() {
|
||||
title="Why Choose Us"
|
||||
description="Quality, reliability, and precision define our reputation in Brooklyn."
|
||||
features={[
|
||||
{ title: "Decades of Expertise", description: "We bring unmatched skill to every flashing and roofing job.", media: { imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg" }, items: [{ icon: Shield, text: "Licensed & Insured" }], reverse: false },
|
||||
{ title: "Customer-First Approach", description: "We prioritize clear communication and transparent pricing.", media: { imageSrc: "http://img.b2bpic.net/free-photo/house-symbol-blueprints_23-2147785566.jpg" }, items: [{ icon: Award, text: "Transparent Quotes" }], reverse: true },
|
||||
{
|
||||
title: "Decades of Expertise",
|
||||
description: "With years of hands-on experience, our team brings unmatched skill to every flashing and roofing job. We combine traditional techniques with modern materials for lasting results.",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg" },
|
||||
items: [{ icon: Shield, text: "Licensed & Insured" }, { icon: ClipboardCheck, text: "Industry Certified" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Customer-First Approach",
|
||||
description: "We prioritize clear communication, transparent pricing, and clean work sites. Your home's safety is our primary mission during every project phase.",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/house-symbol-blueprints_23-2147785566.jpg" },
|
||||
items: [{ icon: Award, text: "Transparent Quotes" }, { icon: Users, text: "Customer Support" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Local Commitment",
|
||||
description: "As Brooklyn natives, we understand the unique environmental challenges and architectural heritage of the borough. We protect the roofs that protect our community.",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg" },
|
||||
items: [{ icon: HardHat, text: "Brooklyn Trusted" }, { icon: CheckCircle, text: "Rapid Response" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -129,14 +165,15 @@ export default function RoofingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Client Testimonials"
|
||||
description="What our neighbors in Brooklyn are saying."
|
||||
<TestimonialCardOne
|
||||
title="Hear From Our Clients"
|
||||
description="Real feedback from homeowners who trust us with their roofs."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Robert K.", role: "Homeowner", testimonial: "The team replaced my flashing perfectly. No more leaks! Very professional and left everything clean.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-outside.jpg" },
|
||||
{ id: "2", name: "Angela D.", role: "Real Estate Agent", testimonial: "I refer all my clients to Flashing Roofing. They are prompt, honest, and the quality of their work is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman.jpg" },
|
||||
{ id: "3", name: "Thomas M.", role: "Building Manager", testimonial: "Fantastic service on our apartment complex roof. They handled the complex flashing work with ease.", imageSrc: "http://img.b2bpic.net/free-photo/man-in-suit.jpg" },
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Park Slope", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-153.jpg?_wi=2" },
|
||||
{ id: "2", name: "Mark V.", role: "Homeowner", company: "Williamsburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-positive-man-looking-away-smile_197531-33406.jpg?_wi=2" },
|
||||
{ id: "3", name: "Elena K.", role: "Homeowner", company: "Brooklyn Heights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-cold-wrapped-blanket-emotion-concept_169016-66617.jpg?_wi=2" },
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -151,9 +188,10 @@ export default function RoofingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Why is flashing so important?", content: "Flashing prevents water intrusion at joints, which is the primary cause of roof damage." },
|
||||
{ id: "2", title: "Do you provide emergency repairs?", content: "Yes, we are on call for Brooklyn storm damage repairs." },
|
||||
{ id: "3", title: "How do I request a quote?", content: "Call our local number to schedule a visit." },
|
||||
{ id: "1", title: "Why is flashing so important?", content: "Flashing creates a water-tight seal at the joints of your roof where it meets chimneys, walls, or vents. Proper flashing is the most effective way to prevent leaks." },
|
||||
{ id: "2", title: "Do you provide emergency repairs?", content: "Yes, we understand NYC weather can be unpredictable. We offer fast-response services for roof leaks." },
|
||||
{ id: "3", title: "Is your work licensed?", content: "Absolutely. We are fully licensed, insured, and compliant with all NYC building standards." },
|
||||
{ id: "4", title: "How do I request an estimate?", content: "Call us directly at (929) 992-5455 for a free site inspection." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,12 +210,13 @@ export default function RoofingPage() {
|
||||
<FooterBase
|
||||
logoText="Flashing Roofing"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Flashing Repair", href: "#services" }, { label: "Roof Maintenance", href: "#services" }] },
|
||||
{ title: "Services", items: [{ label: "Flashing Repair", href: "#services" }, { label: "Roof Installation", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Brooklyn, NY" }, { label: "(929) 992-5455" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Flashing Roofing Contractor Brooklyn"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user