Merge version_1 into main #2
@@ -52,36 +52,16 @@ export default function AboutPage() {
|
||||
tag="Company Highlights"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "133+ Five-Star Reviews",
|
||||
subtitle: "Consistently exceeding customer expectations",
|
||||
category: "Reputation",
|
||||
value: "5.0 Stars",
|
||||
},
|
||||
id: "1", title: "133+ Five-Star Reviews", subtitle: "Consistently exceeding customer expectations", category: "Reputation", value: "5.0 Stars"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fully Licensed & Insured",
|
||||
subtitle: "Meeting all state and local requirements",
|
||||
category: "Credentials",
|
||||
value: "Bonded",
|
||||
},
|
||||
id: "2", title: "Fully Licensed & Insured", subtitle: "Meeting all state and local requirements", category: "Credentials", value: "Bonded"},
|
||||
{
|
||||
id: "3",
|
||||
title: "20+ Years Experience",
|
||||
subtitle: "Deep expertise in residential roofing",
|
||||
category: "Expertise",
|
||||
value: "Veteran",
|
||||
},
|
||||
id: "3", title: "20+ Years Experience", subtitle: "Deep expertise in residential roofing", category: "Expertise", value: "Veteran"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Award-Winning Service",
|
||||
subtitle: "Recognized for excellence and professionalism",
|
||||
category: "Recognition",
|
||||
value: "Industry",
|
||||
},
|
||||
id: "4", title: "Award-Winning Service", subtitle: "Recognized for excellence and professionalism", category: "Recognition", value: "Industry"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="centered"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
227
src/app/page.tsx
227
src/app/page.tsx
@@ -7,6 +7,7 @@ import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
@@ -47,9 +48,7 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",
|
||||
alt: "Professional roofing crew at work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", alt: "Professional roofing crew at work"},
|
||||
]}
|
||||
avatarText="Trusted by Hundreds of Homeowners"
|
||||
title="Roofing Done Right the First Time"
|
||||
@@ -69,36 +68,16 @@ export default function HomePage() {
|
||||
tag="Trust & Reviews"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "5.0 Star Rating",
|
||||
subtitle: "Consistently excellent customer satisfaction",
|
||||
category: "Reviews",
|
||||
value: "133+ Reviews",
|
||||
},
|
||||
id: "1", title: "5.0 Star Rating", subtitle: "Consistently excellent customer satisfaction", category: "Reviews", value: "133+ Reviews"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Clear Communication",
|
||||
subtitle: "From initial contact through project completion",
|
||||
category: "Service",
|
||||
value: "100% Transparent",
|
||||
},
|
||||
id: "2", title: "Clear Communication", subtitle: "From initial contact through project completion", category: "Service", value: "100% Transparent"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Project Management",
|
||||
subtitle: "Organized crews that show up early and finish on schedule",
|
||||
category: "Excellence",
|
||||
value: "On Time",
|
||||
},
|
||||
id: "3", title: "Professional Project Management", subtitle: "Organized crews that show up early and finish on schedule", category: "Excellence", value: "On Time"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Clean Job Sites",
|
||||
subtitle: "We respect your home and leave it spotless",
|
||||
category: "Care",
|
||||
value: "Guaranteed",
|
||||
},
|
||||
id: "4", title: "Clean Job Sites", subtitle: "We respect your home and leave it spotless", category: "Care", value: "Guaranteed"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="centered"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,63 +90,39 @@ export default function HomePage() {
|
||||
tag="Services"
|
||||
features={[
|
||||
{
|
||||
title: "Roof Inspections",
|
||||
description: "Thorough inspections to identify issues before they become costly problems.",
|
||||
icon: Eye,
|
||||
title: "Roof Inspections", description: "Thorough inspections to identify issues before they become costly problems.", icon: Eye,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1",
|
||||
imageAlt: "Professional roof inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Professional roof inspection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=2",
|
||||
imageAlt: "Detailed inspection report",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Detailed inspection report"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Expert detection and repair of roof leaks to protect your home from water damage.",
|
||||
icon: Wrench,
|
||||
title: "Leak Detection & Repair", description: "Expert detection and repair of roof leaks to protect your home from water damage.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=1",
|
||||
imageAlt: "Leak repair in progress",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "Leak repair in progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=2",
|
||||
imageAlt: "Completed leak repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "Completed leak repair"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Complete roof replacement with premium materials and expert installation.",
|
||||
icon: Home,
|
||||
title: "Roof Replacement", description: "Complete roof replacement with premium materials and expert installation.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=1",
|
||||
imageAlt: "Roof replacement project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg", imageAlt: "Roof replacement project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=2",
|
||||
imageAlt: "New roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg", imageAlt: "New roof installation"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Storm Damage Repair",
|
||||
description: "Fast, reliable repair of storm damage to restore your roof to pristine condition.",
|
||||
icon: AlertTriangle,
|
||||
title: "Storm Damage Repair", description: "Fast, reliable repair of storm damage to restore your roof to pristine condition.", icon: AlertTriangle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-red-coat-looks-busy-talking-phone_8353-1103.jpg?_wi=1",
|
||||
imageAlt: "Storm damage assessment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-red-coat-looks-busy-talking-phone_8353-1103.jpg", imageAlt: "Storm damage assessment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-red-coat-looks-busy-talking-phone_8353-1103.jpg?_wi=2",
|
||||
imageAlt: "Storm damage repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-red-coat-looks-busy-talking-phone_8353-1103.jpg", imageAlt: "Storm damage repair"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -194,59 +149,23 @@ export default function HomePage() {
|
||||
tag="Customer Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Chicago, IL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Chicago, IL", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
company: "Denver, CO",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Homeowner", company: "Denver, CO", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
company: "Austin, TX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Austin, TX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
company: "Seattle, WA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=1",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Homeowner", company: "Seattle, WA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Martinez",
|
||||
role: "Homeowner",
|
||||
company: "Portland, OR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=2",
|
||||
imageAlt: "Jessica Martinez",
|
||||
},
|
||||
id: "5", name: "Jessica Martinez", role: "Homeowner", company: "Portland, OR", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", imageAlt: "Jessica Martinez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Thompson",
|
||||
role: "Homeowner",
|
||||
company: "Phoenix, AZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg?_wi=1",
|
||||
imageAlt: "Robert Thompson",
|
||||
},
|
||||
id: "6", name: "Robert Thompson", role: "Homeowner", company: "Phoenix, AZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg", imageAlt: "Robert Thompson"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -255,6 +174,80 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Process Section */}
|
||||
<div id="process" data-section="process" className="py-16 md:py-24">
|
||||
<FeatureCardTwentyFive
|
||||
title="Our Process"
|
||||
description="A transparent, organized approach to your roofing project"
|
||||
tag="Four Simple Steps"
|
||||
features={[
|
||||
{
|
||||
title: "Schedule Inspection", description: "Contact us to schedule your free roofing inspection. We'll assess your roof and discuss any concerns.", icon: Calendar,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-schedule-list_53876-121333.jpg", imageAlt: "Schedule consultation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-schedule-list_53876-121333.jpg", imageAlt: "Calendar booking"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Receive Clear Plan", description: "We provide a detailed, transparent plan explaining the work needed, timeline, and costs.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-worker-showing-important-details-architectural-plan-project-another_114579-2772.jpg", imageAlt: "Project plan"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-worker-showing-important-details-architectural-plan-project-another_114579-2772.jpg", imageAlt: "Estimate document"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Professional Installation", description: "Our efficient, organized crews execute the work with precision and care for your property.", icon: Hammer,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg", imageAlt: "Professional installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg", imageAlt: "Crew at work"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Clean Final Result", description: "We complete the project, clean your property thoroughly, and ensure your satisfaction.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg", imageAlt: "Finished roof"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg", imageAlt: "Clean property"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq" className="py-16 md:py-24">
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our roofing services."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How much does a roof inspection cost?", content: "Our roof inspections are completely free. We'll provide a thorough assessment and detailed findings without any obligation."},
|
||||
{
|
||||
id: "2", title: "How long does a roof replacement take?", content: "Most residential roof replacements take 1-3 days depending on the size and complexity of your roof. We'll provide a timeline during your inspection."},
|
||||
{
|
||||
id: "3", title: "Do you offer warranties?", content: "Yes, we offer comprehensive warranties on all our work and materials. We stand behind every project we complete."},
|
||||
{
|
||||
id: "4", title: "Are you insured and licensed?", content: "Absolutely. Confirmed Roofing Experts is fully licensed, insured, and bonded. We meet all local and state requirements."},
|
||||
{
|
||||
id: "5", title: "Can you work with my insurance claim?", content: "Yes, we regularly work with insurance companies on storm damage claims. We'll help document the damage and coordinate with your insurance adjuster."},
|
||||
]}
|
||||
textPosition="left"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Social Proof Section */}
|
||||
<div id="social-proof" data-section="social-proof" className="py-12 md:py-16">
|
||||
<SocialProofOne
|
||||
@@ -262,15 +255,7 @@ export default function HomePage() {
|
||||
description="Join thousands of satisfied customers who chose Confirmed Roofing Experts"
|
||||
tag="Local & National"
|
||||
names={[
|
||||
"Colorado Springs",
|
||||
"Denver Metro",
|
||||
"Front Range",
|
||||
"Northern Colorado",
|
||||
"Southern Colorado",
|
||||
"Mountain Communities",
|
||||
"High Plains",
|
||||
"Boulder Valley",
|
||||
]}
|
||||
"Colorado Springs", "Denver Metro", "Front Range", "Northern Colorado", "Southern Colorado", "Mountain Communities", "High Plains", "Boulder Valley"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
|
||||
Reference in New Issue
Block a user