diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index a3dec17..6d42fad 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -23,7 +23,7 @@ const ContactPage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -84,7 +84,7 @@ const ContactPage = () => { { text: "Call Now", href: "tel:+18005551234" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -97,19 +97,13 @@ const ContactPage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} /> diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx index 758d40b..2c2cc4d 100644 --- a/src/app/gallery/page.tsx +++ b/src/app/gallery/page.tsx @@ -24,7 +24,7 @@ const GalleryPage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -50,37 +50,13 @@ const GalleryPage = () => { tagAnimation="slide-up" products={[ { - id: "metal-1", - name: "Modern Metal Roof - Tampa", - price: "Metal Installation", - variant: "Standing seam system with skylight integration", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=3", - imageAlt: "Modern metal roof installation in Tampa", - }, + id: "metal-1", name: "Modern Metal Roof - Tampa", price: "Metal Installation", variant: "Standing seam system with skylight integration", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Modern metal roof installation in Tampa"}, { - id: "shingle-1", - name: "Hurricane-Ready Shingles - Miami", - price: "Shingle Installation", - variant: "Premium architectural shingles with reinforced fastening", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=3", - imageAlt: "Shingle roof installation in Miami", - }, + id: "shingle-1", name: "Hurricane-Ready Shingles - Miami", price: "Shingle Installation", variant: "Premium architectural shingles with reinforced fastening", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Shingle roof installation in Miami"}, { - id: "metal-2", - name: "Luxury Metal Roof - Naples", - price: "Metal Installation", - variant: "Custom metallic finish with precision detailing", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg?_wi=2", - imageAlt: "Luxury metal roof in Naples", - }, + id: "metal-2", name: "Luxury Metal Roof - Naples", price: "Metal Installation", variant: "Custom metallic finish with precision detailing", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg", imageAlt: "Luxury metal roof in Naples"}, { - id: "storm-1", - name: "Storm Damage Restoration - Fort Myers", - price: "Damage Recovery", - variant: "Complete roof replacement following hurricane damage", - imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg?_wi=3", - imageAlt: "Storm damage restoration project", - }, + id: "storm-1", name: "Storm Damage Restoration - Fort Myers", price: "Damage Recovery", variant: "Complete roof replacement following hurricane damage", imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg", imageAlt: "Storm damage restoration project"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -104,7 +80,7 @@ const GalleryPage = () => { { text: "Talk to Specialist", href: "/contact" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -117,19 +93,13 @@ const GalleryPage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} /> diff --git a/src/app/metal-roofing/page.tsx b/src/app/metal-roofing/page.tsx index d726b73..c363023 100644 --- a/src/app/metal-roofing/page.tsx +++ b/src/app/metal-roofing/page.tsx @@ -25,7 +25,7 @@ const MetalRoofingPage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -53,7 +53,7 @@ const MetalRoofingPage = () => { { value: "50+", title: "Years of durability and protection" }, { value: "Insurance", title: "Savings from premium durability ratings" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" imageAlt="Premium metal roofing installation" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -71,32 +71,14 @@ const MetalRoofingPage = () => { tagAnimation="slide-up" features={[ { - id: "1", - title: "Hurricane Performance", - author: "Storm-Rated Systems", - description: "Metal roofing has the highest wind resistance ratings. Standing seam systems hold strong in Category 5 hurricanes.", - tags: ["Wind Resistant", "Impact Rated"], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=2", - imageAlt: "Storm protection systems", - }, + id: "1", title: "Hurricane Performance", author: "Storm-Rated Systems", description: "Metal roofing has the highest wind resistance ratings. Standing seam systems hold strong in Category 5 hurricanes.", tags: ["Wind Resistant", "Impact Rated"], + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Storm protection systems"}, { - id: "2", - title: "Energy Efficiency", - author: "Cool Roof Technology", - description: "Reflective metal surfaces reduce cooling costs by up to 25%. Perfect for Florida's hot, sunny climate.", - tags: ["Lower Bills", "Eco-Friendly"], - imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=2", - imageAlt: "Energy efficient roofing", - }, + id: "2", title: "Energy Efficiency", author: "Cool Roof Technology", description: "Reflective metal surfaces reduce cooling costs by up to 25%. Perfect for Florida's hot, sunny climate.", tags: ["Lower Bills", "Eco-Friendly"], + imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Energy efficient roofing"}, { - id: "3", - title: "Premium Aesthetics", - author: "Elegant Design", - description: "Choose from matte, metallic, or textured finishes. Metal roofing adds sophistication and curb appeal that lasts.", - tags: ["Luxury Appearance", "Increases Value"], - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg?_wi=2", - imageAlt: "Metal roof aesthetic detail", - }, + id: "3", title: "Premium Aesthetics", author: "Elegant Design", description: "Choose from matte, metallic, or textured finishes. Metal roofing adds sophistication and curb appeal that lasts.", tags: ["Luxury Appearance", "Increases Value"], + imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg", imageAlt: "Metal roof aesthetic detail"}, ]} animationType="slide-up" textboxLayout="default" @@ -119,7 +101,7 @@ const MetalRoofingPage = () => { { text: "View Our Work", href: "/gallery" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -132,19 +114,13 @@ const MetalRoofingPage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 98daeb7..f1416d9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,7 +30,7 @@ const HomePage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -54,31 +54,20 @@ const HomePage = () => { tag="Premium Florida Roofing" tagIcon={Crown} tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg" imageAlt="Luxury metal roof installation showcase" mediaAnimation="slide-up" + background={{ variant: "plain" }} testimonials={[ { - name: "Melissa Rodriguez", - handle: "Homeowner, Tampa", - testimonial: "Communication was absolutely amazing. They kept me updated every step of the way.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", - }, + name: "Melissa Rodriguez", handle: "Homeowner, Tampa", testimonial: "Communication was absolutely amazing. They kept me updated every step of the way.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"}, { - name: "Caesar Martinez", - handle: "Homeowner, Miami", - testimonial: "Fast, efficient, exceptional quality. My metal roof looks elegant—people stop to comment.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", - }, + name: "Caesar Martinez", handle: "Homeowner, Miami", testimonial: "Fast, efficient, exceptional quality. My metal roof looks elegant—people stop to comment.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - name: "Parker Johnson", - handle: "Homeowner, Fort Myers", - testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", - }, + name: "Parker Johnson", handle: "Homeowner, Fort Myers", testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, ]} testimonialRotationInterval={5000} buttons={[ @@ -99,13 +88,7 @@ const HomePage = () => { tagIcon={Star} tagAnimation="slide-up" names={[ - "Communication Excellence", - "Hurricane Expert", - "Metal Roof Specialist", - "Detailed Inspection Reports", - "Organized Project Management", - "Local & Dependable", - ]} + "Communication Excellence", "Hurricane Expert", "Metal Roof Specialist", "Detailed Inspection Reports", "Organized Project Management", "Local & Dependable"]} textboxLayout="default" useInvertedBackground={false} speed={40} @@ -124,41 +107,17 @@ const HomePage = () => { tagAnimation="slide-up" features={[ { - id: "1", - title: "Proactive Communication", - author: "Premium Service Standard", - description: "Updates at every stage—from inspection to final walk-through. You'll always know exactly what's happening next.", - tags: ["Transparent", "Real-Time Updates"], - imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=1", - imageAlt: "Team communication and coordination", - }, + id: "1", title: "Proactive Communication", author: "Premium Service Standard", description: "Updates at every stage—from inspection to final walk-through. You'll always know exactly what's happening next.", tags: ["Transparent", "Real-Time Updates"], + imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Team communication and coordination"}, { - id: "2", - title: "Hurricane Experience", - author: "Storm Damage Specialists", - description: "We've guided homeowners through major storms like Ian and Idalia. Proactive monitoring and fast response when weather hits.", - tags: ["Storm Ready", "Insurance Help"], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=1", - imageAlt: "Storm protection and structural integrity", - }, + id: "2", title: "Hurricane Experience", author: "Storm Damage Specialists", description: "We've guided homeowners through major storms like Ian and Idalia. Proactive monitoring and fast response when weather hits.", tags: ["Storm Ready", "Insurance Help"], + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Storm protection and structural integrity"}, { - id: "3", - title: "Prepared, Detailed Estimates", - author: "Expert Evaluation", - description: "Expect a thorough inspection report with photos and clear recommendations—no vague quotes or surprises.", - tags: ["Detailed Reports", "No Hidden Costs"], - imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=1", - imageAlt: "Professional inspection and assessment", - }, + id: "3", title: "Prepared, Detailed Estimates", author: "Expert Evaluation", description: "Expect a thorough inspection report with photos and clear recommendations—no vague quotes or surprises.", tags: ["Detailed Reports", "No Hidden Costs"], + imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Professional inspection and assessment"}, { - id: "4", - title: "Metal Roof Craftsmanship", - author: "Premium Installation", - description: "Elegant, durable metal roof systems that boost curb appeal and perform under pressure. Premium materials + expert installation.", - tags: ["Luxury Aesthetic", "Long-Term Value"], - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg?_wi=1", - imageAlt: "Premium roofing material detail", - }, + id: "4", title: "Metal Roof Craftsmanship", author: "Premium Installation", description: "Elegant, durable metal roof systems that boost curb appeal and perform under pressure. Premium materials + expert installation.", tags: ["Luxury Aesthetic", "Long-Term Value"], + imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg", imageAlt: "Premium roofing material detail"}, ]} animationType="slide-up" textboxLayout="default" @@ -178,29 +137,11 @@ const HomePage = () => { tagAnimation="slide-up" products={[ { - id: "metal", - name: "Metal Roofing", - price: "Premium Longevity", - variant: "Signature service for Florida homes", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=1", - imageAlt: "Metal roofing installation", - }, + id: "metal", name: "Metal Roofing", price: "Premium Longevity", variant: "Signature service for Florida homes", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Metal roofing installation"}, { - id: "shingle", - name: "Shingle Roofing", - price: "Clean Modern Option", - variant: "Reliable warranty coverage", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=1", - imageAlt: "Shingle roofing installation", - }, + id: "shingle", name: "Shingle Roofing", price: "Clean Modern Option", variant: "Reliable warranty coverage", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Shingle roofing installation"}, { - id: "storm", - name: "Storm Damage & Insurance", - price: "Fast Response", - variant: "Documentation + guidance included", - imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", - imageAlt: "Storm damage assessment and insurance help", - }, + id: "storm", name: "Storm Damage & Insurance", price: "Fast Response", variant: "Documentation + guidance included", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Storm damage assessment and insurance help"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -219,25 +160,13 @@ const HomePage = () => { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "Inspect", - description: "Detailed roof evaluation with professional photos and findings report. Clear recommendations based on expert assessment.", - }, + id: "1", value: "Inspect", description: "Detailed roof evaluation with professional photos and findings report. Clear recommendations based on expert assessment."}, { - id: "2", - value: "Plan", - description: "Choose between metal or shingle options with transparent pricing and realistic timeline. We discuss every detail upfront.", - }, + id: "2", value: "Plan", description: "Choose between metal or shingle options with transparent pricing and realistic timeline. We discuss every detail upfront."}, { - id: "3", - value: "Install", - description: "Clean, organized installation with frequent communication updates. We protect your property and maintain professional standards.", - }, + id: "3", value: "Install", description: "Clean, organized installation with frequent communication updates. We protect your property and maintain professional standards."}, { - id: "4", - value: "Follow-Up", - description: "Final walk-through with detailed review. We check in seasonally and especially before major weather events.", - }, + id: "4", value: "Follow-Up", description: "Final walk-through with detailed review. We check in seasonally and especially before major weather events."}, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -256,7 +185,7 @@ const HomePage = () => { { value: "100+", title: "Storm damage assessments completed" }, { value: "Insurance", title: "Documentation and claim support included" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg" imageAlt="Hurricane-ready roofing systems" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -274,53 +203,23 @@ const HomePage = () => { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Melissa Rodriguez", - role: "Homeowner, Tampa", - testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.", - icon: ThumbsUp, - imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1", - }, + id: "1", name: "Melissa Rodriguez", role: "Homeowner, Tampa", testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.", icon: ThumbsUp, + imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"}, { - id: "2", - name: "Caesar Martinez", - role: "Homeowner, Miami", - testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.", - icon: Star, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", - }, + id: "2", name: "Caesar Martinez", role: "Homeowner, Miami", testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.", icon: Star, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - id: "3", - name: "Parker Johnson", - role: "Homeowner, Fort Myers", - testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.", - icon: Shield, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", - }, + id: "3", name: "Parker Johnson", role: "Homeowner, Fort Myers", testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.", icon: Shield, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - id: "4", - name: "Sarah Chen", - role: "Homeowner, Sarasota", - testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.", - icon: CheckCircle, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", - }, + id: "4", name: "Sarah Chen", role: "Homeowner, Sarasota", testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.", icon: CheckCircle, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"}, { - id: "5", - name: "Michael Torres", - role: "Homeowner, Tampa Bay", - testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.", - icon: Heart, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", - }, + id: "5", name: "Michael Torres", role: "Homeowner, Tampa Bay", testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.", icon: Heart, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - id: "6", - name: "Jennifer Walsh", - role: "Homeowner, Naples", - testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.", - icon: Sparkles, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3", - }, + id: "6", name: "Jennifer Walsh", role: "Homeowner, Naples", testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.", icon: Sparkles, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"}, ]} carouselMode="buttons" animationType="slide-up" @@ -344,7 +243,7 @@ const HomePage = () => { { text: "Call Now", href: "tel:+18005551234" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -357,19 +256,13 @@ const HomePage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} /> diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx index 9a0d1a6..3a8cc53 100644 --- a/src/app/reviews/page.tsx +++ b/src/app/reviews/page.tsx @@ -24,7 +24,7 @@ const ReviewsPage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -52,53 +52,23 @@ const ReviewsPage = () => { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Melissa Rodriguez", - role: "Homeowner, Tampa", - testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.", - icon: ThumbsUp, - imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2", - }, + id: "1", name: "Melissa Rodriguez", role: "Homeowner, Tampa", testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.", icon: ThumbsUp, + imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"}, { - id: "2", - name: "Caesar Martinez", - role: "Homeowner, Miami", - testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.", - icon: Star, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", - }, + id: "2", name: "Caesar Martinez", role: "Homeowner, Miami", testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.", icon: Star, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - id: "3", - name: "Parker Johnson", - role: "Homeowner, Fort Myers", - testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.", - icon: Shield, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7", - }, + id: "3", name: "Parker Johnson", role: "Homeowner, Fort Myers", testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.", icon: Shield, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - id: "4", - name: "Sarah Chen", - role: "Homeowner, Sarasota", - testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.", - icon: CheckCircle, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=4", - }, + id: "4", name: "Sarah Chen", role: "Homeowner, Sarasota", testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.", icon: CheckCircle, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"}, { - id: "5", - name: "Michael Torres", - role: "Homeowner, Tampa Bay", - testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.", - icon: Heart, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8", - }, + id: "5", name: "Michael Torres", role: "Homeowner, Tampa Bay", testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.", icon: Heart, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"}, { - id: "6", - name: "Jennifer Walsh", - role: "Homeowner, Naples", - testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.", - icon: Sparkles, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=5", - }, + id: "6", name: "Jennifer Walsh", role: "Homeowner, Naples", testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.", icon: Sparkles, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"}, ]} buttonAnimation="slide-up" /> @@ -117,7 +87,7 @@ const ReviewsPage = () => { { text: "View Our Work", href: "/gallery" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -130,19 +100,13 @@ const ReviewsPage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} /> diff --git a/src/app/shingle-roofing/page.tsx b/src/app/shingle-roofing/page.tsx index d4b8ba9..0ddd71f 100644 --- a/src/app/shingle-roofing/page.tsx +++ b/src/app/shingle-roofing/page.tsx @@ -25,7 +25,7 @@ const ShingleRoofingPage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -53,7 +53,7 @@ const ShingleRoofingPage = () => { { value: "25+", title: "Years of proven durability" }, { value: "Warranty", title: "Comprehensive coverage included" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg" imageAlt="Quality shingle roofing installation" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -71,32 +71,14 @@ const ShingleRoofingPage = () => { tagAnimation="slide-up" features={[ { - id: "1", - title: "Affordable Quality", - author: "Best Value Roofing", - description: "Quality shingles provide excellent protection at a reasonable cost. Great for homeowners who want reliable roofing without premium pricing.", - tags: ["Cost Effective", "Value Rated"], - imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=3", - imageAlt: "Affordable quality roofing", - }, + id: "1", title: "Affordable Quality", author: "Best Value Roofing", description: "Quality shingles provide excellent protection at a reasonable cost. Great for homeowners who want reliable roofing without premium pricing.", tags: ["Cost Effective", "Value Rated"], + imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Affordable quality roofing"}, { - id: "2", - title: "Easy Maintenance", - author: "Simple Care", - description: "Shingle roofs are straightforward to inspect, maintain, and repair. Local contractors are familiar with shingle systems throughout Florida.", - tags: ["Low Maintenance", "Easy Repairs"], - imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=2", - imageAlt: "Professional maintenance", - }, + id: "2", title: "Easy Maintenance", author: "Simple Care", description: "Shingle roofs are straightforward to inspect, maintain, and repair. Local contractors are familiar with shingle systems throughout Florida.", tags: ["Low Maintenance", "Easy Repairs"], + imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Professional maintenance"}, { - id: "3", - title: "Weather Resistance", - author: "Florida Tested", - description: "Modern shingles stand up to Florida weather. Wind ratings meet hurricane code requirements for coastal and inland homes.", - tags: ["Weather Tested", "Code Compliant"], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=3", - imageAlt: "Weather resistant materials", - }, + id: "3", title: "Weather Resistance", author: "Florida Tested", description: "Modern shingles stand up to Florida weather. Wind ratings meet hurricane code requirements for coastal and inland homes.", tags: ["Weather Tested", "Code Compliant"], + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Weather resistant materials"}, ]} animationType="slide-up" textboxLayout="default" @@ -119,7 +101,7 @@ const ShingleRoofingPage = () => { { text: "Learn More", href: "/" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -132,19 +114,13 @@ const ShingleRoofingPage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} /> diff --git a/src/app/storm-insurance/page.tsx b/src/app/storm-insurance/page.tsx index ae4d01e..fbd4af3 100644 --- a/src/app/storm-insurance/page.tsx +++ b/src/app/storm-insurance/page.tsx @@ -25,7 +25,7 @@ const StormInsurancePage = () => { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -53,7 +53,7 @@ const StormInsurancePage = () => { { value: "100+", title: "Storm assessments completed" }, { value: "Fast", title: "Same-day or next-day inspections" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg" imageAlt="Storm damage assessment" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -71,32 +71,14 @@ const StormInsurancePage = () => { tagAnimation="slide-up" features={[ { - id: "1", - title: "Comprehensive Damage Documentation", - author: "Insurance-Ready Reports", - description: "We provide detailed inspection reports with professional photography and measurements. Your insurance company gets exactly what they need to process your claim.", - tags: ["Photo Documentation", "Detailed Reports"], - imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=3", - imageAlt: "Professional inspection documentation", - }, + id: "1", title: "Comprehensive Damage Documentation", author: "Insurance-Ready Reports", description: "We provide detailed inspection reports with professional photography and measurements. Your insurance company gets exactly what they need to process your claim.", tags: ["Photo Documentation", "Detailed Reports"], + imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Professional inspection documentation"}, { - id: "2", - title: "Insurance Claim Support", - author: "Adjuster Coordination", - description: "We work directly with your insurance adjuster. We can attend inspections, explain findings, and advocate for your coverage.", - tags: ["Adjuster Meetings", "Claim Support"], - imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=4", - imageAlt: "Insurance claim coordination", - }, + id: "2", title: "Insurance Claim Support", author: "Adjuster Coordination", description: "We work directly with your insurance adjuster. We can attend inspections, explain findings, and advocate for your coverage.", tags: ["Adjuster Meetings", "Claim Support"], + imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Insurance claim coordination"}, { - id: "3", - title: "Fast Emergency Response", - author: "Storm Season Ready", - description: "During hurricane season, we prioritize storm damage assessments. Same-day or next-day inspections to document damage before further deterioration.", - tags: ["24-Hour Service", "Priority Response"], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=4", - imageAlt: "Emergency response services", - }, + id: "3", title: "Fast Emergency Response", author: "Storm Season Ready", description: "During hurricane season, we prioritize storm damage assessments. Same-day or next-day inspections to document damage before further deterioration.", tags: ["24-Hour Service", "Priority Response"], + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Emergency response services"}, ]} animationType="slide-up" textboxLayout="default" @@ -119,7 +101,7 @@ const StormInsurancePage = () => { { text: "Call Now", href: "tel:+18005551234" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -132,19 +114,13 @@ const StormInsurancePage = () => { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/roofsonly", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/roofsonly", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "https://linkedin.com/company/roofsonly", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"}, ]} />