Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -9,6 +9,8 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Award, Star, Wrench, CheckCircle, Camera, FileText, Calendar, Shield, Building, Image, HelpCircle } from "lucide-react";
|
||||
@@ -25,8 +27,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Process", href: "/process" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
@@ -34,8 +35,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Residential Roofing", href: "/services" },
|
||||
{ label: "Repairs & Leaks", href: "/services" },
|
||||
{ label: "Storm Damage", href: "/services" },
|
||||
@@ -43,8 +43,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "License & Insurance", href: "#" },
|
||||
@@ -59,7 +58,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -80,7 +79,7 @@ export default function HomePage() {
|
||||
tag="Premium Service"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "blurBottom" }}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{ text: "Get a Free Roof Inspection", href: "/contact" },
|
||||
{ text: "Call Now", href: "#" },
|
||||
@@ -88,17 +87,11 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1",
|
||||
imageAlt: "roofing crew professional residential luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "roofing crew professional residential luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg?_wi=1",
|
||||
imageAlt: "inspection roof photos documentation professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg", imageAlt: "inspection roof photos documentation professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1",
|
||||
imageAlt: "roof replacement shingles before-after quality",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", imageAlt: "roof replacement shingles before-after quality"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,23 +107,11 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
title: "Human-First Service",
|
||||
description: "You're not another ticket—you're taken care of. We treat every client like family, with respect and attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1",
|
||||
imageAlt: "residential roofing replacement modern home",
|
||||
},
|
||||
title: "Human-First Service", description: "You're not another ticket—you're taken care of. We treat every client like family, with respect and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "residential roofing replacement modern home"},
|
||||
{
|
||||
title: "Organized & Professional Systems",
|
||||
description: "Clear timelines, clean communication, no chaos. From scheduling to completion, you always know what's next.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg?_wi=2",
|
||||
imageAlt: "inspection roof photos documentation professional",
|
||||
},
|
||||
title: "Organized & Professional Systems", description: "Clear timelines, clean communication, no chaos. From scheduling to completion, you always know what's next.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg", imageAlt: "inspection roof photos documentation professional"},
|
||||
{
|
||||
title: "Problems Found Before They Grow",
|
||||
description: "We catch issues you didn't even know existed. Preventative care that saves you money and stress down the road.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=1",
|
||||
imageAlt: "roof repair leak inspection maintenance",
|
||||
},
|
||||
title: "Problems Found Before They Grow", description: "We catch issues you didn't even know existed. Preventative care that saves you money and stress down the road.", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "roof repair leak inspection maintenance"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -148,45 +129,15 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "residential",
|
||||
name: "Residential Roofing",
|
||||
price: "Custom Quote",
|
||||
variant: "Replacements, upgrades, new construction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2",
|
||||
imageAlt: "residential roofing service",
|
||||
},
|
||||
id: "residential", name: "Residential Roofing", price: "Custom Quote", variant: "Replacements, upgrades, new construction", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "residential roofing service"},
|
||||
{
|
||||
id: "repair",
|
||||
name: "Repairs & Leak Detection",
|
||||
price: "Custom Quote",
|
||||
variant: "Fast, accurate, permanent fixes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=2",
|
||||
imageAlt: "roof repair service",
|
||||
},
|
||||
id: "repair", name: "Repairs & Leak Detection", price: "Custom Quote", variant: "Fast, accurate, permanent fixes", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "roof repair service"},
|
||||
{
|
||||
id: "storm",
|
||||
name: "Storm Damage & Insurance",
|
||||
price: "Custom Quote",
|
||||
variant: "Documentation, claims support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-blue-denim-jeans-yellow-boots-standing-water_417767-346.jpg?_wi=1",
|
||||
imageAlt: "storm damage assessment",
|
||||
},
|
||||
id: "storm", name: "Storm Damage & Insurance", price: "Custom Quote", variant: "Documentation, claims support", imageSrc: "http://img.b2bpic.net/free-photo/person-blue-denim-jeans-yellow-boots-standing-water_417767-346.jpg", imageAlt: "storm damage assessment"},
|
||||
{
|
||||
id: "commercial",
|
||||
name: "Commercial Roofing",
|
||||
price: "Custom Quote",
|
||||
variant: "Dependable, low-disruption service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg?_wi=1",
|
||||
imageAlt: "commercial roofing",
|
||||
},
|
||||
id: "commercial", name: "Commercial Roofing", price: "Custom Quote", variant: "Dependable, low-disruption service", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg", imageAlt: "commercial roofing"},
|
||||
{
|
||||
id: "property-manager",
|
||||
name: "Property Manager Program",
|
||||
price: "Priority Pricing",
|
||||
variant: "Multi-property scheduling & reporting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg?_wi=1",
|
||||
imageAlt: "property management service",
|
||||
},
|
||||
id: "property-manager", name: "Property Manager Program", price: "Priority Pricing", variant: "Multi-property scheduling & reporting", imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg", imageAlt: "property management service"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -204,39 +155,19 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1",
|
||||
title: "Inspection & Photos",
|
||||
description: "Same-day or next-day inspection with detailed photo documentation",
|
||||
icon: Camera,
|
||||
id: "1", value: "1", title: "Inspection & Photos", description: "Same-day or next-day inspection with detailed photo documentation", icon: Camera,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2",
|
||||
title: "Clear Plan & Quote",
|
||||
description: "Transparent pricing with no surprises or hidden fees",
|
||||
icon: FileText,
|
||||
id: "2", value: "2", title: "Clear Plan & Quote", description: "Transparent pricing with no surprises or hidden fees", icon: FileText,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
title: "Schedule & Prep",
|
||||
description: "Convenient scheduling and thorough site preparation",
|
||||
icon: Calendar,
|
||||
id: "3", value: "3", title: "Schedule & Prep", description: "Convenient scheduling and thorough site preparation", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4",
|
||||
title: "Expert Installation",
|
||||
description: "Clean, respectful crew with professional execution",
|
||||
icon: Wrench,
|
||||
id: "4", value: "4", title: "Expert Installation", description: "Clean, respectful crew with professional execution", icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "5",
|
||||
title: "Final Walkthrough",
|
||||
description: "You approve the work and receive your warranty documentation",
|
||||
icon: Shield,
|
||||
id: "5", value: "5", title: "Final Walkthrough", description: "You approve the work and receive your warranty documentation", icon: Shield,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -256,65 +187,95 @@ export default function HomePage() {
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahjohnson",
|
||||
testimonial: "Treated me like a person, not just another customer. Everything felt organized and professional. Now I can finally relax knowing my roof is handled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial: "Treated me like a person, not just another customer. Everything felt organized and professional. Now I can finally relax knowing my roof is handled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@michaelchen",
|
||||
testimonial: "Found issues I didn't even know I had. Their attention to detail and communication throughout the process was exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@michaelchen", testimonial: "Found issues I didn't even know I had. Their attention to detail and communication throughout the process was exceptional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrodriguez",
|
||||
testimonial: "Feels like family. Everything ran smooth from start to finish. No surprises, no headaches. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial: "Feels like family. Everything ran smooth from start to finish. No surprises, no headaches. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidkim",
|
||||
testimonial: "Managing 12 properties is stressful, but Five Star makes it simple. Their scheduling and reporting system is a lifesaver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@davidkim", testimonial: "Managing 12 properties is stressful, but Five Star makes it simple. Their scheduling and reporting system is a lifesaver.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Thompson",
|
||||
handle: "@lisathompson",
|
||||
testimonial: "Five-star service from start to finish. They treated my home with care and respect. I'll use them again without hesitation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",
|
||||
imageAlt: "Lisa Thompson",
|
||||
},
|
||||
id: "5", name: "Lisa Thompson", handle: "@lisathompson", testimonial: "Five-star service from start to finish. They treated my home with care and respect. I'll use them again without hesitation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Lisa Thompson"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
handle: "@jameswilson",
|
||||
testimonial: "Best roofing company I've worked with in 20 years. Professional, honest, and they stand behind their work 100%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", handle: "@jameswilson", testimonial: "Best roofing company I've worked with in 20 years. Professional, honest, and they stand behind their work 100%.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="property-managers" data-section="property-managers">
|
||||
<MediaAbout
|
||||
title="Managing Multiple Properties?"
|
||||
description="We're built for that. Priority scheduling, photo documentation, preventative inspections, and simple invoicing. Let us handle the roofing so you can focus on your portfolio."
|
||||
tag="Property Managers"
|
||||
tagIcon={Building}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg"
|
||||
imageAlt="Property manager program"
|
||||
buttons={[
|
||||
{ text: "Request Property Manager Quote", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<BlogCardOne
|
||||
title="Recent Projects"
|
||||
description="A showcase of our completed work. From full replacements to repairs and storm damage restoration."
|
||||
tag="Portfolio"
|
||||
tagIcon={Image}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Replacement", title: "Full Roof Replacement with Architectural Shingles", excerpt: "Complete replacement on a 30-year-old roof. New architectural shingles installed with premium underlayment for superior protection.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", imageAlt: "Roof replacement project", authorName: "Five Star Roofing", authorAvatar: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", date: "2025"},
|
||||
{
|
||||
id: "2", category: "Repair", title: "Leak Detection and Flashing Correction", excerpt: "Located and repaired a hidden leak in the flashing. Sealed all vulnerable points to prevent future water damage.", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Leak repair project", authorName: "Five Star Roofing", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "2025"},
|
||||
{
|
||||
id: "3", category: "Storm Damage", title: "Storm Damage Assessment and Insurance Documentation", excerpt: "Complete assessment after severe wind event. Provided detailed photo documentation for insurance claim approval.", imageSrc: "http://img.b2bpic.net/free-photo/landscape-extreme-typhoon-damage_23-2150879848.jpg", imageAlt: "Storm damage project", authorName: "Five Star Roofing", authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", date: "2025"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to the questions homeowners and property managers ask most often."
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How fast can you come out for an inspection?", content: "We offer same-day or next-day inspection appointments for most areas. Emergency requests are handled with priority. Call us to confirm availability for your location."},
|
||||
{
|
||||
id: "2", title: "Do you provide photos of the issues?", content: "Yes, absolutely. We document everything with detailed photos during inspection. These photos are yours to keep and can be shared with insurance if needed. Transparency is part of our process."},
|
||||
{
|
||||
id: "3", title: "What does your inspection include?", content: "Our comprehensive inspection covers roof structure, flashings, gutters, ventilation, and interior attic space. We look for leaks, structural issues, wear patterns, and any problems that could develop in the future."},
|
||||
{
|
||||
id: "4", title: "Do you help with insurance claims?", content: "Yes. We provide detailed documentation and photos to support your claim. We can also work directly with your insurance adjuster to ensure nothing is missed and your claim is properly valued."},
|
||||
{
|
||||
id: "5", title: "How long does a typical roof replacement take?", content: "Most residential replacements are completed in 1-3 days depending on roof size and complexity. We'll provide a clear timeline before work begins so you know exactly what to expect."},
|
||||
{
|
||||
id: "6", title: "What warranties do you offer?", content: "We stand behind our work with a comprehensive warranty on all installations. Material warranties vary by product (typically 20-50 years). You'll receive full warranty documentation at project completion."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
text="Ready to stop stressing about your roof? Let's create a plan that works for you. Get your free inspection and start the stress-free process today."
|
||||
|
||||
Reference in New Issue
Block a user