Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -32,23 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "#expertise",
|
||||
},
|
||||
name: "Expertise", id: "expertise"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CCM Builders"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Excavation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Excavation", href: "#services"},
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Roofing", href: "#services"},
|
||||
{
|
||||
label: "Renovations",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Renovations", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#services",
|
||||
},
|
||||
label: "About Us", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user