272 lines
16 KiB
TypeScript
272 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { ArrowRight, Award, Calendar, CheckCircle, Hammer, HelpCircle, Home, Phone, Shield, Star, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Superior Roofing & Exteriors"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Premium Roofing & Exterior Solutions"
|
|
description="Trusted by homeowners in Naperville for over a decade. Expert craftsmanship, quality materials, and exceptional service."
|
|
tag="Rated 5.0 Stars"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "contact" },
|
|
{ text: "View Services", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1", imageAlt: "Professional roofing work"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2", imageAlt: "Roof replacement project"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13150.jpg?_wi=1", imageAlt: "Exterior siding installation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=1", imageAlt: "Professional roofing team"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg?_wi=1", imageAlt: "Professional roof inspection"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
title="Our Services"
|
|
description="Comprehensive roofing and exterior solutions for residential properties"
|
|
tag="Expert Services"
|
|
tagIcon={Hammer}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Roof Replacement", description: "Complete roof installation with premium materials and expert craftsmanship", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=3", imageAlt: "Roof replacement", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
},
|
|
{
|
|
title: "Gutter Cleaning & Repair", description: "Professional gutter maintenance to protect your home from water damage", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Gutter cleaning", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
},
|
|
{
|
|
title: "Siding Installation", description: "Durable siding solutions that enhance curb appeal and home protection", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13150.jpg?_wi=2", imageAlt: "Siding installation", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
},
|
|
{
|
|
title: "Roof Inspection", description: "Thorough inspections to identify damage and prevent costly repairs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg?_wi=2", imageAlt: "Roof inspection", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
title="Quality Craftsmanship Since Day One"
|
|
description="Superior Roofing & Exteriors"
|
|
subdescription="Naperville, IL | (630) 413-3999"
|
|
icon={CheckCircle}
|
|
imageSrc="http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=2"
|
|
imageAlt="Superior Roofing & Exteriors team"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Why Homeowners Choose Us"
|
|
description="Years of proven excellence in roofing and exterior services"
|
|
tag="Industry Leaders"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "1000", title: "Projects Completed", description: "Satisfied customers across Naperville", icon: Home
|
|
},
|
|
{
|
|
id: "2", value: "15", title: "Years Experience", description: "Proven track record of excellence", icon: Calendar
|
|
},
|
|
{
|
|
id: "3", value: "5", title: "Star Rating", description: "Consistently excellent service reviews", icon: Star
|
|
},
|
|
{
|
|
id: "4", value: "100", title: "Guaranteed", description: "Workmanship and material warranties", icon: CheckCircle
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Trusted by Homeowners"
|
|
description="See what our satisfied customers say about Superior Roofing & Exteriors"
|
|
tag="Client Reviews"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Exceptional roof replacement work", quote: "Superior Roofing replaced our roof with incredible attention to detail. The crew was professional, punctual, and the quality of work exceeds expectations. Highly recommended!", name: "Michael Thompson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1", imageAlt: "Michael Thompson"
|
|
},
|
|
{
|
|
id: "2", title: "Best exterior upgrade investment", quote: "We had our siding replaced and the transformation is amazing. The team handled everything seamlessly from start to finish. Couldn't be happier with the results.", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "3", title: "Professional and reliable service", quote: "Superior Roofing helped us after a storm damaged our roof. Their inspection was thorough and honest. Fast response and excellent repair work. Great value!", name: "David Martinez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "David Martinez"
|
|
},
|
|
{
|
|
id: "4", title: "Outstanding gutter and exterior work", quote: "We've used Superior Roofing for multiple projects including gutters and maintenance. They're reliable, skilled, and reasonably priced. Our go-to roofing company!", name: "Jennifer Lee", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2", imageAlt: "Jennifer Lee"
|
|
},
|
|
{
|
|
id: "5", title: "Trustworthy and detail-oriented", quote: "Had my roof inspected before purchasing our home. Superior Roofing provided a detailed, honest assessment. Now they handle all our roofing needs.", name: "Robert Wilson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=3", imageAlt: "Robert Wilson"
|
|
},
|
|
{
|
|
id: "6", title: "Best decision for our home", quote: "Complete roof replacement with Superior Roofing was seamless. Professional crew, quality materials, and fair pricing. We trust them completely.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Emily Rodriguez"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about our roofing and exterior services"
|
|
tag="FAQs"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does a roof typically last?", content: "Most asphalt shingle roofs last 15-20 years depending on weather conditions and maintenance. Metal roofs and high-end materials can last 30-50+ years. We'll assess your specific roof during a free inspection."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer emergency roof repair?", content: "Yes! Storm damage and emergency situations are handled with priority. Call us immediately at (630) 413-3999 and we'll schedule urgent assessment and repairs as quickly as possible."
|
|
},
|
|
{
|
|
id: "3", title: "What warranty do you provide?", content: "We guarantee all workmanship for a period of time and stand behind material warranties. Exact terms depend on the specific project. We'll provide complete warranty details before starting any work."
|
|
},
|
|
{
|
|
id: "4", title: "How much does roof replacement cost?", content: "Costs vary based on roof size, materials selected, and complexity. We offer free quotes that include material and labor estimates. Many customers finance through our flexible payment options."
|
|
},
|
|
{
|
|
id: "5", title: "Do you handle insurance claims?", content: "We have extensive experience working with homeowner insurance claims. We can help document damage, communicate with adjusters, and ensure you receive fair settlement for covered damage."
|
|
},
|
|
{
|
|
id: "6", title: "How often should I have my roof inspected?", content: "We recommend annual inspections, especially after severe weather. Professional inspections help identify small issues before they become expensive problems and protect your home investment."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/serious-pensive-male-business-executive-signing-papers-given-by-secretary_1262-12470.jpg"
|
|
imageAlt="Superior Roofing & Exteriors office"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Protect Your Home?"
|
|
description="Contact Superior Roofing & Exteriors for a free quote or to discuss your roofing and exterior needs. Call (630) 413-3999 or submit your information below."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=4"
|
|
imageAlt="Professional roofing service"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Quote"
|
|
termsText="We respect your privacy. We'll only use your information to provide roofing quotes and services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Superior Roofing"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Roof Replacement", href: "#services" },
|
|
{ label: "Gutter Services", href: "#services" },
|
|
{ label: "Siding Installation", href: "#services" },
|
|
{ label: "Roof Inspection", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Service Area", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (630) 413-3999", href: "tel:(630)413-3999" },
|
|
{ label: "1620 Pebblewood Ln, Naperville, IL", href: "#" },
|
|
{ label: "Open 9 AM - 5 PM", href: "#" },
|
|
{ label: "Free Estimates", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Superior Roofing & Exteriors. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |