Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -10,7 +10,7 @@ import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Star, CheckCircle, Shield, Award, ArrowRight, Phone, TrendingUp, MapPin } from "lucide-react";
|
||||
import { Star, CheckCircle, Shield, Award, ArrowRight, Phone, TrendingUp, MapPin, Wrench, MessageSquare, ThumbsUp } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -49,39 +49,23 @@ export default function HomePage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
|
||||
imageAlt: "Professional roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", imageAlt: "Professional roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg?_wi=1",
|
||||
imageAlt: "Roof replacement project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", imageAlt: "Roof replacement project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg?_wi=1",
|
||||
imageAlt: "Storm damage repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg", imageAlt: "Storm damage repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg?_wi=1",
|
||||
imageAlt: "Roof inspection service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg", imageAlt: "Roof inspection service"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=1",
|
||||
imageAlt: "Roof repair work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Roof repair work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg?_wi=1",
|
||||
imageAlt: "Gutter repair service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg", imageAlt: "Gutter repair service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-red-pins-thread_23-2148510486.jpg",
|
||||
imageAlt: "Service area coverage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-red-pins-thread_23-2148510486.jpg", imageAlt: "Service area coverage"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspectors-supervisors-engaging-briefing-production-metrics_482257-126100.jpg",
|
||||
imageAlt: "Professional team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspectors-supervisors-engaging-briefing-production-metrics_482257-126100.jpg", imageAlt: "Professional team"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get a Free Estimate", href: "/contact" },
|
||||
@@ -111,42 +95,22 @@ export default function HomePage() {
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions for every need"
|
||||
tag="Complete Coverage"
|
||||
tagIcon="Wrench"
|
||||
tagIcon={Wrench}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Complete roof replacement with high-quality materials and expert installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg?_wi=2",
|
||||
imageAlt: "Roof replacement service",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Roof Replacement", description: "Complete roof replacement with high-quality materials and expert installation", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", imageAlt: "Roof replacement service", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Fast and reliable roof repair for leaks, damage, and wear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=2",
|
||||
imageAlt: "Roof repair service",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Roof Repair", description: "Fast and reliable roof repair for leaks, damage, and wear", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Roof repair service", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Storm Damage Repair",
|
||||
description: "Emergency storm damage assessment and repair services",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg?_wi=2",
|
||||
imageAlt: "Storm damage repair",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Storm Damage Repair", description: "Emergency storm damage assessment and repair services", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg", imageAlt: "Storm damage repair", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Roof Inspections",
|
||||
description: "Professional roof inspections to identify potential problems early",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg?_wi=2",
|
||||
imageAlt: "Roof inspection",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Roof Inspections", description: "Professional roof inspections to identify potential problems early", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg", imageAlt: "Roof inspection", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Gutter Services",
|
||||
description: "Gutter repair and replacement to protect your home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg?_wi=2",
|
||||
imageAlt: "Gutter services",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Gutter Services", description: "Gutter repair and replacement to protect your home", imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg", imageAlt: "Gutter services", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -158,45 +122,21 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg?_wi=1",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg?_wi=1",
|
||||
imageAlt: "Jennifer Lee",
|
||||
},
|
||||
id: "5", name: "Jennifer Lee", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg", imageAlt: "Jennifer Lee"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Martinez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=1",
|
||||
imageAlt: "Robert Martinez",
|
||||
},
|
||||
id: "6", name: "Robert Martinez", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "Robert Martinez"},
|
||||
]}
|
||||
cardTitle="Experienced local team | High-quality materials | Fast inspections | Honest estimates | Strong warranties"
|
||||
cardTag="Join Thousands of Satisfied Customers"
|
||||
cardTagIcon="ThumbsUp"
|
||||
cardTagIcon={ThumbsUp}
|
||||
cardAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
@@ -207,75 +147,21 @@ export default function HomePage() {
|
||||
title="Customer Stories"
|
||||
description="Real feedback from homeowners we've helped"
|
||||
tag="Reviews"
|
||||
tagIcon="MessageSquare"
|
||||
tagIcon={MessageSquare}
|
||||
tagAnimation="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Roof Replacement",
|
||||
title: "Great service and professional team",
|
||||
excerpt: "The entire team was professional, courteous, and completed the job on time. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg?_wi=2",
|
||||
imageAlt: "Customer testimonial",
|
||||
authorName: "Sarah Johnson",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
date: "2 weeks ago",
|
||||
},
|
||||
id: "1", category: "Roof Replacement", title: "Great service and professional team", excerpt: "The entire team was professional, courteous, and completed the job on time. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", imageAlt: "Customer testimonial", authorName: "Sarah Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", date: "2 weeks ago"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Roof Repair",
|
||||
title: "Fixed our roof leak perfectly",
|
||||
excerpt: "Quick response time and honest pricing. They identified the problem and fixed it without upselling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg?_wi=2",
|
||||
imageAlt: "Customer testimonial",
|
||||
authorName: "Michael Chen",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg",
|
||||
date: "1 month ago",
|
||||
},
|
||||
id: "2", category: "Roof Repair", title: "Fixed our roof leak perfectly", excerpt: "Quick response time and honest pricing. They identified the problem and fixed it without upselling.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg", imageAlt: "Customer testimonial", authorName: "Michael Chen", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg", date: "1 month ago"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Storm Damage",
|
||||
title: "Handled our storm damage quickly",
|
||||
excerpt: "After the storm, they came out immediately and got us covered fast. Great insurance process help too.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg?_wi=2",
|
||||
imageAlt: "Customer testimonial",
|
||||
authorName: "Emily Rodriguez",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
|
||||
date: "6 weeks ago",
|
||||
},
|
||||
id: "3", category: "Storm Damage", title: "Handled our storm damage quickly", excerpt: "After the storm, they came out immediately and got us covered fast. Great insurance process help too.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", imageAlt: "Customer testimonial", authorName: "Emily Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", date: "6 weeks ago"},
|
||||
{
|
||||
id: "4",
|
||||
category: "Roof Inspection",
|
||||
title: "Thorough inspection and honest advice",
|
||||
excerpt: "They provided a detailed inspection report and only recommended what we actually needed. Very trustworthy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg?_wi=2",
|
||||
imageAlt: "Customer testimonial",
|
||||
authorName: "David Kim",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg",
|
||||
date: "2 months ago",
|
||||
},
|
||||
id: "4", category: "Roof Inspection", title: "Thorough inspection and honest advice", excerpt: "They provided a detailed inspection report and only recommended what we actually needed. Very trustworthy.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg", imageAlt: "Customer testimonial", authorName: "David Kim", authorAvatar: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg", date: "2 months ago"},
|
||||
{
|
||||
id: "5",
|
||||
category: "Gutter Repair",
|
||||
title: "Excellent gutter work",
|
||||
excerpt: "Professional installation and cleanup. The gutters look great and function perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg?_wi=2",
|
||||
imageAlt: "Customer testimonial",
|
||||
authorName: "Jennifer Lee",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg",
|
||||
date: "3 months ago",
|
||||
},
|
||||
id: "5", category: "Gutter Repair", title: "Excellent gutter work", excerpt: "Professional installation and cleanup. The gutters look great and function perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg", imageAlt: "Customer testimonial", authorName: "Jennifer Lee", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg", date: "3 months ago"},
|
||||
{
|
||||
id: "6",
|
||||
category: "Roof Replacement",
|
||||
title: "Best roofing contractor in Birmingham",
|
||||
excerpt: "Can't say enough good things about their work. Licensed, insured, and truly care about quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=2",
|
||||
imageAlt: "Customer testimonial",
|
||||
authorName: "Robert Martinez",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
date: "4 months ago",
|
||||
},
|
||||
id: "6", category: "Roof Replacement", title: "Best roofing contractor in Birmingham", excerpt: "Can't say enough good things about their work. Licensed, insured, and truly care about quality.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "Customer testimonial", authorName: "Robert Martinez", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", date: "4 months ago"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -290,32 +176,16 @@ export default function HomePage() {
|
||||
description="Proven results and local impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "200",
|
||||
title: "Reviews",
|
||||
description: "Verified 5-star customer feedback",
|
||||
icon: Star,
|
||||
id: "1", value: "200", title: "Reviews", description: "Verified 5-star customer feedback", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15",
|
||||
title: "Years",
|
||||
description: "Serving Birmingham homeowners",
|
||||
icon: Award,
|
||||
id: "2", value: "15", title: "Years", description: "Serving Birmingham homeowners", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "8",
|
||||
title: "Communities",
|
||||
description: "Service area coverage",
|
||||
icon: MapPin,
|
||||
id: "3", value: "8", title: "Communities", description: "Service area coverage", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100",
|
||||
title: "Percent",
|
||||
description: "Licensed and insured",
|
||||
icon: Shield,
|
||||
id: "4", value: "100", title: "Percent", description: "Licensed and insured", icon: Shield,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -333,35 +203,17 @@ export default function HomePage() {
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How much does a roof inspection cost?",
|
||||
content: "Roof inspections are completely free. We assess your roof's condition and provide honest recommendations without any obligation.",
|
||||
},
|
||||
id: "1", title: "How much does a roof inspection cost?", content: "Roof inspections are completely free. We assess your roof's condition and provide honest recommendations without any obligation."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, we offer emergency roofing services 24/7. If you have storm damage or an urgent leak, call us immediately at (205) 844-4880.",
|
||||
},
|
||||
id: "2", title: "Do you offer emergency repairs?", content: "Yes, we offer emergency roofing services 24/7. If you have storm damage or an urgent leak, call us immediately at (205) 844-4880."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Hinkle Roofing is fully licensed and insured. We work directly with insurance companies to streamline claims.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Absolutely. Hinkle Roofing is fully licensed and insured. We work directly with insurance companies to streamline claims."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What warranty do you offer?",
|
||||
content: "We offer comprehensive warranties on all roofing work. Specific warranty terms depend on the service and materials used.",
|
||||
},
|
||||
id: "4", title: "What warranty do you offer?", content: "We offer comprehensive warranties on all roofing work. Specific warranty terms depend on the service and materials used."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most roof replacements take 1-3 days depending on the size and complexity of your roof.",
|
||||
},
|
||||
id: "5", title: "How long does a roof replacement take?", content: "Most roof replacements take 1-3 days depending on the size and complexity of your roof."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you work with insurance?",
|
||||
content: "Yes, we work with all major insurance companies. We can help with claims documentation and work directly with adjusters.",
|
||||
},
|
||||
id: "6", title: "Do you work with insurance?", content: "Yes, we work with all major insurance companies. We can help with claims documentation and work directly with adjusters."},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -375,8 +227,7 @@ export default function HomePage() {
|
||||
logoText="Hinkle Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Roof Replacement", href: "/services" },
|
||||
{ label: "Roof Repair", href: "/services" },
|
||||
{ label: "Storm Damage", href: "/services" },
|
||||
@@ -385,8 +236,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Service Area", href: "/services" },
|
||||
@@ -394,8 +244,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "(205) 844-4880", href: "tel:+12058444880" },
|
||||
{ label: "639 1st Ct N, Birmingham, AL 35203", href: "#" },
|
||||
{ label: "Get Free Estimate", href: "/contact" },
|
||||
|
||||
@@ -5,7 +5,7 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { ArrowRight, Phone } from "lucide-react";
|
||||
import { ArrowRight, Phone, Wrench } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
@@ -39,48 +39,23 @@ export default function ServicesPage() {
|
||||
title="Complete Roofing Solutions"
|
||||
description="Professional roofing services tailored to your needs"
|
||||
tag="Full Service Coverage"
|
||||
tagIcon="Wrench"
|
||||
tagIcon={Wrench}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Complete roof replacement with high-quality materials, expert installation, and comprehensive warranties for long-term protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg?_wi=3",
|
||||
imageAlt: "Roof replacement service",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact",
|
||||
},
|
||||
title: "Roof Replacement", description: "Complete roof replacement with high-quality materials, expert installation, and comprehensive warranties for long-term protection", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", imageAlt: "Roof replacement service", buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact"},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Fast and reliable roof repair for leaks, damage, and wear. Same-day service available for emergency situations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=3",
|
||||
imageAlt: "Roof repair service",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact",
|
||||
},
|
||||
title: "Roof Repair", description: "Fast and reliable roof repair for leaks, damage, and wear. Same-day service available for emergency situations", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Roof repair service", buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact"},
|
||||
{
|
||||
title: "Storm Damage Repair",
|
||||
description: "Emergency storm damage assessment and repair services. Insurance claim assistance and documentation included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg?_wi=3",
|
||||
imageAlt: "Storm damage repair",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact",
|
||||
},
|
||||
title: "Storm Damage Repair", description: "Emergency storm damage assessment and repair services. Insurance claim assistance and documentation included", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg", imageAlt: "Storm damage repair", buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact"},
|
||||
{
|
||||
title: "Roof Inspections",
|
||||
description: "Professional roof inspections to identify potential problems early. Free estimates and detailed reports provided",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg?_wi=3",
|
||||
imageAlt: "Roof inspection",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact",
|
||||
},
|
||||
title: "Roof Inspections", description: "Professional roof inspections to identify potential problems early. Free estimates and detailed reports provided", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg", imageAlt: "Roof inspection", buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact"},
|
||||
{
|
||||
title: "Gutter Services",
|
||||
description: "Gutter repair, replacement, and protection systems. Keep your gutters functioning perfectly year-round",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg?_wi=3",
|
||||
imageAlt: "Gutter services",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact",
|
||||
},
|
||||
title: "Gutter Services", description: "Gutter repair, replacement, and protection systems. Keep your gutters functioning perfectly year-round", imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg", imageAlt: "Gutter services", buttonIcon: ArrowRight,
|
||||
buttonHref: "/contact"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -95,25 +70,13 @@ export default function ServicesPage() {
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is included in a roof inspection?",
|
||||
content: "Our comprehensive inspection includes checking for leaks, damage, wear, flashing conditions, ventilation, and overall roof health. We provide a detailed written report with photos and recommendations.",
|
||||
},
|
||||
id: "1", title: "What is included in a roof inspection?", content: "Our comprehensive inspection includes checking for leaks, damage, wear, flashing conditions, ventilation, and overall roof health. We provide a detailed written report with photos and recommendations."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How quickly can you respond to emergency repairs?",
|
||||
content: "We offer 24/7 emergency roofing services. Call (205) 844-4880 immediately for urgent issues. Our team can typically respond within 2-4 hours for emergency repairs.",
|
||||
},
|
||||
id: "2", title: "How quickly can you respond to emergency repairs?", content: "We offer 24/7 emergency roofing services. Call (205) 844-4880 immediately for urgent issues. Our team can typically respond within 2-4 hours for emergency repairs."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What warranty comes with your work?",
|
||||
content: "We offer comprehensive warranties on all roofing services, including material warranties and workmanship guarantees. Specific terms vary based on the service and materials used.",
|
||||
},
|
||||
id: "3", title: "What warranty comes with your work?", content: "We offer comprehensive warranties on all roofing services, including material warranties and workmanship guarantees. Specific terms vary based on the service and materials used."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you handle insurance claims?",
|
||||
content: "Yes, we work directly with insurance companies and can assist with claims documentation, photos, and adjuster coordination to maximize your coverage.",
|
||||
},
|
||||
id: "4", title: "Do you handle insurance claims?", content: "Yes, we work directly with insurance companies and can assist with claims documentation, photos, and adjuster coordination to maximize your coverage."},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -127,8 +90,7 @@ export default function ServicesPage() {
|
||||
logoText="Hinkle Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Roof Replacement", href: "/services" },
|
||||
{ label: "Roof Repair", href: "/services" },
|
||||
{ label: "Storm Damage", href: "/services" },
|
||||
@@ -137,8 +99,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Service Area", href: "/services" },
|
||||
@@ -146,8 +107,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "(205) 844-4880", href: "tel:+12058444880" },
|
||||
{ label: "639 1st Ct N, Birmingham, AL 35203", href: "#" },
|
||||
{ label: "Get Free Estimate", href: "/contact" },
|
||||
|
||||
@@ -1,51 +1,48 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
size?: 'small' | 'medium' | 'large';
|
||||
color?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
size = 'medium',
|
||||
color = '#000000',
|
||||
className,
|
||||
}) => {
|
||||
const sizes = {
|
||||
small: { fontSize: 24, width: 200, height: 50 },
|
||||
medium: { fontSize: 32, width: 300, height: 80 },
|
||||
large: { fontSize: 48, width: 500, height: 120 },
|
||||
};
|
||||
|
||||
const sizeConfig = sizes[size];
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={sizeConfig.width}
|
||||
height={sizeConfig.height}
|
||||
viewBox={`0 0 ${sizeConfig.width} ${sizeConfig.height}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
fontSize={sizeConfig.fontSize}
|
||||
fill={color}
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
fontWeight="bold"
|
||||
fontFamily="Arial, sans-serif"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user