bender/f8fe2c8c-ae22-4dfa-9517-114ad8e6c6f3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-03-04 16:47:13 +00:00
Conversation 0 Commits 4 Files Changed 4 +61 -55
4 changed files with 61 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/layout.tsx
View File

@@ -1,17 +1,17 @@
import type { Metadata } from "next";
import { Libre_Baskerville } from "next/font/google";
import { Inter } from "next/font/google";
import { Poppins } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", subsets: ["latin"],
weight: ["400", "700"],
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
export const metadata: Metadata = {
@@ -40,7 +40,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${libreBaskerville.variable} ${inter.variable} antialiased`}
className={`${poppins.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}

92
src/app/page.tsx
View File

@@ -41,16 +41,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Expert Roofing Solutions for 10 Years"
description="Trusted by thousands of homeowners and businesses. We deliver exceptional roofing services with unmatched expertise, quality craftsmanship, and reliable customer support."
tag="Trusted Experts"
title="Premium Roofing That Protects Your Home"
description="Roofing Pros delivers trusted, professional roofing solutions with 10+ years of proven excellence. We protect what matters most—your home and your peace of mind. From emergency repairs to complete installations, we've got you covered."
tag="10+ Years Trusted"
tagIcon={Shield}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1"
imageAlt="Professional roofing installation"
buttons={[
{ text: "Get Free Inspection", href: "contact" },
{ text: "Free Inspection", href: "contact" },
{ text: "Learn More", href: "services" }
]}
buttonAnimation="slide-up"
@@ -59,13 +59,13 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="Our Story"
tag="Why Choose Us"
tagIcon={Award}
title="A Decade of Roofing Excellence"
description="Roofing Pros has been serving the community for over 10 years with a commitment to quality, reliability, and customer satisfaction. Our team of certified professionals has completed thousands of successful projects, earning us recognition as one of the most trusted roofing companies in the region."
title="Over a Decade of Excellence and Trust"
description="Since 2015, Roofing Pros has been the choice of thousands of homeowners and businesses. We deliver exceptional results through certified expertise, premium materials, and a commitment to your satisfaction. Our 98% customer satisfaction rate and 5,000+ completed projects speak volumes about our dedication to quality."
metrics={[
{ value: "10+", title: "Years of Experience" },
{ value: "5000+", title: "Projects Completed" }
{ value: "10+", title: "Years Experience" },
{ value: "5,000+", title: "Projects Done" }
]}
imageSrc="http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg"
imageAlt="Professional roofing team"
@@ -77,22 +77,22 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardSeven
title="Our Services"
description="We offer comprehensive roofing solutions tailored to your needs"
tag="Services"
title="Services Built for Results"
description="Complete roofing solutions designed to protect and enhance your property. Professional, dependable, and guaranteed."
tag="What We Offer"
tagIcon={Wrench}
features={[
{
id: 1,
title: "Roof Installation", description: "Professional installation of new roofing systems using premium materials. We handle residential and commercial projects with precision and expertise.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2", imageAlt: "Professional roof installation"
title: "Roof Installation", description: "New roof installation with premium materials, expert craftsmanship, and attention to detail. We handle residential and commercial projects—done right, on time, every time.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2", imageAlt: "Professional roof installation"
},
{
id: 2,
title: "Roof Repair", description: "Fast and reliable repair services for all types of roofing damage. From leaks to weather damage, we diagnose and fix issues promptly.", imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg", imageAlt: "Roof repair work"
title: "Roof Repair", description: "Fast, reliable repairs for all roofing damage. Leaks, missing shingles, storm damage—we identify and fix the problem quickly to prevent costly damage.", imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg", imageAlt: "Roof repair work"
},
{
id: 3,
title: "Roof Inspection", description: "Thorough inspections to assess roof condition and identify potential issues. We provide detailed reports and maintenance recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg", imageAlt: "Professional roof inspection"
title: "Roof Inspection", description: "Comprehensive inspections catch problems early. Thorough assessment, detailed report, and expert recommendations to keep your roof in peak condition.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg", imageAlt: "Professional roof inspection"
}
]}
animationType="slide-up"
@@ -103,28 +103,28 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Trusted by Thousands"
description="See what our satisfied customers have to say about Roofing Pros"
tag="Testimonials"
title="What Our Customers Say"
description="Real results from real homeowners and businesses who trust Roofing Pros"
tag="Customer Reviews"
tagIcon={Star}
testimonials={[
{
id: "1", name: "John Mitchell", role: "Homeowner", testimonial: "Roofing Pros did an outstanding job on our home. The team was professional, on time, and the quality of work exceeded our expectations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "John Mitchell"
id: "1", name: "John Mitchell", role: "Homeowner", testimonial: "Roofing Pros transformed our roof. Professional team, perfect execution, and completed ahead of schedule. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "John Mitchell"
},
{
id: "2", name: "Sarah Chen", role: "Property Manager", testimonial: "We've used Roofing Pros for multiple commercial properties. Their reliability and expertise are unmatched. They're our go-to roofing company.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Sarah Chen"
id: "2", name: "Sarah Chen", role: "Property Manager", testimonial: "We've trusted Roofing Pros with multiple properties. Reliable, professional, and they always go above and beyond. Our top choice every time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Sarah Chen"
},
{
id: "3", name: "David Rodriguez", role: "Building Owner", testimonial: "The inspection and repair work was thorough and professional. They identified issues we didn't even know about and fixed everything with minimal disruption.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Rodriguez"
id: "3", name: "David Rodriguez", role: "Building Owner", testimonial: "Their inspection uncovered issues we didn't know about. Quick fixes, professional work, minimal disruption. Excellent service from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Rodriguez"
},
{
id: "4", name: "Emily Thompson", role: "Homeowner", testimonial: "Best roofing service in town. Fair pricing, honest recommendations, and exceptional workmanship. I wouldn't trust anyone else with my roof.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Emily Thompson"
id: "4", name: "Emily Thompson", role: "Homeowner", testimonial: "Best roofing service in our area. Fair pricing, honest advice, expert workmanship. I wouldn't trust my roof to anyone else.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Emily Thompson"
},
{
id: "5", name: "Michael Patel", role: "Contractor", testimonial: "Working with Roofing Pros has been a pleasure. They deliver on their promises and maintain the highest standards of professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Michael Patel"
id: "5", name: "Michael Patel", role: "Contractor", testimonial: "Working with Roofing Pros has been seamless. They deliver on promises and maintain the highest standards every single time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Michael Patel"
},
{
id: "6", name: "Lisa Warren", role: "Homeowner", testimonial: "From the initial consultation to final inspection, Roofing Pros demonstrated expertise and care. They made the process stress-free and transparent.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Lisa Warren"
id: "6", name: "Lisa Warren", role: "Homeowner", testimonial: "From consultation to completion, Roofing Pros made the entire process stress-free. Expert guidance, transparent pricing, exceptional results.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Lisa Warren"
}
]}
textboxLayout="default"
@@ -136,14 +136,20 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardFourteen
title="Proven Track Record of Excellence and Customer Satisfaction"
tag="By The Numbers"
title="Proven Results. Trusted Partner."
tag="Our Impact"
metrics={[
{
id: "1", value: "98%", description: "Customer satisfaction rate with an average 4.9 out of 5 star rating across all reviews"
id: "1", value: "98%", description: "Customer satisfaction with 4.9/5 average rating. Your confidence is our mission."
},
{
id: "2", value: "10+", description: "Years of continuous service and industry leadership in the roofing sector"
id: "2", value: "5,000+", description: "Projects completed with zero compromises. Quality and reliability in every job."
},
{
id: "3", value: "24/7", description: "Emergency support available. Storm damage? We're here when you need us most."
},
{
id: "4", value: "100%", description: "Licensed and insured. Your protection is guaranteed with every project."
}
]}
tagAnimation="slide-up"
@@ -154,28 +160,28 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Find answers to common questions about our roofing services"
tag="Help"
title="Questions? We Have Answers."
description="Everything you need to know about our roofing services, process, and guarantees."
tag="FAQ"
tagIcon={HelpCircle}
faqs={[
{
id: "1", title: "How long do roofing installations typically take?", content: "Most residential roof installations take between 1-3 days depending on the size and complexity of the project. We'll provide a detailed timeline during your initial consultation."
id: "1", title: "How long does a roof installation take?", content: "Most residential installations take 1-3 days depending on size and complexity. We'll provide a specific timeline during your free consultation. We work efficiently without compromising quality."
},
{
id: "2", title: "What warranty do you offer?", content: "We offer a 10-year workmanship warranty on all installations and a manufacturer's warranty on roofing materials. Our materials typically come with 20-40 year warranties depending on the product selected."
id: "2", title: "What warranties do you provide?", content: "We offer 10-year workmanship warranty on all installations plus manufacturer warranties (20-40 years depending on material). Your investment is protected. We back our work 100%."
},
{
id: "3", title: "Do you handle insurance claims?", content: "Yes, we have extensive experience working with insurance companies. We can help document damage, file claims, and work directly with adjusters to ensure you receive fair compensation."
id: "3", title: "Do you handle insurance claims?", content: "Yes. We work directly with insurance companies to document damage and maximize your claim. We'll guide you through the entire process with no stress or hidden fees."
},
{
id: "4", title: "Are inspections really necessary?", content: "Absolutely. Regular inspections can identify small issues before they become major problems, potentially saving you thousands in repairs. We recommend annual inspections or after severe weather."
id: "4", title: "Why should I get an inspection?", content: "Early detection prevents expensive repairs. Annual inspections (or after storms) identify small issues before they become big problems. Save thousands with preventative care."
},
{
id: "5", title: "What payment options do you offer?", content: "We accept all major credit cards, checks, and bank transfers. We also offer financing options for larger projects through our trusted lending partners."
id: "5", title: "What payment options are available?", content: "We accept all major credit cards, checks, bank transfers, and offer financing options for larger projects. Flexible payment makes quality roofing accessible."
},
{
id: "6", title: "How do I know if my roof needs repair?", content: "Signs include missing or damaged shingles, leaks in your attic, sagging areas, or visible wear. If you notice any of these, schedule a free inspection with our team."
id: "6", title: "How do I know if my roof needs repair?", content: "Watch for missing/damaged shingles, attic leaks, sagging, or visible wear. Call us for a free inspection if you notice anything unusual. We'll give you honest advice."
}
]}
faqsAnimation="slide-up"
@@ -186,15 +192,15 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Ready to Get Started?"
title="Schedule Your Free Roof Inspection Today"
description="Get a comprehensive assessment of your roof's condition with no obligation. Our experts will provide detailed recommendations and a transparent quote for any work needed."
tag="Let's Protect Your Roof"
title="Schedule Your Free Inspection Now"
description="Expert assessment with zero obligation. Our team will evaluate your roof's condition and provide honest recommendations. Free inspection today—peace of mind guaranteed."
tagIcon={Phone}
background={{ variant: "rotated-rays-static-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Request Inspection"
termsText="We respect your privacy. Your information will only be used to contact you about your roof inspection request."
inputPlaceholder="Enter your email"
buttonText="Book Now"
termsText="We respect your privacy. Your information will only be used for your roof inspection appointment."
/>
</div>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-poppins), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-libre-baskerville), serif;
font-family: var(--font-poppins), serif;
}

4
src/app/styles/variables.css
View File

@@ -12,8 +12,8 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--foreground: #120006e6;
--primary-cta: #e63946;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;