diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 998d6d2..ede2705 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
- title: "Services",
- items: [
+ title: "Services", items: [
{ label: "Residential Roofing", href: "#services" },
{ label: "Roof Repairs", href: "#services" },
{ label: "Storm Damage", href: "#services" },
@@ -30,8 +29,7 @@ export default function AboutPage() {
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Process", href: "#process" },
{ label: "Projects", href: "#projects" },
@@ -40,8 +38,7 @@ export default function AboutPage() {
],
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Warranty Information", href: "#" },
@@ -67,9 +64,7 @@ export default function AboutPage() {
navItems={navItems}
brandName="Five Star Roofing"
button={{
- text: "Get Free Inspection",
- href: "/contact",
- }}
+ text: "Get Free Inspection", href: "/contact"}}
buttonClassName="px-4 py-2 rounded-full font-semibold hover:shadow-lg transition-all"
buttonTextClassName="font-bold"
/>
@@ -79,10 +74,7 @@ export default function AboutPage() {
@@ -138,30 +118,18 @@ export default function AboutPage() {
tagAnimation="slide-up"
features={[
{
- title: "Licensed & Insured",
- description: "Full licensing in all jurisdictions we serve, plus comprehensive general liability and workers compensation insurance.",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg?_wi=3",
- imageAlt: "Professional licensing and credentials",
- },
+ title: "Licensed & Insured", description: "Full licensing in all jurisdictions we serve, plus comprehensive general liability and workers compensation insurance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg", imageAlt: "Professional licensing and credentials"},
{
- title: "Continuous Training",
- description: "Our team stays current with the latest roofing techniques, materials, and safety standards through ongoing professional development.",
- 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=3",
- imageAlt: "Professional training and development",
- },
+ title: "Continuous Training", description: "Our team stays current with the latest roofing techniques, materials, and safety standards through ongoing professional development.", 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 training and development"},
{
- title: "Manufacturer Certified",
- description: "We're certified installers for leading roofing manufacturers, ensuring your warranty coverage is honored and your project uses genuine materials.",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-alternative-energy_23-2149311503.jpg?_wi=3",
- imageAlt: "Manufacturer certification and partnership",
- },
+ title: "Manufacturer Certified", description: "We're certified installers for leading roofing manufacturers, ensuring your warranty coverage is honored and your project uses genuine materials.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-alternative-energy_23-2149311503.jpg", imageAlt: "Manufacturer certification and partnership"},
]}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ cardTitleClassName="text-4xl md:text-5xl"
+ cardDescriptionClassName="text-lg text-gray-600"
/>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3fc7ff0..6aed510 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -20,8 +20,7 @@ export default function ContactPage() {
const footerColumns = [
{
- title: "Services",
- items: [
+ title: "Services", items: [
{ label: "Residential Roofing", href: "#services" },
{ label: "Roof Repairs", href: "#services" },
{ label: "Storm Damage", href: "#services" },
@@ -30,8 +29,7 @@ export default function ContactPage() {
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Process", href: "#process" },
{ label: "Projects", href: "#projects" },
@@ -40,8 +38,7 @@ export default function ContactPage() {
],
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Warranty Information", href: "#" },
@@ -67,9 +64,7 @@ export default function ContactPage() {
navItems={navItems}
brandName="Five Star Roofing"
button={{
- text: "Get Free Inspection",
- href: "#contact-form",
- }}
+ text: "Get Free Inspection", href: "#contact-form"}}
buttonClassName="px-4 py-2 rounded-full font-semibold hover:shadow-lg transition-all"
buttonTextClassName="font-bold"
/>
@@ -79,10 +74,7 @@ export default function ContactPage() {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3df16e5..14ac1db 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,40 +6,25 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const mulish = Mulish({
- variable: "--font-mulish",
- subsets: ["latin"],
+ variable: "--font-mulish", subsets: ["latin"],
});
const inter = Inter({
- variable: "--font-inter",
- subsets: ["latin"],
+ variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "Five Star Roofing | Premium Roofing Service Without the Stress",
- description: "Expert roofing services for homeowners and property managers. 5-star rated. Human-first service, organized processes, fast response times. Get your free inspection today.",
- keywords: "roofing contractor, roof repair, roof replacement, leak detection, storm damage, property management, roofing services, residential roofing, commercial roofing",
- metadataBase: new URL("https://fivestartroofing.com"),
+ title: "Five Star Roofing | Premium Roofing Service Without the Stress", description: "Expert roofing services for homeowners and property managers. 5-star rated. Human-first service, organized processes, fast response times. Get your free inspection today.", keywords: "roofing contractor, roof repair, roof replacement, leak detection, storm damage, property management, roofing services, residential roofing, commercial roofing", metadataBase: new URL("https://fivestartroofing.com"),
alternates: {
- canonical: "https://fivestartroofing.com",
- },
+ canonical: "https://fivestartroofing.com"},
openGraph: {
- title: "Five Star Roofing | Premium Roofing Without the Stress",
- description: "Expert roofing services with 5-star customer ratings. Human-first service and professional processes.",
- type: "website",
- siteName: "Five Star Roofing",
- images: [
+ title: "Five Star Roofing | Premium Roofing Without the Stress", description: "Expert roofing services with 5-star customer ratings. Human-first service and professional processes.", type: "website", siteName: "Five Star Roofing", images: [
{
- url: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
- alt: "Five Star Roofing - Professional Service",
- },
+ url: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", alt: "Five Star Roofing - Professional Service"},
],
},
twitter: {
- card: "summary_large_image",
- title: "Five Star Roofing | Premium Roofing Without the Stress",
- description: "Expert roofing services with 5-star customer ratings. Human-first service.",
- images: ["http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg"],
+ card: "summary_large_image", title: "Five Star Roofing | Premium Roofing Without the Stress", description: "Expert roofing services with 5-star customer ratings. Human-first service.", images: ["http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg"],
},
robots: {
index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e9e0ad..7642b30 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,8 +10,9 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Sparkles, Award, Wrench, CheckCircle, Star, HelpCircle, Image as ImageIcon, Camera, FileText, Calendar } from "lucide-react";
+import { Sparkles, Award, Wrench, CheckCircle, Star, HelpCircle, Image as ImageIcon, Camera, FileText, Calendar, ThumbsUp } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -25,8 +26,7 @@ export default function HomePage() {
const footerColumns = [
{
- title: "Services",
- items: [
+ title: "Services", items: [
{ label: "Residential Roofing", href: "#services" },
{ label: "Roof Repairs", href: "#services" },
{ label: "Storm Damage", href: "#services" },
@@ -35,8 +35,7 @@ export default function HomePage() {
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Process", href: "#process" },
{ label: "Projects", href: "#projects" },
@@ -45,8 +44,7 @@ export default function HomePage() {
],
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Warranty Information", href: "#" },
@@ -72,9 +70,7 @@ export default function HomePage() {
navItems={navItems}
brandName="Five Star Roofing"
button={{
- text: "Get Free Inspection",
- href: "#contact",
- }}
+ text: "Get Free Inspection", href: "#contact"}}
buttonClassName="px-4 py-2 rounded-full font-semibold hover:shadow-lg transition-all"
buttonTextClassName="font-bold"
/>
@@ -95,13 +91,9 @@ 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: "Professional roofing crew on site",
- },
+ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Professional roofing crew on site"},
{
- 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: "Detailed roof inspection process",
- },
+ 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 roof inspection process"},
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -122,30 +114,18 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
- title: "Human-First Service",
- description: "You're not another ticket—you're taken care of. We treat every client with the respect and attention they deserve.",
- imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288167.jpg?_wi=1",
- imageAlt: "Professional customer service team",
- },
+ title: "Human-First Service", description: "You're not another ticket—you're taken care of. We treat every client with the respect and attention they deserve.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288167.jpg", imageAlt: "Professional customer service team"},
{
- title: "Organized & Professional Systems",
- description: "Clear timelines, clean communication, no chaos. We manage every detail so you don't have to worry.",
- imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-25158.jpg?_wi=1",
- imageAlt: "Business team meeting and planning",
- },
+ title: "Organized & Professional Systems", description: "Clear timelines, clean communication, no chaos. We manage every detail so you don't have to worry.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-25158.jpg", imageAlt: "Business team meeting and planning"},
{
- title: "Problems Found Before They Grow",
- description: "We catch issues you didn't even know existed. Preventative care saves you money and stress down the road.",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg?_wi=1",
- imageAlt: "Quality control and inspection process",
- },
+ title: "Problems Found Before They Grow", description: "We catch issues you didn't even know existed. Preventative care saves you money and stress down the road.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg", imageAlt: "Quality control and inspection process"},
]}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ cardTitleClassName="text-4xl md:text-5xl"
+ cardDescriptionClassName="text-lg text-gray-600"
/>
@@ -158,62 +138,27 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
- id: "1",
- brand: "Residential",
- name: "Roof Replacement & Upgrades",
- price: "Full Assessment Required",
- rating: 5,
- reviewCount: "200+",
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg?_wi=1",
- imageAlt: "Residential roof replacement project",
- },
+ id: "1", brand: "Residential", name: "Roof Replacement & Upgrades", price: "Full Assessment Required", rating: 5,
+ reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg", imageAlt: "Residential roof replacement project"},
{
- id: "2",
- brand: "Repairs",
- name: "Repairs & Leak Detection",
- price: "Fast, Accurate Service",
- rating: 5,
- reviewCount: "180+",
- imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
- imageAlt: "Leak detection and repair process",
- },
+ id: "2", brand: "Repairs", name: "Repairs & Leak Detection", price: "Fast, Accurate Service", rating: 5,
+ reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Leak detection and repair process"},
{
- id: "3",
- brand: "Insurance Support",
- name: "Storm Damage & Insurance Claims",
- price: "Complete Documentation",
- rating: 5,
- reviewCount: "150+",
- imageSrc: "http://img.b2bpic.net/free-photo/view-abandoned-decaying-house-nature_23-2150166560.jpg?_wi=1",
- imageAlt: "Storm damage assessment and documentation",
- },
+ id: "3", brand: "Insurance Support", name: "Storm Damage & Insurance Claims", price: "Complete Documentation", rating: 5,
+ reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/view-abandoned-decaying-house-nature_23-2150166560.jpg", imageAlt: "Storm damage assessment and documentation"},
{
- id: "4",
- brand: "Commercial",
- name: "Commercial Roofing Solutions",
- price: "Low-Disruption Service",
- rating: 5,
- reviewCount: "120+",
- imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg?_wi=1",
- imageAlt: "Commercial roofing project",
- },
+ id: "4", brand: "Commercial", name: "Commercial Roofing Solutions", price: "Low-Disruption Service", rating: 5,
+ reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg", imageAlt: "Commercial roofing project"},
{
- id: "5",
- brand: "Property Mgmt",
- name: "Property Manager Program",
- price: "Multi-Property Support",
- rating: 5,
- reviewCount: "95+",
- imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg?_wi=1",
- imageAlt: "Property manager scheduling and reporting",
- },
+ id: "5", brand: "Property Mgmt", name: "Property Manager Program", price: "Multi-Property Support", rating: 5,
+ reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg", imageAlt: "Property manager scheduling and reporting"},
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ textBoxTitleClassName="text-4xl md:text-5xl"
+ textBoxDescriptionClassName="text-lg text-gray-600"
/>
@@ -229,13 +174,13 @@ export default function HomePage() {
{ id: "2", icon: FileText, title: "Clear Plan & Quote", value: "No Surprises" },
{ id: "3", icon: Calendar, title: "Schedule & Prep", value: "You Know What's Next" },
{ id: "4", icon: Wrench, title: "Install/Repair", value: "Clean & Professional" },
- { id: "5", icon: CheckCircle, title: "Final Walkthrough", value: "Warranty Included" },
+ { id: "5", icon: ThumbsUp, title: "Final Walkthrough", value: "Warranty Included" },
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ textBoxTitleClassName="text-4xl md:text-5xl"
+ textBoxDescriptionClassName="text-lg text-gray-600"
/>
@@ -248,66 +193,30 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
- id: "1",
- name: "Sarah Mitchell",
- role: "Homeowner",
- company: "Residential Client",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1",
- imageAlt: "Sarah Mitchell testimonial",
- },
+ id: "1", name: "Sarah Mitchell", role: "Homeowner", company: "Residential Client", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Sarah Mitchell testimonial"},
{
- id: "2",
- name: "James Rodriguez",
- role: "Property Manager",
- company: "Multi-Unit Management",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
- imageAlt: "James Rodriguez testimonial",
- },
+ id: "2", name: "James Rodriguez", role: "Property Manager", company: "Multi-Unit Management", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "James Rodriguez testimonial"},
{
- id: "3",
- name: "Emily Chen",
- role: "Business Owner",
- company: "Commercial Building",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=2",
- imageAlt: "Emily Chen testimonial",
- },
+ id: "3", name: "Emily Chen", role: "Business Owner", company: "Commercial Building", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Emily Chen testimonial"},
{
- id: "4",
- name: "Michael Thompson",
- role: "Homeowner",
- company: "Insurance Claim Support",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",
- imageAlt: "Michael Thompson testimonial",
- },
+ id: "4", name: "Michael Thompson", role: "Homeowner", company: "Insurance Claim Support", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Michael Thompson testimonial"},
{
- id: "5",
- name: "Lisa Anderson",
- role: "Property Manager",
- company: "Portfolio of 50+ Units",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=3",
- imageAlt: "Lisa Anderson testimonial",
- },
+ id: "5", name: "Lisa Anderson", role: "Property Manager", company: "Portfolio of 50+ Units", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Lisa Anderson testimonial"},
{
- id: "6",
- name: "David Park",
- role: "Homeowner",
- company: "Storm Recovery",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3",
- imageAlt: "David Park testimonial",
- },
+ id: "6", name: "David Park", role: "Homeowner", company: "Storm Recovery", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "David Park testimonial"},
]}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ textBoxTitleClassName="text-4xl md:text-5xl"
+ textBoxDescriptionClassName="text-lg text-gray-600"
/>
@@ -315,10 +224,7 @@ export default function HomePage() {
-
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 4c3a085..3ae3de1 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -20,8 +20,7 @@ export default function ServicesPage() {
const footerColumns = [
{
- title: "Services",
- items: [
+ title: "Services", items: [
{ label: "Residential Roofing", href: "#services" },
{ label: "Roof Repairs", href: "#services" },
{ label: "Storm Damage", href: "#services" },
@@ -30,8 +29,7 @@ export default function ServicesPage() {
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Process", href: "#process" },
{ label: "Projects", href: "#projects" },
@@ -40,8 +38,7 @@ export default function ServicesPage() {
],
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Warranty Information", href: "#" },
@@ -67,9 +64,7 @@ export default function ServicesPage() {
navItems={navItems}
brandName="Five Star Roofing"
button={{
- text: "Get Free Inspection",
- href: "/contact",
- }}
+ text: "Get Free Inspection", href: "/contact"}}
buttonClassName="px-4 py-2 rounded-full font-semibold hover:shadow-lg transition-all"
buttonTextClassName="font-bold"
/>
@@ -84,62 +79,27 @@ export default function ServicesPage() {
tagAnimation="slide-up"
products={[
{
- id: "1",
- brand: "Residential",
- name: "Roof Replacement & Upgrades",
- price: "Full Assessment Required",
- rating: 5,
- reviewCount: "200+",
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg?_wi=2",
- imageAlt: "Residential roof replacement project",
- },
+ id: "1", brand: "Residential", name: "Roof Replacement & Upgrades", price: "Full Assessment Required", rating: 5,
+ reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg", imageAlt: "Residential roof replacement project"},
{
- id: "2",
- brand: "Repairs",
- name: "Repairs & Leak Detection",
- price: "Fast, Accurate Service",
- rating: 5,
- reviewCount: "180+",
- imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2",
- imageAlt: "Leak detection and repair process",
- },
+ id: "2", brand: "Repairs", name: "Repairs & Leak Detection", price: "Fast, Accurate Service", rating: 5,
+ reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Leak detection and repair process"},
{
- id: "3",
- brand: "Insurance Support",
- name: "Storm Damage & Insurance Claims",
- price: "Complete Documentation",
- rating: 5,
- reviewCount: "150+",
- imageSrc: "http://img.b2bpic.net/free-photo/view-abandoned-decaying-house-nature_23-2150166560.jpg?_wi=2",
- imageAlt: "Storm damage assessment and documentation",
- },
+ id: "3", brand: "Insurance Support", name: "Storm Damage & Insurance Claims", price: "Complete Documentation", rating: 5,
+ reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/view-abandoned-decaying-house-nature_23-2150166560.jpg", imageAlt: "Storm damage assessment and documentation"},
{
- id: "4",
- brand: "Commercial",
- name: "Commercial Roofing Solutions",
- price: "Low-Disruption Service",
- rating: 5,
- reviewCount: "120+",
- imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg?_wi=2",
- imageAlt: "Commercial roofing project",
- },
+ id: "4", brand: "Commercial", name: "Commercial Roofing Solutions", price: "Low-Disruption Service", rating: 5,
+ reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg", imageAlt: "Commercial roofing project"},
{
- id: "5",
- brand: "Property Mgmt",
- name: "Property Manager Program",
- price: "Multi-Property Support",
- rating: 5,
- reviewCount: "95+",
- imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg?_wi=2",
- imageAlt: "Property manager scheduling and reporting",
- },
+ id: "5", brand: "Property Mgmt", name: "Property Manager Program", price: "Multi-Property Support", rating: 5,
+ reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg", imageAlt: "Property manager scheduling and reporting"},
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ textBoxTitleClassName="text-4xl md:text-5xl"
+ textBoxDescriptionClassName="text-lg text-gray-600"
/>
@@ -152,30 +112,18 @@ export default function ServicesPage() {
tagAnimation="slide-up"
features={[
{
- title: "Expert Assessment",
- description: "Our team provides thorough inspections with detailed documentation and clear recommendations for your roofing needs.",
- 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: "Professional roof assessment",
- },
+ title: "Expert Assessment", description: "Our team provides thorough inspections with detailed documentation and clear recommendations for your roofing needs.", 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 assessment"},
{
- title: "Quality Installation",
- description: "All our installations use premium materials and techniques to ensure durability and performance for years to come.",
- imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2",
- imageAlt: "Professional installation team",
- },
+ title: "Quality Installation", description: "All our installations use premium materials and techniques to ensure durability and performance for years to come.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Professional installation team"},
{
- title: "Transparent Pricing",
- description: "We provide detailed quotes with no hidden charges, so you know exactly what to expect before work begins.",
- imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-25158.jpg?_wi=2",
- imageAlt: "Transparent pricing consultation",
- },
+ title: "Transparent Pricing", description: "We provide detailed quotes with no hidden charges, so you know exactly what to expect before work begins.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-25158.jpg", imageAlt: "Transparent pricing consultation"},
]}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ cardTitleClassName="text-4xl md:text-5xl"
+ cardDescriptionClassName="text-lg text-gray-600"
/>
@@ -188,30 +136,18 @@ export default function ServicesPage() {
tagAnimation="slide-up"
features={[
{
- title: "Workmanship Warranty",
- description: "10-year warranty on all installations covers materials and labor, giving you peace of mind for over a decade.",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg?_wi=2",
- imageAlt: "Quality guarantee and warranty",
- },
+ title: "Workmanship Warranty", description: "10-year warranty on all installations covers materials and labor, giving you peace of mind for over a decade.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg", imageAlt: "Quality guarantee and warranty"},
{
- title: "Photo Documentation",
- description: "Every project includes before, during, and after photos. Perfect for insurance claims and your peace of mind.",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-alternative-energy_23-2149311503.jpg?_wi=2",
- imageAlt: "Comprehensive project documentation",
- },
+ title: "Photo Documentation", description: "Every project includes before, during, and after photos. Perfect for insurance claims and your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-alternative-energy_23-2149311503.jpg", imageAlt: "Comprehensive project documentation"},
{
- title: "24/7 Emergency Support",
- description: "Storm damage? Leak emergency? We're available around the clock for urgent roofing issues that can't wait.",
- imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288167.jpg?_wi=2",
- imageAlt: "Emergency support availability",
- },
+ title: "24/7 Emergency Support", description: "Storm damage? Leak emergency? We're available around the clock for urgent roofing issues that can't wait.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288167.jpg", imageAlt: "Emergency support availability"},
]}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
- titleClassName="text-4xl md:text-5xl"
- descriptionClassName="text-lg text-gray-600"
+ cardTitleClassName="text-4xl md:text-5xl"
+ cardDescriptionClassName="text-lg text-gray-600"
/>