Merge version_1 into main #5
@@ -45,7 +45,7 @@ export default function BlogPage() {
|
||||
</div>
|
||||
) : (
|
||||
<BlogCardTwo
|
||||
posts={posts}
|
||||
items={posts}
|
||||
title="Latest Articles"
|
||||
description="Insights and updates from our team"
|
||||
animationType="slide-up"
|
||||
|
||||
385
src/app/page.tsx
385
src/app/page.tsx
@@ -1,5 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from 'lenis/react';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
@@ -24,203 +25,205 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: 'Home', id: 'hero' },
|
||||
{ name: 'About', id: 'about' },
|
||||
{ name: 'Services', id: 'features' },
|
||||
{ name: 'Testimonials', id: 'testimonials' },
|
||||
{ name: 'Contact', id: 'contact' },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
/>
|
||||
</div>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: 'Home', id: 'hero' },
|
||||
{ name: 'About', id: 'about' },
|
||||
{ name: 'Services', id: 'features' },
|
||||
{ name: 'Testimonials', id: 'testimonials' },
|
||||
{ name: 'Contact', id: 'contact' },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Roofing Repair Guy"
|
||||
description="Your trusted local roofing contractors in Aurora, IL, providing expert repairs and installations with unparalleled quality and service. Get a free estimate today!"
|
||||
background={{ variant: 'plain' }}
|
||||
buttons={[
|
||||
{ text: 'Get a Free Estimate', href: '#contact' },
|
||||
{ text: 'Our Services', href: '#services' },
|
||||
]}
|
||||
layoutOrder="reverse"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
|
||||
imageAlt="Professional roofing contractor inspecting a roof"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Roofing Repair Guy"
|
||||
description="Your trusted local roofing contractors in Aurora, IL, providing expert repairs and installations with unparalleled quality and service. Get a free estimate today!"
|
||||
background={{ variant: 'plain' }}
|
||||
buttons={[
|
||||
{ text: 'Get a Free Estimate', href: '#contact' },
|
||||
{ text: 'Our Services', href: '#services' },
|
||||
]}
|
||||
layoutOrder="reverse"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
|
||||
imageAlt="Professional roofing contractor inspecting a roof"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: 'text', content: 'Roofing Repair Guy: ' },
|
||||
{ type: 'text', content: "Aurora's " },
|
||||
{
|
||||
type: 'image',
|
||||
src: 'https://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg',
|
||||
alt: 'Roofing team working on a house',
|
||||
},
|
||||
{ type: 'text', content: 'Premier Roofing Experts' },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: 'Learn More About Us',
|
||||
href: '#about',
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: 'text', content: 'Roofing Repair Guy: ' },
|
||||
{ type: 'text', content: "Aurora's " },
|
||||
{
|
||||
type: 'image',
|
||||
src: 'https://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg',
|
||||
alt: 'Roofing team working on a house',
|
||||
},
|
||||
{ type: 'text', content: 'Premier Roofing Experts' },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: 'Learn More About Us',
|
||||
href: '#about',
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Residential Roofing',
|
||||
description:
|
||||
'From minor leaks to full roof replacements, we ensure your home is protected with durable, high-quality materials and expert craftsmanship.',
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: 'Commercial Solutions',
|
||||
description:
|
||||
'Specializing in commercial roofing for businesses in Aurora, we offer efficient, long-lasting solutions to keep your operations running smoothly.',
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: 'Emergency Repairs',
|
||||
description:
|
||||
'Sudden storm damage? We provide rapid response emergency repair services to secure your property and prevent further damage.',
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: 'Quality Materials',
|
||||
description:
|
||||
'We partner with leading manufacturers to provide only the best, most reliable roofing materials for every project.',
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Delivering top-notch roofing solutions tailored to your needs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Our Expertise"
|
||||
buttons={[{ text: 'View All Services', href: '#contact' }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Residential Roofing',
|
||||
description:
|
||||
'From minor leaks to full roof replacements, we ensure your home is protected with durable, high-quality materials and expert craftsmanship.',
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: 'Commercial Solutions',
|
||||
description:
|
||||
'Specializing in commercial roofing for businesses in Aurora, we offer efficient, long-lasting solutions to keep your operations running smoothly.',
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: 'Emergency Repairs',
|
||||
description:
|
||||
'Sudden storm damage? We provide rapid response emergency repair services to secure your property and prevent further damage.',
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: 'Quality Materials',
|
||||
description:
|
||||
'We partner with leading manufacturers to provide only the best, most reliable roofing materials for every project.',
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Delivering top-notch roofing solutions tailored to your needs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Our Expertise"
|
||||
buttons={[{ text: 'View All Services', href: '#contact' }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
testimonials={[
|
||||
{
|
||||
id: '1',
|
||||
title: 'Exceptional Service and Craftsmanship!',
|
||||
quote:
|
||||
'Roofing Repair Guy exceeded all our expectations. The team was professional, timely, and the quality of their work is outstanding. Our new roof looks amazing!',
|
||||
name: 'Sarah M.',
|
||||
role: 'Homeowner, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg',
|
||||
imageAlt: 'Photo of Sarah M.',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: 'Prompt and Reliable Emergency Repair',
|
||||
quote:
|
||||
'When a storm damaged our roof, Roofing Repair Guy responded quickly. Their emergency repair saved us from further issues. Highly recommend their efficiency and expertise.',
|
||||
name: 'David K.',
|
||||
role: 'Business Owner, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg',
|
||||
imageAlt: 'Photo of David K.',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: 'Fair Pricing and Transparent Communication',
|
||||
quote:
|
||||
'We got several quotes, and Roofing Repair Guy offered the best value. They were transparent throughout the process, and there were no hidden costs. A truly honest contractor.',
|
||||
name: 'Emily R.',
|
||||
role: 'Resident, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/cheerful-happy-hr-manager-talking-female-candidate-cafe_1262-16890.jpg',
|
||||
imageAlt: 'Photo of Emily R.',
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
title: 'A Pleasure to Work With',
|
||||
quote:
|
||||
'From the initial inspection to the final clean-up, the entire experience was seamless. The crew was respectful and left our property spotless. Absolutely fantastic work!',
|
||||
name: 'Michael C.',
|
||||
role: 'Property Manager, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6378.jpg',
|
||||
imageAlt: 'Photo of Michael C.',
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers in Aurora."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
testimonials={[
|
||||
{
|
||||
id: '1',
|
||||
title: 'Exceptional Service and Craftsmanship!',
|
||||
quote:
|
||||
'Roofing Repair Guy exceeded all our expectations. The team was professional, timely, and the quality of their work is outstanding. Our new roof looks amazing!',
|
||||
name: 'Sarah M.',
|
||||
role: 'Homeowner, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg',
|
||||
imageAlt: 'Photo of Sarah M.',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: 'Prompt and Reliable Emergency Repair',
|
||||
quote:
|
||||
'When a storm damaged our roof, Roofing Repair Guy responded quickly. Their emergency repair saved us from further issues. Highly recommend their efficiency and expertise.',
|
||||
name: 'David K.',
|
||||
role: 'Business Owner, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg',
|
||||
imageAlt: 'Photo of David K.',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: 'Fair Pricing and Transparent Communication',
|
||||
quote:
|
||||
'We got several quotes, and Roofing Repair Guy offered the best value. They were transparent throughout the process, and there were no hidden costs. A truly honest contractor.',
|
||||
name: 'Emily R.',
|
||||
role: 'Resident, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/cheerful-happy-hr-manager-talking-female-candidate-cafe_1262-16890.jpg',
|
||||
imageAlt: 'Photo of Emily R.',
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
title: 'A Pleasure to Work With',
|
||||
quote:
|
||||
'From the initial inspection to the final clean-up, the entire experience was seamless. The crew was respectful and left our property spotless. Absolutely fantastic work!',
|
||||
name: 'Michael C.',
|
||||
role: 'Property Manager, Aurora',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6378.jpg',
|
||||
imageAlt: 'Photo of Michael C.',
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers in Aurora."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: '1',
|
||||
title: 'How often should I have my roof inspected?',
|
||||
content:
|
||||
'We recommend a professional roof inspection at least once a year, or after any major storm, to identify and address potential issues early.',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: 'Do you offer free estimates for roof repairs?',
|
||||
content:
|
||||
'Yes, we provide free, no-obligation estimates for all our roofing repair and installation services. Contact us today to schedule yours!',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: 'What types of roofing materials do you work with?',
|
||||
content:
|
||||
"Our team is experienced with a wide range of roofing materials, including asphalt shingles, metal roofing, flat roofs, and more. We'll help you choose the best option for your property."},
|
||||
{
|
||||
id: '4',
|
||||
title: 'Are you licensed and insured?',
|
||||
content:
|
||||
'Absolutely. Roofing Repair Guy Contractors is fully licensed, bonded, and insured in Illinois, giving you peace of mind throughout your project.',
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our roofing services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="FAQs"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: '1',
|
||||
title: 'How often should I have my roof inspected?',
|
||||
content:
|
||||
'We recommend a professional roof inspection at least once a year, or after any major storm, to identify and address potential issues early.',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: 'Do you offer free estimates for roof repairs?',
|
||||
content:
|
||||
'Yes, we provide free, no-obligation estimates for all our roofing repair and installation services. Contact us today to schedule yours!',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: 'What types of roofing materials do you work with?',
|
||||
content:
|
||||
"Our team is experienced with a wide range of roofing materials, including asphalt shingles, metal roofing, flat roofs, and more. We'll help you choose the best option for your property."},
|
||||
{
|
||||
id: '4',
|
||||
title: 'Are you licensed and insured?',
|
||||
content:
|
||||
'Absolutely. Roofing Repair Guy Contractors is fully licensed, bonded, and insured in Illinois, giving you peace of mind throughout your project.',
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our roofing services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="FAQs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Your Roof. Our Expertise."
|
||||
description="Ready for reliable roofing services? Contact Roofing Repair Guy Contractors today for a free estimate or to discuss your project needs."
|
||||
background={{ variant: 'plain' }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/blue-print-with-yellow-repair-kit_23-2148393176.jpg"
|
||||
imageAlt="Roofing tools and blueprints on a table"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email Address"
|
||||
buttonText="Request a Callback"
|
||||
termsText="By submitting this form, you agree to our team contacting you for a free estimate and service discussion."
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Your Roof. Our Expertise."
|
||||
description="Ready for reliable roofing services? Contact Roofing Repair Guy Contractors today for a free estimate or to discuss your project needs."
|
||||
background={{ variant: 'plain' }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/blue-print-with-yellow-repair-kit_23-2148393176.jpg"
|
||||
imageAlt="Roofing tools and blueprints on a table"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email Address"
|
||||
buttonText="Request a Callback"
|
||||
termsText="By submitting this form, you agree to our team contacting you for a free estimate and service discussion."
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -90,7 +90,13 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#features" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
@@ -121,7 +127,13 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#features" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
@@ -161,7 +173,13 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#features" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
|
||||
@@ -57,7 +57,13 @@ function ShopPageContent() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#features" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
@@ -102,7 +108,13 @@ function ShopPageContent() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#features" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Roofing Repair Guy"
|
||||
bottomLeftText="Aurora, IL"
|
||||
bottomRightText="(630) 523-8819"
|
||||
|
||||
Reference in New Issue
Block a user