From 0dca9a5ae52534c5e22449c7cd929ec7bbe4eba8 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 6 May 2026 22:03:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 250 ++++++++++------------------------------------- 1 file changed, 54 insertions(+), 196 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 38e4a51..3793a07 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,23 +32,16 @@ export default function LandingPage() { @@ -58,68 +51,33 @@ export default function LandingPage() { description="CCM Builders & Excavation provides expert concrete, roofing, and excavation services. From drainage solutions to home additions, we handle your projects with professionalism and care." testimonials={[ { - name: "Greene Tent", - handle: "@greenetent", - testimonial: "Connor did an amazing job with our concrete pad and drainage. Super responsive and professional.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg?_wi=1", - imageAlt: "construction site excavation backhoe", - }, + name: "Greene Tent", handle: "@greenetent", testimonial: "Connor did an amazing job with our concrete pad and drainage. Super responsive and professional.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg", imageAlt: "construction site excavation backhoe"}, { - name: "Maryann Spalter", - handle: "@maryann", - testimonial: "I highly recommend CCM. They explained everything clearly and finished the work with excellence.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg?_wi=1", - imageAlt: "construction site excavation backhoe", - }, + name: "Maryann Spalter", handle: "@maryann", testimonial: "I highly recommend CCM. They explained everything clearly and finished the work with excellence.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg", imageAlt: "construction site excavation backhoe"}, { - name: "Shaun Connor", - handle: "@shaun", - testimonial: "They replaced our leaky roof promptly. Excellent communication and timing. Will use them again.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg?_wi=1", - imageAlt: "construction site excavation backhoe", - }, + name: "Shaun Connor", handle: "@shaun", testimonial: "They replaced our leaky roof promptly. Excellent communication and timing. Will use them again.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg", imageAlt: "construction site excavation backhoe"}, { - name: "John Doe", - handle: "@johndoe", - testimonial: "Professional and fair pricing. The best contracting company in the area.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", - imageAlt: "construction site excavation backhoe", - }, + name: "John Doe", handle: "@johndoe", testimonial: "Professional and fair pricing. The best contracting company in the area.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "construction site excavation backhoe"}, { - name: "Jane Smith", - handle: "@janesmith", - testimonial: "Excellent workmanship on our deck installation. Very happy with the results.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg", - imageAlt: "construction site excavation backhoe", - }, + name: "Jane Smith", handle: "@janesmith", testimonial: "Excellent workmanship on our deck installation. Very happy with the results.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg", imageAlt: "construction site excavation backhoe"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg" avatars={[ { - src: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg", - alt: "Excavator digging in the ground on day light", - }, + src: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg", alt: "Excavator digging in the ground on day light"}, { - src: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg", - alt: "Close up worker backhoe working in construction site", - }, + src: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg", alt: "Close up worker backhoe working in construction site"}, { - src: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194785.jpg", - alt: "Man using an excavator for digging on day light", - }, + src: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194785.jpg", alt: "Man using an excavator for digging on day light"}, { - src: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28094.jpg", - alt: "Male worker with bulldozer in sand quarry", - }, + src: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28094.jpg", alt: "Male worker with bulldozer in sand quarry"}, { - src: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg", - alt: "construction site excavation backhoe", - }, + src: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg", alt: "construction site excavation backhoe"}, ]} avatarText="Trusted by 500+ local homeowners" /> @@ -132,19 +90,13 @@ export default function LandingPage() { description="We specialize in a wide range of residential and commercial services. Our commitment to clear communication and fair pricing makes us the premier choice for your next renovation." metrics={[ { - value: "4.8", - title: "Star Rating", - }, + value: "4.8", title: "Star Rating"}, { - value: "58+", - title: "Reviews", - }, + value: "58+", title: "Reviews"}, { - value: "100%", - title: "Project Satisfaction", - }, + value: "100%", title: "Project Satisfaction"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg" mediaAnimation="slide-up" metricsAnimation="slide-up" /> @@ -157,28 +109,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Excavation & Drainage", - description: "Professional drainage management and site excavation for long-lasting foundations.", - bentoComponent: "reveal-icon", - icon: Zap, - imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg?_wi=2", - imageAlt: "concrete pad installation driveway", + title: "Excavation & Drainage", description: "Professional drainage management and site excavation for long-lasting foundations.", bentoComponent: "reveal-icon", icon: Zap }, { - title: "Roofing & Siding", - description: "High-quality repair and installation services to protect your home's integrity.", - bentoComponent: "reveal-icon", - icon: Shield, - imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307786.jpg?_wi=3", - imageAlt: "concrete pad installation driveway", + title: "Roofing & Siding", description: "High-quality repair and installation services to protect your home's integrity.", bentoComponent: "reveal-icon", icon: Shield }, { - title: "Concrete & Decks", - description: "Durable concrete pads and beautiful decks to elevate your property's value.", - bentoComponent: "reveal-icon", - icon: Award, - imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg?_wi=3", - imageAlt: "concrete pad installation driveway", + title: "Concrete & Decks", description: "Durable concrete pads and beautiful decks to elevate your property's value.", bentoComponent: "reveal-icon", icon: Award }, ]} title="Expert Solutions for Every Project" @@ -193,34 +130,16 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "Responsive", - title: "Clear Communication", - items: [ - "Easy to reach", - "Daily updates", - "Project transparency", - ], + id: "m1", value: "Responsive", title: "Clear Communication", items: [ + "Easy to reach", "Daily updates", "Project transparency"], }, { - id: "m2", - value: "Efficient", - title: "Timely Delivery", - items: [ - "Strict timelines", - "Prompt arrivals", - "Priority focus", - ], + id: "m2", value: "Efficient", title: "Timely Delivery", items: [ + "Strict timelines", "Prompt arrivals", "Priority focus"], }, { - id: "m3", - value: "Fair", - title: "Transparent Pricing", - items: [ - "Detailed estimates", - "No hidden costs", - "Budget conscious", - ], + id: "m3", value: "Fair", title: "Transparent Pricing", items: [ + "Detailed estimates", "No hidden costs", "Budget conscious"], }, ]} title="Why Choose CCM Builders?" @@ -234,45 +153,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - title: "Shop Concrete Pad", - quote: "Connor did an amazing job with our concrete pad and drainage work.", - name: "Greene Tent", - role: "Client", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg", - }, + id: "t1", title: "Shop Concrete Pad", quote: "Connor did an amazing job with our concrete pad and drainage work.", name: "Greene Tent", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg"}, { - id: "t2", - title: "Heating Replacement", - quote: "They were prepared, arrived on time, and were very professional and safe.", - name: "Maryann Spalter", - role: "Client", - imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825928.jpg", - }, + id: "t2", title: "Heating Replacement", quote: "They were prepared, arrived on time, and were very professional and safe.", name: "Maryann Spalter", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825928.jpg"}, { - id: "t3", - title: "Roofing Repair", - quote: "Excellent communication and timing. Connor and his team more than delivered.", - name: "Shaun Connor", - role: "Client", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-two-architect-working-together-construction-site_23-2148203939.jpg", - }, + id: "t3", title: "Roofing Repair", quote: "Excellent communication and timing. Connor and his team more than delivered.", name: "Shaun Connor", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-two-architect-working-together-construction-site_23-2148203939.jpg"}, { - id: "t4", - title: "General Renovation", - quote: "Professional, easy to work with, and definitely fair pricing.", - name: "John Doe", - role: "Client", - imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg", - }, + id: "t4", title: "General Renovation", quote: "Professional, easy to work with, and definitely fair pricing.", name: "John Doe", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg"}, { - id: "t5", - title: "Deck Construction", - quote: "The results were excellent. Looking forward to our next project together.", - name: "Jane Smith", - role: "Client", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg", - }, + id: "t5", title: "Deck Construction", quote: "The results were excellent. Looking forward to our next project together.", name: "Jane Smith", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg"}, ]} title="What Our Clients Say" description="See why our neighbors trust us with their biggest home improvement projects." @@ -285,25 +174,16 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "How do I get an estimate?", - content: "Contact us to schedule a site visit, and we will provide a detailed, written estimate for your project.", - }, + id: "q1", title: "How do I get an estimate?", content: "Contact us to schedule a site visit, and we will provide a detailed, written estimate for your project."}, { - id: "q2", - title: "What areas do you serve?", - content: "We proudly serve Acra, NY, and the surrounding regions with excavation, roofing, and renovation services.", - }, + id: "q2", title: "What areas do you serve?", content: "We proudly serve Acra, NY, and the surrounding regions with excavation, roofing, and renovation services."}, { - id: "q3", - title: "Are you insured?", - content: "Yes, we are a professional contractor and carry full insurance for all our construction and excavation work.", - }, + id: "q3", title: "Are you insured?", content: "Yes, we are a professional contractor and carry full insurance for all our construction and excavation work."}, ]} title="Frequently Asked Questions" description="Answers to common questions about our construction process and services." faqsAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg?_wi=4" + imageSrc="http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg" /> @@ -314,22 +194,14 @@ export default function LandingPage() { description="Ready to improve your home? Send us a message or give us a call to discuss your upcoming project." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your project", - required: true, + name: "message", placeholder: "Tell us about your project", required: true, }} imageSrc="http://img.b2bpic.net/free-photo/taking-notes_1098-18190.jpg" /> @@ -339,37 +211,23 @@ export default function LandingPage() {