diff --git a/src/app/page.tsx b/src/app/page.tsx index b7cdd9b..53bbfd0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import FaqDouble from "@/components/sections/faq/FaqDouble"; import ContactFaq from "@/components/sections/contact/ContactFaq"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import Link from "next/link"; -import { Shield, CheckCircle, Wrench, Zap, HelpCircle, Phone } from "lucide-react"; +import { Shield, CheckCircle, Wrench, Zap, HelpCircle, Phone, Clock, Hammer, DollarSign, Home } from "lucide-react"; export default function HomePage() { return ( @@ -21,7 +21,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="mediumSmall" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="subtle-shadow" primaryButtonStyle="double-inset" secondaryButtonStyle="glass" @@ -39,9 +39,7 @@ export default function HomePage() { { name: "Contact", id: "/contact" }, ]} button={{ - text: "Get Free Estimate", - href: "/contact", - }} + text: "Get Free Estimate", href: "/contact"}} /> @@ -52,49 +50,32 @@ export default function HomePage() { tag="Premium Contractor" tagIcon={Shield} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "canvas-reveal" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1", - imageAlt: "Luxury roof installation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Luxury roof installation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", - imageAlt: "Before and after roofing work", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Before and after roofing work"}, { - imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1", - imageAlt: "Professional roof installation", - }, + 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 installation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg", - imageAlt: "Roof renovation comparison", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg", imageAlt: "Roof renovation comparison"}, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg?_wi=1", - imageAlt: "Expert roof repair", - }, + imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg", imageAlt: "Expert roof repair"}, { - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg?_wi=1", - imageAlt: "Complete roof replacement", - }, + imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", imageAlt: "Complete roof replacement"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg?_wi=1", - imageAlt: "General construction services", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg", imageAlt: "General construction services"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2", - imageAlt: "Quality construction work", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Quality construction work"}, ]} carouselPosition="right" buttons={[ { text: "Get Free Estimate", href: "/contact" }, { - text: "Call Now", - onClick: () => { + text: "Call Now", onClick: () => { window.location.href = "tel:+1234567890"; }, }, @@ -102,9 +83,7 @@ export default function HomePage() { buttonAnimation="slide-up" avatars={[ { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", - alt: "Tim Koch customer", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Tim Koch customer"}, ]} avatarText="Trusted by hundreds of homeowners" /> @@ -120,25 +99,21 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} imagePosition="right" - imageSrc="http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg" imageAlt="Professional roofing work" mediaAnimation="slide-up" bulletPoints={[ { - title: "Show up on time", - description: "Reliable scheduling you can depend on", + title: "Show up on time", description: "Reliable scheduling you can depend on", icon: Clock, }, { - title: "Do exceptional work", - description: "Premium quality craftsmanship on every project", + title: "Do exceptional work", description: "Premium quality craftsmanship on every project", icon: Hammer, }, { - title: "Give honest pricing", - description: "Fair estimates with no surprises or hidden fees", + title: "Give honest pricing", description: "Fair estimates with no surprises or hidden fees", icon: DollarSign, }, { - title: "Treat your home with respect", - description: "We protect your property as if it were our own", + title: "Treat your home with respect", description: "We protect your property as if it were our own", icon: Home, }, ]} buttons={[{ text: "Request Your Estimate", href: "/contact" }]} @@ -158,37 +133,13 @@ export default function HomePage() { animationType="slide-up" features={[ { - id: "1", - title: "Roofing Installation", - description: "Protect your home with professionally installed roofing built to withstand the elements and last for decades.", - tag: "Installation", - 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: "Roofing installation", - }, + id: "1", title: "Roofing Installation", description: "Protect your home with professionally installed roofing built to withstand the elements and last for decades.", tag: "Installation", 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: "Roofing installation"}, { - id: "2", - title: "Roof Repairs", - description: "Leaks, damaged shingles, and storm damage repaired quickly and correctly the first time.", - tag: "Repair", - imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg?_wi=2", - imageAlt: "Roof repair work", - }, + id: "2", title: "Roof Repairs", description: "Leaks, damaged shingles, and storm damage repaired quickly and correctly the first time.", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg", imageAlt: "Roof repair work"}, { - id: "3", - title: "Full Roof Replacement", - description: "When it's time for a new roof, we make the process smooth, transparent, and stress-free.", - tag: "Replacement", - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg?_wi=2", - imageAlt: "Roof replacement", - }, + id: "3", title: "Full Roof Replacement", description: "When it's time for a new roof, we make the process smooth, transparent, and stress-free.", tag: "Replacement", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", imageAlt: "Roof replacement"}, { - id: "4", - title: "General Construction", - description: "From structural work to exterior improvements, we bring craftsmanship and precision to every project.", - tag: "Construction", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg?_wi=2", - imageAlt: "General construction", - }, + id: "4", title: "General Construction", description: "From structural work to exterior improvements, we bring craftsmanship and precision to every project.", tag: "Construction", imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg", imageAlt: "General construction"}, ]} buttons={[{ text: "Get a Free Quote", href: "/contact" }]} buttonAnimation="slide-up" @@ -208,23 +159,14 @@ export default function HomePage() { animationType="slide-up" metrics={[ { - id: "1", - value: "Step 1", - description: - "Free Inspection - We assess your roof or project and provide an honest evaluation", - }, + id: "1", value: "Step 1", description: + "Free Inspection - We assess your roof or project and provide an honest evaluation"}, { - id: "2", - value: "Step 2", - description: - "Fair Estimate - No surprises. No inflated pricing. Just transparent quotes", - }, + id: "2", value: "Step 2", description: + "Fair Estimate - No surprises. No inflated pricing. Just transparent quotes"}, { - id: "3", - value: "Step 3", - description: - "Expert Work - Our team completes your project with precision and care", - }, + id: "3", value: "Step 3", description: + "Expert Work - Our team completes your project with precision and care"}, ]} /> @@ -236,9 +178,7 @@ export default function HomePage() { author="Tim Koch" avatars={[ { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", - alt: "Tim Koch", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Tim Koch"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -256,20 +196,11 @@ export default function HomePage() { animationType="slide-up" metrics={[ { - id: "1", - value: "30+", - description: "Years Average Roof Lifespan", - }, + id: "1", value: "30+", description: "Years Average Roof Lifespan"}, { - id: "2", - value: "100%", - description: "Fully Insured & Licensed", - }, + id: "2", value: "100%", description: "Fully Insured & Licensed"}, { - id: "3", - value: "98%", - description: "Customer Satisfaction Rate", - }, + id: "3", value: "98%", description: "Customer Satisfaction Rate"}, ]} /> @@ -287,41 +218,23 @@ export default function HomePage() { animationType="smooth" faqs={[ { - id: "1", - title: "What areas do you service?", - content: - "We provide roofing and construction services throughout the local community. Contact us to confirm service availability for your area.", - }, + id: "1", title: "What areas do you service?", content: + "We provide roofing and construction services throughout the local community. Contact us to confirm service availability for your area."}, { - id: "2", - title: "Do you offer free estimates?", - content: - "Yes! We provide free, no-obligation estimates for all roofing and construction projects. Our team will assess your project and provide transparent pricing.", - }, + id: "2", title: "Do you offer free estimates?", content: + "Yes! We provide free, no-obligation estimates for all roofing and construction projects. Our team will assess your project and provide transparent pricing."}, { - id: "3", - title: "Are you licensed and insured?", - content: - "Absolutely. We are fully licensed, insured, and bonded. Your protection and peace of mind are our top priorities.", - }, + id: "3", title: "Are you licensed and insured?", content: + "Absolutely. We are fully licensed, insured, and bonded. Your protection and peace of mind are our top priorities."}, { - id: "4", - title: "What warranty do you offer?", - content: - "We stand behind our work with comprehensive warranties on materials and labor. Details vary by project type—we'll explain everything during your estimate.", - }, + id: "4", title: "What warranty do you offer?", content: + "We stand behind our work with comprehensive warranties on materials and labor. Details vary by project type—we'll explain everything during your estimate."}, { - id: "5", - title: "How long does a typical project take?", - content: - "Project timelines vary based on scope and complexity. We'll provide a clear timeline during the estimate process and keep you updated throughout.", - }, + id: "5", title: "How long does a typical project take?", content: + "Project timelines vary based on scope and complexity. We'll provide a clear timeline during the estimate process and keep you updated throughout."}, { - id: "6", - title: "Do you handle emergency repairs?", - content: - "Yes, we offer emergency roofing repair services for storm damage and urgent issues. Contact us immediately for emergency assistance.", - }, + id: "6", title: "Do you handle emergency repairs?", content: + "Yes, we offer emergency roofing repair services for storm damage and urgent issues. Contact us immediately for emergency assistance."}, ]} /> @@ -331,32 +244,21 @@ export default function HomePage() { ctaTitle="Need Roofing or Construction Work?" ctaDescription="Don't wait until small problems become expensive repairs. Get a professional inspection and a fair estimate today." ctaButton={{ - text: "Get Free Estimate", - href: "/contact", - }} + text: "Get Free Estimate", href: "/contact"}} ctaIcon={Phone} useInvertedBackground={false} animationType="slide-up" accordionAnimationType="smooth" faqs={[ { - id: "1", - title: "How do I schedule an inspection?", - content: - "Simply contact us via phone or email, and we'll arrange a convenient time for a free inspection and estimate. No pressure, just honest advice.", - }, + id: "1", title: "How do I schedule an inspection?", content: + "Simply contact us via phone or email, and we'll arrange a convenient time for a free inspection and estimate. No pressure, just honest advice."}, { - id: "2", - title: "What should I expect during an inspection?", - content: - "Our team will thoroughly assess your roof or project, identify any issues, and discuss options and pricing. We'll answer all your questions.", - }, + id: "2", title: "What should I expect during an inspection?", content: + "Our team will thoroughly assess your roof or project, identify any issues, and discuss options and pricing. We'll answer all your questions."}, { - id: "3", - title: "Can you work with my insurance claim?", - content: - "Yes, we have experience working with insurance companies on claim documentation and can help facilitate the process.", - }, + id: "3", title: "Can you work with my insurance claim?", content: + "Yes, we have experience working with insurance companies on claim documentation and can help facilitate the process."}, ]} /> @@ -365,13 +267,9 @@ export default function HomePage() {