\n {CTA.subheading}\n
\n\n {CONTACT.subheading}\n
\n{formatPhoneNumber(PROFESSIONAL_PHONE)}
\n\n {CONTACT.phoneAvailability}\n
\nService Area
\n{PROFESSIONAL_ADDRESS}
\n\n {faq.answer}\n
\n\n {PROFESSIONAL_NAME}\n
\n\n\n {HERO.subheadline}\n
\n\n\n {HOW_IT_WORKS.subheading}\n
\n{step.description}
\n\n Don't just take our word for it — hear from our satisfied customers\n
\n\n Pick a time that works for you and we'll take care of the rest\n
\n\n {SERVICES.subheading}\n
\n\n {service.description}\n
\n\n \n {formatNumber(displayCount)}{suffix}\n {\" \"}\n {label} {businessName}\n
\n \n );\n}\n","language":"tsx","lineCount":156,"type":"component"},{"path":"src/components/templates/trades/content/about.tsx","code":"/**\n * About page content for the trades template.\n *\n * This page is currently a PagePlaceholder — the coding agent will build it out\n * and add content constants here (hero text, team bios, stats, CTA copy, etc.).\n */\n","language":"tsx","lineCount":7,"type":"component"},{"path":"src/components/templates/trades/content/home.tsx","code":"/**\n * Home page content for the trades template.\n * All editable text content is centralized here for click-to-edit functionality.\n */\n\nimport {\n PROFESSIONAL_IMAGES,\n PROFESSIONAL_TAGLINE,\n PROFESSIONAL_SERVICES,\n type ProfessionalImage,\n} from \"@/professionalConstants\";\n\n// =============================================================================\n// Navigation\n// TODO(CODING_AGENT): Populate the logo with the most appropriate image\n// =============================================================================\n\nexport const NAVIGATION = {\n logo: PROFESSIONAL_IMAGES[0] as ProfessionalImage,\n};\n\n// =============================================================================\n// Hero Section\n// TODO(CODING_AGENT): Update hero content for this business\n// =============================================================================\n\nexport const HERO = {\n headline: \"Need Fast, Reliable Service Today?\",\n subheadline: `${PROFESSIONAL_TAGLINE}. We show up on time and get the job done right.`,\n ctaText: \"Get Free Estimate\",\n trustBadge: \"Licensed • Insured • Same-Day\",\n socialProof: {\n count: 10500,\n label: \"Homeowners who have trusted\",\n },\n image: PROFESSIONAL_IMAGES[0] as ProfessionalImage,\n};\n\n// =============================================================================\n// Services Section\n// TODO(CODING_AGENT): Update services content for this business\n// =============================================================================\n\nexport const SERVICES = {\n label: \"What We Do\",\n heading: \"Our Services\",\n subheading: \"Professional service for all your needs — done right the first time\",\n ctaText: \"Get Quote\",\n items: [\n { name: PROFESSIONAL_SERVICES[0]?.name ?? \"Consultation\", description: PROFESSIONAL_SERVICES[0]?.description ?? \"Expert advice tailored to your needs\" },\n { name: PROFESSIONAL_SERVICES[1]?.name ?? \"Full Service\", description: PROFESSIONAL_SERVICES[1]?.description ?? \"End-to-end professional solutions\" },\n { name: PROFESSIONAL_SERVICES[2]?.name ?? \"Support\", description: PROFESSIONAL_SERVICES[2]?.description ?? \"Dedicated customer support\" },\n ],\n};\n\n// =============================================================================\n// Trust Banner Section\n// TODO(CODING_AGENT): Update trust banner content for this business\n// =============================================================================\n\nexport const TRUST_BANNER = {\n items: [\n { label: \"Licensed & Insured\" },\n { label: \"Same-Day Service\" },\n { label: \"Free Estimates\" },\n { label: \"Satisfaction Guaranteed\" },\n ],\n};\n\n// =============================================================================\n// How It Works Section\n// TODO(CODING_AGENT): Update how it works content for this business\n// =============================================================================\n\nexport const HOW_IT_WORKS = {\n label: \"Simple Process\",\n heading: \"How It Works\",\n subheading: \"Getting the help you need is easy. Here's what to expect.\",\n steps: [\n {\n number: \"1\",\n title: \"Call or Request Online\",\n description: \"Contact us 24/7 by phone or fill out our quick form for a free estimate.\",\n },\n {\n number: \"2\",\n title: \"We Assess the Job\",\n description: \"Our expert technician arrives on time and provides an upfront quote.\",\n },\n {\n number: \"3\",\n title: \"We Get It Done\",\n description: \"Professional work completed right the first time, no mess left behind.\",\n },\n {\n number: \"4\",\n title: \"100% Satisfaction\",\n description: \"We stand behind our work. Not happy? We'll make it right.\",\n },\n ],\n};\n\n// =============================================================================\n// Stats Section\n// TODO(CODING_AGENT): Update stats content for this business\n// =============================================================================\n\nexport const STATS = {\n items: [\n { value: \"25+\", label: \"Years Experience\" },\n { value: \"10K+\", label: \"Jobs Completed\" },\n { value: \"4.9\", label: \"Star Rating\" },\n { value: \"24/7\", label: \"Emergency Service\" },\n ],\n};\n\n// =============================================================================\n// FAQ Section\n// TODO(CODING_AGENT): Update faq content for this business\n// =============================================================================\n\nexport const FAQ = {\n label: \"FAQ\",\n heading: \"Common Questions\",\n items: [\n {\n question: \"Do you offer free estimates?\",\n answer: \"Yes! We provide free, no-obligation estimates for all our services. We'll assess your needs and give you an upfront, transparent quote before any work begins.\",\n },\n {\n question: \"Are you licensed and insured?\",\n answer: \"Absolutely. We are fully licensed, bonded, and insured. Our team consists of certified professionals who undergo regular training to stay current with industry standards.\",\n },\n {\n question: \"Do you offer emergency services?\",\n answer: \"Yes, we offer 24/7 emergency services. When you have an urgent issue, call us anytime and we'll dispatch a technician as quickly as possible.\",\n },\n {\n question: \"What areas do you serve?\",\n answer: \"We proudly serve the local community and surrounding areas. Contact us to confirm we cover your location — we're happy to discuss your specific needs.\",\n },\n {\n question: \"What payment methods do you accept?\",\n answer: \"We accept all major credit cards, checks, and cash. We also offer flexible financing options for larger projects to help make your investment more manageable.\",\n },\n ],\n};\n\n// =============================================================================\n// CTA Section\n// TODO(CODING_AGENT): Update cta content for this business\n// =============================================================================\n\nexport const CTA = {\n heading: \"Ready to Get Started?\",\n subheading: \"Call now for same-day service or request your free estimate online\",\n secondaryButtonText: \"Request Free Estimate\",\n};\n\n// =============================================================================\n// Contact Section\n// TODO(CODING_AGENT): Update contact content for this business\n// =============================================================================\n\nexport const CONTACT = {\n label: \"Get In Touch\",\n heading: \"Get Your Free Estimate\",\n subheading: \"Contact us today — we respond within 1 hour. No job is too big or too small.\",\n phoneAvailability: \"Available 24/7 for emergencies\",\n};\n","language":"tsx","lineCount":171,"type":"component"},{"path":"src/components/templates/trades/index.ts","code":"export { default as StatsBar } from \"./StatsBar\";\nexport { default as GradientText } from \"./GradientText\";\nexport { default as ScrollReveal } from \"./ScrollReveal\";\nexport { default as ReflexCard } from \"./ReflexCard\";\nexport { default as GooeyButton } from \"./GooeyButton\";\nexport { default as TrustedBy } from \"./TrustedBy\";\n","language":"ts","lineCount":7,"type":"component"},{"path":"src/components/LeadForm.tsx","code":"\"use client\";\n\nimport React, { useState } from \"react\";\n\ninterface LeadFormProps {\n className?: string;\n}\n\nexport default function LeadForm({ className = \"\" }: LeadFormProps) {\n const [formData, setFormData] = useState({\n name: \"\",\n email: \"\",\n phone: \"\",\n message: \"\",\n });\n const [submitted, setSubmitted] = useState(false);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setSubmitted(true);\n };\n\n const handleChange = (\n e: React.ChangeEvent\n {\"We've received your request and will be in touch soon.\"}\n
\n\n {\"Fill out the form and we'll get back to you within 24 hours\"}\n
\n\n {`\"${review.text}\"`}\n
\n{review.name}
\n{review.date}
\n\n {dateLabel} at {selectedTime}\n
\n\n A confirmation email has been sent.\n
\n{dateLabel}
\n{selectedTime}
\n\n Available times for {MONTHS[month]} {selectedDay}\n
\n