---
layout: base.html
title: CooperBuild | NYC & South Florida Premium Construction Services
metaDescription: CooperBuild delivers high-quality construction and renovation services in NYC and South Florida. Specializing in residential, commercial, and gallery projects with exceptional craftsmanship and clear communication.
metaKeywords: construction NYC, South Florida construction, luxury renovation, general contractor, gallery construction, residential renovation, commercial construction, CooperBuild
ogImage: /images/projects/manhattan-loft/main.webp
---
<!-- Schema.org Markup for Local Business -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "GeneralContractor",
  "name": "CooperBuild",
  "image": "/images/cooperbuild-logo.webp",
  "url": "https://cooperbuild.com",
  "telephone": "+1-212-555-1234",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 Construction Ave",
    "addressLocality": "New York",
    "addressRegion": "NY",
    "postalCode": "10001",
    "addressCountry": "US"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 40.7128,
    "longitude": -74.0060
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday"
    ],
    "opens": "09:00",
    "closes": "17:00"
  },
  "sameAs": [
    "https://www.facebook.com/cooperbuild",
    "https://www.instagram.com/cooperbuild",
    "https://www.linkedin.com/company/cooperbuild"
  ],
  "priceRange": "$$$",
  "servesCuisine": "Construction Services",
  "areaServed": ["New York City", "South Florida"],
  "description": "CooperBuild delivers high-quality construction and renovation services in NYC and South Florida, specializing in residential, commercial, and gallery projects with exceptional craftsmanship and clear communication.",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5",
    "reviewCount": "13"
  }
}
</script>

<!-- Hero Section -->
<section class="bg-white section-padding">
    <div class="container-custom text-center">
        <h1 class="text-center text-4xl font-medium mb-6 text-gray-900">NYC & South Florida Construction, Simplified</h1>
        <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto text-gray-800">
            Smarter systems. Better tools. Full accountability.<br>
            We’re working to make construction faster, clearer, and less chaotic—one beautiful project at a time.
        </p>
        <div class="flex flex-wrap justify-center gap-4">
            <a href="/projects/" class="tag tag-neutral">View Our Work</a>
            <a href="/contact/?source=homepage" class="tag tag-primary">Start a Project</a>
        </div>
    </div>
</section>

<!-- What We Do Section -->
<section class="section-padding bg-gray-50">
    <div class="container-custom text-center">
        <div class="max-w-2xl mx-auto">
            <h2 class="mb-6 text-gray-900">What We Do</h2>
            <p class="text-gray-800 mb-8">
                We’re a general contractor and construction manager operating across New York and South Florida.
Our goal is simple: to bring structure and clarity to every job—so work runs cleaner, decisions move faster, and the spaces we deliver are as beautiful as they are built to last.
            </p>
            <a href="/services/" class="tag tag-neutral">
                View All Services <span class="ml-1">→</span>
            </a>
        </div>
    </div>
</section>

<!-- Why CooperBuild Section -->
<section class="section-padding">
    <div class="container-custom">
        <h2 class="text-center mb-12 text-gray-900">Why CooperBuild</h2>
        
        <!-- Cards Grid -->
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-8 mb-12">
            <!-- Card 1 -->
            <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200">
                <h3 class="font-medium text-lg mb-3 text-gray-900">Clarity Over Chaos</h3>
                <p class="text-gray-800 text-sm">Clear scopes. Tight coordination. Fewer surprises.</p>
            </div>
            <!-- Card 2 -->
            <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200">
                <h3 class="font-medium text-lg mb-3 text-gray-900">Building Better Systems</h3>
                <p class="text-gray-800 text-sm">We don’t have every process optimized—but we’re improving them with every job.</p>
            </div>
            <!-- Card 3 -->
            <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200">
                <h3 class="font-medium text-lg mb-3 text-gray-900">Own the Outcome</h3>
                <p class="text-gray-800 text-sm">No excuses. No finger-pointing. Just clean execution.</p>
            </div>
            <!-- Card 4 -->
            <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200">
                <h3 class="font-medium text-lg mb-3 text-gray-900">Built to Last—and to Look Good</h3>
                <p class="text-gray-800 text-sm">We care about the finish, the detail, and the feel of the space—because beauty matters, too.</p>
            </div>
            <!-- Card 5 -->
            <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200">
                <h3 class="font-medium text-lg mb-3 text-gray-900">Low Ego, High Standards</h3>
                <p class="text-gray-800 text-sm">Construction is a team sport. We respect the trades, the drawings, and each other.</p>
            </div>
        </div>
        
        <!-- Centered CTA -->
        <div class="text-center">
            <a href="/about/" class="tag tag-neutral">
                Learn How We Work <span class="ml-1">→</span>
            </a>
        </div>
    </div>
</section>

<!-- Featured Projects Section -->
<section class="section-padding bg-gray-50">
    <div class="container-custom">
        <h2 class="text-center mb-12 text-gray-900">Featured Projects</h2>
        
        <!-- Projects Grid -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <!-- Project 1: Soho Loft (formerly Manhattan Loft) -->
            <div class="bg-white rounded-lg shadow-md overflow-hidden">
                <img src="/images/projects/manhattan-loft/main.webp" alt="Soho Loft Project" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="font-medium text-lg mb-2 text-gray-900">Soho Loft</h3>
                    <p class="text-gray-800 text-sm mb-4">High-End Residential Renovation</p>
                    <a href="/projects/manhattan-loft/" class="tag tag-neutral">View Project <span class="ml-1">→</span></a>
                </div>
            </div>

            <!-- Project 2: Southampton Residence -->
            <div class="bg-white rounded-lg shadow-md overflow-hidden">
                <img src="/images/projects/southampton-residence/main.webp" alt="Southampton Residence Project" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="font-medium text-lg mb-2 text-gray-900">Southampton Residence</h3>
                    <p class="text-gray-800 text-sm mb-4">Luxury Home Construction</p>
                    <a href="/projects/southampton-residence/" class="tag tag-neutral">View Project <span class="ml-1">→</span></a>
                </div>
            </div>

            <!-- Project 3: Waverly Townhouse -->
            <div class="bg-white rounded-lg shadow-md overflow-hidden">
                <img src="/images/projects/waverly-townhouse/main.webp" alt="Waverly Townhouse Project" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="font-medium text-lg mb-2 text-gray-900">Waverly Townhouse</h3>
                    <p class="text-gray-800 text-sm mb-4">Historic Brownstone Renovation</p>
                    <a href="/projects/waverly-townhouse/" class="tag tag-neutral">View Project <span class="ml-1">→</span></a>
                </div>
            </div>
        </div>
        
        <!-- Right-aligned CTA -->
        <div class="text-right">
            <a href="/projects/" class="tag tag-neutral">
                View All Projects <span class="ml-1">→</span>
            </a>
        </div>
    </div>
</section>

<!-- Services Overview -->
<section class="section-padding">
    <div class="container-custom">
        <h2 class="text-center mb-12 text-gray-900">Our Construction Services in NYC & South Florida</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div class="card hover:transform hover:scale-105">
                <img src="/images/services/preconstruction/Pre-Construction-Consultancy-2.webp" alt="Preconstruction" class="w-full h-48 object-cover">
                <div class="card-body">
                    <h3 class="card-title text-gray-900">Preconstruction</h3>
                    <p class="mb-4 text-gray-800">Planning and preparation for successful project execution.</p>
                    <a href="/contact/?source=preconstruction" class="tag tag-primary">Contact Us</a>
                </div>
            </div>
            <div class="card hover:transform hover:scale-105">
                <img src="/images/services/general-contracting/featured/General-Contracting-1.webp" alt="General Contracting" class="w-full h-48 object-cover">
                <div class="card-body">
                    <h3 class="card-title text-gray-900">General Contracting</h3>
                    <p class="mb-4 text-gray-800">Full-service construction management and execution.</p>
                    <a href="/contact/?source=general-contracting" class="tag tag-primary">Contact Us</a>
                </div>
            </div>
            <div class="service-card group overflow-hidden rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 flex flex-col">
                <div class="block aspect-w-16 aspect-h-10 overflow-hidden">
                  <img src="/images/services/custom-millwork/custom-cabinetry-storage/custom-cabinetry-01.jpg" alt="Custom Millwork" class="w-full h-48 object-cover">
                  <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300">
                    <span class="text-white font-medium text-lg">View Service</span>
                  </div>
                </div>
                <div class="p-4">
                  <h3 class="font-medium text-lg mb-1 text-gray-900">Custom Millwork</h3>
                  <p class="text-gray-800 text-sm mb-2">Specialized woodworking for unique interior elements.</p>
                  <a href="/services/custom-millwork/" class="text-blue-600 text-sm font-medium flex items-center">
                    Learn More
                    <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                  </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Client Reviews Section -->
<section class="section-padding bg-gray-50">
    <div class="container-custom">
        <h2 class="text-center mb-10 text-gray-900">Our Clients & Their Feedback</h2>
        
        <!-- Client Logos - Elegant Strip -->
        <div class="mb-12">
            <div id="client-logos" class="flex flex-wrap justify-center items-center gap-x-10 gap-y-6">
                <img src="/images/clients/Studio-MDA.webp" alt="Studio MDA" class="h-16 w-auto max-w-[160px] object-contain opacity-75 hover:opacity-100 transition-opacity duration-300 filter grayscale hover:grayscale-0 rotate-0 transition-transform duration-1000">
                <img src="/images/clients/BBA.webp" alt="BBA" class="h-16 w-auto max-w-[160px] object-contain opacity-75 hover:opacity-100 transition-opacity duration-300 filter grayscale hover:grayscale-0 rotate-0 transition-transform duration-1000">
                <img src="/images/clients/Maggie-Richmond-Design.webp" alt="Maggie Richmond Design" class="h-16 w-auto max-w-[160px] object-contain opacity-75 hover:opacity-100 transition-opacity duration-300 filter grayscale hover:grayscale-0 rotate-0 transition-transform duration-1000">
                <img src="/images/clients/Studio-Lang-New-York.webp" alt="Studio Lang New York" class="h-16 w-auto max-w-[160px] object-contain opacity-75 hover:opacity-100 transition-opacity duration-300 filter grayscale hover:grayscale-0 rotate-0 transition-transform duration-1000">
                <img src="/images/clients/tina-rich.webp" alt="Tina Rich" class="h-16 w-auto max-w-[160px] object-contain opacity-75 hover:opacity-100 transition-opacity duration-300 filter grayscale hover:grayscale-0 rotate-0 transition-transform duration-1000">
                <img src="/images/clients/MCA.webp" alt="MCA" class="h-16 w-auto max-w-[160px] object-contain opacity-75 hover:opacity-100 transition-opacity duration-300 filter grayscale hover:grayscale-0 rotate-0 transition-transform duration-1000">
            </div>
        </div>
        
        <!-- Placeholder for Google Reviews -->
        <div id="google-reviews-section">
            <!-- Reviews will be loaded here by google-reviews.js -->
            <!-- Optional: Add a simple loading indicator -->
            <div id="google-reviews-loading" class="text-center text-gray-500 py-8">Loading reviews...</div>
        </div>

        <div class="text-center mt-8"> 
            <a href="https://search.google.com/local/writereview?placeid=ChIJ9wdTzolZwokRpLCey-h1hnw" target="_blank" rel="noopener noreferrer" class="btn-secondary inline-flex items-center">
                <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/>
                </svg>
                Leave a Review
            </a>
            <a href="https://maps.app.goo.gl/7qjXuS4T9rjX8YyK9" target="_blank" rel="noopener noreferrer" class="btn-outline ml-4 inline-flex items-center">
                <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
                </svg>
                View on Google Maps
            </a>
        </div>
    </div>
</section>

<script>
    const clientLogos = document.getElementById('client-logos');
    const logos = clientLogos.children;

    // Shuffle logos array
    const shuffledLogos = Array.from(logos).sort(() => Math.random() - 0.5);

    // Append shuffled logos to clientLogos container
    clientLogos.innerHTML = '';
    shuffledLogos.forEach((logo, index) => {
        clientLogos.appendChild(logo);
    });

    // Carousel effect
    let currentLogo = 0;
    setInterval(() => {
        const logosArray = Array.from(logos);
        logosArray.forEach((logo, index) => {
            if (index === currentLogo) {
                logo.style.opacity = 1;
            } else {
                logo.style.opacity = 0.5;
            }
        });
        currentLogo = (currentLogo + 1) % logosArray.length;
    }, 3000);
</script>

<script src="/js/google-reviews.js"></script>