<meta name="description" content="Randall Brown Construction — professional general contracting in Dewy Rose, GA. Residential & commercial remodeling, additions, and custom builds. Call (706) 988-9189."> <meta property="og:title" content="Randall Brown Construction | Trusted General Contractor in Dewy Rose, GA"> <meta property="og:description" content="Professional general contracting. Residential & commercial remodeling, additions, and custom builds in Dewy Rose, GA."> <meta property="og:type" content="website"> <meta property="og:url" content="https://randall-brown-construction.amp.pr/"> <meta property="og:image" content="https://images.pexels.com/photos/36766689/pexels-photo-36766689.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=1200&h=630"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { burgundy: { 50: '#fdf2f2', 100: '#fce7e7', 200: '#f9cfcf', 300: '#f3a5a5', 400: '#e97070', 500: '#dc4c4c', 600: '#be2e2e', 700: '#9b2222', 800: '#821f1f', 900: '#6e1c1c', 950: '#3d0a0a', }, blush: { 50: '#fff5f5', 100: '#ffebeb', 200: '#ffd4d4', 300: '#ffb8b8', 400: '#ff9494', 500: '#ff6b6b', 600: '#f05252', 700: '#d93030', 800: '#b91c1c', 900: '#991b1b', }, neutral: { 850: '#1f2937', 900: '#111827', 950: '#0b0f1a', } }, fontFamily: { display: ['Playfair Display', 'Georgia', 'serif'], body: ['Inter', 'system-ui', 'sans-serif'], } } } } </script> <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%23821f1f'/%3E%3Cpath d='M6 24V10h4v14H6zm8-14h4v14h-4V10zm8 5h4v9h-4V15z' fill='white'/%3E%3C/svg%3E"> <style> *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', system-ui, sans-serif; } .hero-bg { background-image: url('https://images.pexels.com/photos/36766691/pexels-photo-36766691.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=1920&h=1080'); background-size: cover; background-position: center; } .hero-overlay { background: linear-gradient(135deg, rgba(61,10,10,0.92) 0%, rgba(130,31,31,0.85) 50%, rgba(190,46,46,0.78) 100%); } .service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; } .service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(130,31,31,0.15); } .stat-card { background: linear-gradient(135deg, #821f1f 0%, #be2e2e 100%); } .cta-gradient { background: linear-gradient(135deg, #3d0a0a 0%, #821f1f 60%, #be2e2e 100%); } .nav-scrolled { background: rgba(61,10,10,0.97) !important; backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0,0,0,0.3); } .mobile-menu { transform: translateX(100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .mobile-menu.open { transform: translateX(0); } .btn-primary { background: linear-gradient(135deg, #821f1f 0%, #be2e2e 100%); transition: all 0.3s ease; position: relative; overflow: hidden; } .btn-primary::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #9b2222 0%, #dc4c4c 100%); opacity: 0; transition: opacity 0.3s ease; } .btn-primary:hover::before { opacity: 1; } .btn-primary span { position: relative; z-index: 1; } .btn-outline-light { border: 2px solid rgba(255,255,255,0.8); transition: all 0.3s ease; } .btn-outline-light:hover { background: white; color: #821f1f; border-color: white; } .reveal { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: no-preference) { .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } } .accent-line { width: 60px; height: 4px; background: linear-gradient(90deg, #821f1f, #dc4c4c); border-radius: 2px; } .project-card img { transition: transform 0.5s ease; } .project-card:hover img { transform: scale(1.05); } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #1f2937; } ::-webkit-scrollbar-thumb { background: #821f1f; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #be2e2e; } </style> </head> <body class="bg-white text-neutral-900 font-body antialiased">  <header id="navbar" class="fixed top-0 left-0 right-0 z-50 bg-transparent transition-all duration-300"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex items-center justify-between h-20"> <a href="#hero" class="flex items-center gap-3 group"> <div class="w-10 h-10 bg-burgundy-700 rounded-lg flex items-center justify-center group-hover:bg-burgundy-600 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M3 21h18"/> <path d="M5 21V7l8-4v18"/> <path d="M19 21V11l-6-4"/> <path d="M9 9v.01"/> <path d="M9 12v.01"/> <path d="M9 15v.01"/> <path d="M9 18v.01"/> </svg> </div> <div> <span class="text-white font-display font-bold text-lg leading-tight block">Randall Brown</span> <span class="text-blush-200 text-xs tracking-widest uppercase">Construction</span> </div> </a> <div class="hidden md:flex items-center gap-8"> <a href="#services" class="text-white/80 hover:text-white text-sm font-medium transition-colors">Services</a> <a href="#about" class="text-white/80 hover:text-white text-sm font-medium transition-colors">About</a> <a href="#projects" class="text-white/80 hover:text-white text-sm font-medium transition-colors">Projects</a> <a href="#testimonials" class="text-white/80 hover:text-white text-sm font-medium transition-colors">Testimonials</a> <a href="#contact" class="btn-primary px-5 py-2.5 rounded-lg text-white text-sm font-semibold"> <span>Get a Free Estimate</span> </a> </div> <button id="mobile-toggle" class="md:hidden text-white p-2" aria-label="Toggle menu"> <svg id="menu-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="3" y1="6" x2="21" y2="6"/> <line x1="3" y1="12" x2="21" y2="12"/> <line x1="3" y1="18" x2="21" y2="18"/> </svg> <svg id="close-icon" class="hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18"/> <line x1="6" y1="6" x2="18" y2="18"/> </svg> </button> </div> </nav>  <div id="mobile-menu" class="mobile-menu fixed top-0 right-0 h-full w-72 bg-neutral-950 shadow-2xl z-50 md:hidden"> <div class="p-6"> <button id="mobile-close" class="text-white/60 hover:text-white mb-8" aria-label="Close menu"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18"/> <line x1="6" y1="6" x2="18" y2="18"/> </svg> </button> <div class="flex flex-col gap-4"> <a href="#services" class="mobile-link text-white/80 hover:text-white text-base font-medium transition-colors py-2">Services</a> <a href="#about" class="mobile-link text-white/80 hover:text-white text-base font-medium transition-colors py-2">About</a> <a href="#projects" class="mobile-link text-white/80 hover:text-white text-base font-medium transition-colors py-2">Projects</a> <a href="#testimonials" class="mobile-link text-white/80 hover:text-white text-base font-medium transition-colors py-2">Testimonials</a> <div class="pt-4 border-t border-white/10"> <a href="tel:+17069889189" class="flex items-center gap-2 text-blush-300 hover:text-blush-200 py-2 font-semibold"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.41-4.41 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/> </svg> (706) 988-9189 </a> <a href="#contact" class="btn-primary mt-4 px-5 py-3 rounded-lg text-white text-sm font-semibold block text-center"> <span>Get a Free Estimate</span> </a> </div> </div> </div> </div> <div id="mobile-overlay" class="fixed inset-0 bg-black/50 z-40 hidden md:hidden"></div> </header>  <section id="hero" class="hero-bg relative min-h-screen flex items-center"> <div class="hero-overlay absolute inset-0"></div> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-32 lg:py-0 w-full"> <div class="max-w-2xl"> <div class="inline-flex items-center gap-2 bg-white/10 backdrop-blur-sm border border-white/20 rounded-full px-4 py-2 mb-8"> <span class="w-2 h-2 bg-blush-400 rounded-full animate-pulse"></span> <span class="text-blush-100 text-sm font-medium">Serving Dewy Rose & Surrounding Communities</span> </div> <h1 class="font-display text-4xl sm:text-5xl lg:text-6xl font-bold text-white leading-tight mb-6"> We Build What You<br> <span class="text-blush-300">Envision</span> — With<br> <span class="text-blush-200">Integrity</span> </h1> <p class="text-white/80 text-lg sm:text-xl leading-relaxed mb-10 max-w-lg"> From kitchen remodels to full commercial builds, Randall Brown Construction delivers craftsmanship you can trust and timelines you can count on. </p> <div class="flex flex-col sm:flex-row gap-4"> <a href="#contact" class="btn-primary px-8 py-4 rounded-lg text-white font-bold text-center"> <span class="flex items-center justify-center gap-2"> Get Your Free Estimate <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </span> </a> <a href="tel:+17069889189" class="btn-outline-light px-8 py-4 rounded-lg text-white font-bold text-center text-base"> (706) 988-9189 </a> </div> </div> </div>  <div class="absolute bottom-8 left-1/2 -translate-x-1/2 z-10"> <a href="#services" class="flex flex-col items-center gap-2 text-white/50 hover:text-white/80 transition-colors" aria-label="Scroll to services"> <span class="text-xs tracking-widest uppercase">Scroll</span> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"/> </svg> </a> </div> </section>  <section class="bg-neutral-950 py-12"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> <div class="text-center"> <div class="font-display text-3xl sm:text-4xl font-bold text-white mb-1">15+</div> <div class="text-white/50 text-sm">Years Experience</div> </div> <div class="text-center"> <div class="font-display text-3xl sm:text-4xl font-bold text-white mb-1">200+</div> <div class="text-white/50 text-sm">Projects Completed</div> </div> <div class="text-center"> <div class="font-display text-3xl sm:text-4xl font-bold text-white mb-1">100%</div> <div class="text-white/50 text-sm">Client Satisfaction</div> </div> <div class="text-center"> <div class="font-display text-3xl sm:text-4xl font-bold text-white mb-1">Licensed</div> <div class="text-white/50 text-sm">& Insured</div> </div> </div> </div> </section>  <section id="services" class="py-20 lg:py-28 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16 reveal"> <span class="text-burgundy-700 font-semibold text-sm tracking-widest uppercase">What We Do</span> <h2 class="font-display text-3xl sm:text-4xl lg:text-5xl font-bold text-neutral-900 mt-3 mb-5"> Comprehensive Construction Services </h2> <div class="accent-line mx-auto mb-6"></div> <p class="text-neutral-600 text-lg max-w-2xl mx-auto"> From concept to completion, we bring the expertise and attention to detail your project demands — every time. </p> </div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">  <div class="service-card bg-white rounded-2xl border border-neutral-100 p-8 reveal"> <div class="w-14 h-14 bg-burgundy-50 rounded-xl flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/> <polyline points="9 22 9 12 15 12 15 22"/> </svg> </div> <h3 class="font-display text-xl font-bold text-neutral-900 mb-3">Residential Remodeling</h3> <p class="text-neutral-600 leading-relaxed"> Kitchen and bath renovations, basement finishing, whole-home remodels — transformative projects that elevate your living space and increase your home's value. </p> </div>  <div class="service-card bg-white rounded-2xl border border-neutral-100 p-8 reveal"> <div class="w-14 h-14 bg-burgundy-50 rounded-xl flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <rect x="1" y="6" width="22" height="16" rx="2"/> <path d="M1 10h22"/> <path d="M6 6V2"/> <path d="M18 6V2"/> </svg> </div> <h3 class="font-display text-xl font-bold text-neutral-900 mb-3">Commercial Construction</h3> <p class="text-neutral-600 leading-relaxed"> Office buildouts, retail spaces, restaurants, and light industrial projects. We deliver on time and on budget so your business can open and operate without delay. </p> </div>  <div class="service-card bg-white rounded-2xl border border-neutral-100 p-8 reveal"> <div class="w-14 h-14 bg-burgundy-50 rounded-xl flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/> <path d="M3 21h18"/> <path d="M5 21V7l8-4v18"/> <path d="M19 21V11l-6-4"/> </svg> </div> <h3 class="font-display text-xl font-bold text-neutral-900 mb-3">Room Additions</h3> <p class="text-neutral-600 leading-relaxed"> Expand your home's footprint with seamless additions — extra bedrooms, home offices, sunrooms, or second-story additions that blend perfectly with your existing structure. </p> </div>  <div class="service-card bg-white rounded-2xl border border-neutral-100 p-8 reveal"> <div class="w-14 h-14 bg-burgundy-50 rounded-xl flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/> </svg> </div> <h3 class="font-display text-xl font-bold text-neutral-900 mb-3">Custom Builds</h3> <p class="text-neutral-600 leading-relaxed"> From ground-up custom homes to specialized structures, we work with your architect or design your vision from scratch — building it right the first time. </p> </div>  <div class="service-card bg-white rounded-2xl border border-neutral-100 p-8 reveal"> <div class="w-14 h-14 bg-burgundy-50 rounded-xl flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/> <line x1="8" y1="21" x2="16" y2="21"/> <line x1="12" y1="17" x2="12" y2="21"/> </svg> </div> <h3 class="font-display text-xl font-bold text-neutral-900 mb-3">Design & Planning</h3> <p class="text-neutral-600 leading-relaxed"> Our team guides you through permits, material selection, and design decisions — turning your ideas into a clear, executable plan before a single nail is driven. </p> </div>  <div class="service-card bg-white rounded-2xl border border-neutral-100 p-8 reveal"> <div class="w-14 h-14 bg-burgundy-50 rounded-xl flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/> <polyline points="12 6 12 12 16 14"/> </svg> </div> <h3 class="font-display text-xl font-bold text-neutral-900 mb-3">Renovations & Repairs</h3> <p class="text-neutral-600 leading-relaxed"> Structural repairs, roof replacements, foundation work, and historic renovations — we restore and reinforce with the same care we bring to new builds. </p> </div> </div> </div> </section>  <section id="about" class="py-20 lg:py-28 bg-neutral-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center"> <div class="reveal"> <span class="text-burgundy-700 font-semibold text-sm tracking-widest uppercase">About Us</span> <h2 class="font-display text-3xl sm:text-4xl font-bold text-neutral-900 mt-3 mb-6"> A Reputation Built on<br> <span class="text-burgundy-700">Hard Work & Honesty</span> </h2> <div class="accent-line mb-8"></div> <p class="text-neutral-600 text-lg leading-relaxed mb-6"> Randall Brown Construction has been a cornerstone of the Dewy Rose building community for over 15 years. What started as a one-man operation has grown into a trusted team known for showing up on time, communicating clearly, and finishing every job to spec — or we tear it out and redo it at our cost. </p> <p class="text-neutral-600 text-lg leading-relaxed mb-8"> We're not interested in cutting corners or inflating estimates. When you hire us, you get straightforward pricing, a project timeline you can rely on, and a foreman who treats your property like it's his own. That's the standard we set for ourselves — and the standard every client deserves. </p> <div class="grid sm:grid-cols-2 gap-4"> <div class="flex items-center gap-3"> <div class="w-6 h-6 bg-burgundy-100 rounded-full flex items-center justify-center flex-shrink-0"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="20 6 9 17 4 12"/> </svg> </div> <span class="text-neutral-700 font-medium text-sm">Licensed & Insured</span> </div> <div class="flex items-center gap-3"> <div class="w-6 h-6 bg-burgundy-100 rounded-full flex items-center justify-center flex-shrink-0"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="20 6 9 17 4 12"/> </svg> </div> <span class="text-neutral-700 font-medium text-sm">Free Detailed Estimates</span> </div> <div class="flex items-center gap-3"> <div class="w-6 h-6 bg-burgundy-100 rounded-full flex items-center justify-center flex-shrink-0"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="20 6 9 17 4 12"/> </svg> </div> <span class="text-neutral-700 font-medium text-sm">Local & Family-Owned</span> </div> <div class="flex items-center gap-3"> <div class="w-6 h-6 bg-burgundy-100 rounded-full flex items-center justify-center flex-shrink-0"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="20 6 9 17 4 12"/> </svg> </div> <span class="text-neutral-700 font-medium text-sm">Quality Guaranteed</span> </div> </div> </div> <div class="reveal relative"> <div class="rounded-2xl overflow-hidden shadow-2xl"> <img src="https://images.pexels.com/photos/39205197/pexels-photo-39205197.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Randall Brown Construction team working on a residential project" width="600" height="500" class="w-full h-auto object-cover"> </div> <div class="absolute -bottom-6 -left-6 stat-card rounded-2xl p-6 text-white shadow-xl hidden lg:block"> <div class="font-display text-4xl font-bold mb-1">15+</div> <div class="text-blush-200 text-sm font-medium">Years of Trusted Service</div> </div> </div> </div> </div> </section>  <section id="projects" class="py-20 lg:py-28 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16 reveal"> <span class="text-burgundy-700 font-semibold text-sm tracking-widest uppercase">Our Work</span> <h2 class="font-display text-3xl sm:text-4xl lg:text-5xl font-bold text-neutral-900 mt-3 mb-5"> Projects We're Proud Of </h2> <div class="accent-line mx-auto mb-6"></div> <p class="text-neutral-600 text-lg max-w-2xl mx-auto"> Every project is a promise kept. Here's a look at the quality work we deliver for our clients across the region. </p> </div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="project-card rounded-2xl overflow-hidden shadow-lg reveal"> <div class="aspect-[4/3] overflow-hidden"> <img src="https://images.pexels.com/photos/1181563/pexels-photo-1181563.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=450" alt="Complete kitchen remodel with modern finishes" width="600" height="450" class="w-full h-full object-cover"> </div> <div class="bg-white p-6 border border-neutral-100"> <span class="text-burgundy-700 text-xs font-semibold tracking-widest uppercase">Residential</span> <h3 class="font-display text-lg font-bold text-neutral-900 mt-2">Modern Kitchen Remodel</h3> <p class="text-neutral-500 text-sm mt-1">Full gut renovation with custom cabinetry and quartz countertops</p> </div> </div> <div class="project-card rounded-2xl overflow-hidden shadow-lg reveal"> <div class="aspect-[4/3] overflow-hidden"> <img src="https://images.pexels.com/photos/7433920/pexels-photo-7433920.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=450" alt="Commercial office buildout with open floor plan" width="600" height="450" class="w-full h-full object-cover"> </div> <div class="bg-white p-6 border border-neutral-100"> <span class="text-burgundy-700 text-xs font-semibold tracking-widest uppercase">Commercial</span> <h3 class="font-display text-lg font-bold text-neutral-900 mt-2">Office Buildout</h3> <p class="text-neutral-500 text-sm mt-1">Open-concept workspace with private offices and conference rooms</p> </div> </div> <div class="project-card rounded-2xl overflow-hidden shadow-lg reveal"> <div class="aspect-[4/3] overflow-hidden"> <img src="https://images.pexels.com/photos/39205102/pexels-photo-39205102.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=450" alt="Custom home addition with matching architecture" width="600" height="450" class="w-full h-full object-cover"> </div> <div class="bg-white p-6 border border-neutral-100"> <span class="text-burgundy-700 text-xs font-semibold tracking-widest uppercase">Addition</span> <h3 class="font-display text-lg font-bold text-neutral-900 mt-2">Master Suite Addition</h3> <p class="text-neutral-500 text-sm mt-1">Second-story addition seamlessly integrated with existing home</p> </div> </div> <div class="project-card rounded-2xl overflow-hidden shadow-lg reveal"> <div class="aspect-[4/3] overflow-hidden"> <img src="https://images.pexels.com/photos/7433829/pexels-photo-7433829.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=450" alt="Bathroom renovation with tile work and modern fixtures" width="600" height="450" class="w-full h-full object-cover"> </div> <div class="bg-white p-6 border border-neutral-100"> <span class="text-burgundy-700 text-xs font-semibold tracking-widest uppercase">Residential</span> <h3 class="font-display text-lg font-bold text-neutral-900 mt-2">Spa-Inspired Bathroom</h3> <p class="text-neutral-500 text-sm mt-1">Complete bath remodel with walk-in shower and heated floors</p> </div> </div> <div class="project-card rounded-2xl overflow-hidden shadow-lg reveal"> <div class="aspect-[4/3] overflow-hidden"> <img src="https://images.pexels.com/photos/7580707/pexels-photo-7580707.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=450" alt="Restaurant interior buildout with custom features" width="600" height="450" class="w-full h-full object-cover"> </div> <div class="bg-white p-6 border border-neutral-100"> <span class="text-burgundy-700 text-xs font-semibold tracking-widest uppercase">Commercial</span> <h3 class="font-display text-lg font-bold text-neutral-900 mt-2">Restaurant Interior</h3> <p class="text-neutral-500 text-sm mt-1">Full restaurant buildout including kitchen, dining, and bar areas</p> </div> </div> <div class="project-card rounded-2xl overflow-hidden shadow-lg reveal"> <div class="aspect-[4/3] overflow-hidden"> <img src="https://images.pexels.com/photos/20752572/pexels-photo-20752572.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=450" alt="Finished basement with custom built-ins" width="600" height="450" class="w-full h-full object-cover"> </div> <div class="bg-white p-6 border border-neutral-100"> <span class="text-burgundy-700 text-xs font-semibold tracking-widest uppercase">Residential</span> <h3 class="font-display text-lg font-bold text-neutral-900 mt-2">Basement Finish</h3> <p class="text-neutral-500 text-sm mt-1">Transformation of unfinished basement into entertainment space</p> </div> </div> </div> </div> </section>  <section id="testimonials" class="py-20 lg:py-28 cta-gradient relative overflow-hidden"> <div class="absolute inset-0 opacity-10"> <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="white" stroke-width="0.5"/> </pattern> </defs> <rect width="100%" height="100%" fill="url(#grid)"/> </svg> </div> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16 reveal"> <span class="text-blush-200 font-semibold text-sm tracking-widest uppercase">Client Feedback</span> <h2 class="font-display text-3xl sm:text-4xl lg:text-5xl font-bold text-white mt-3 mb-5"> What Our Clients Say </h2> <div class="accent-line mx-auto mb-6" style="background: linear-gradient(90deg, #ff9494, #ff6b6b);"></div> <p class="text-white/70 text-lg max-w-2xl mx-auto"> We let our work speak for itself — but don't just take our word for it. </p> </div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white/10 backdrop-blur-sm border border-white/15 rounded-2xl p-8 reveal"> <div class="flex gap-1 mb-4"> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> </div> <p class="text-white/90 leading-relaxed mb-6"> "Randall and his team remodeled our entire first floor. They were on time, on budget, and the craftsmanship is outstanding. We've already hired them back for a second project." </p> <div class="flex items-center gap-3"> <div class="w-10 h-10 bg-blush-400 rounded-full flex items-center justify-center text-white font-bold text-sm">JM</div> <div> <div class="text-white font-semibold text-sm">James M.</div> <div class="text-white/50 text-xs">Dewy Rose, GA</div> </div> </div> </div> <div class="bg-white/10 backdrop-blur-sm border border-white/15 rounded-2xl p-8 reveal"> <div class="flex gap-1 mb-4"> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> </div> <p class="text-white/90 leading-relaxed mb-6"> "We needed a complete office buildout for our growing practice. Randall handled everything — permits, design, construction. The space is exactly what we envisioned and we opened on schedule." </p> <div class="flex items-center gap-3"> <div class="w-10 h-10 bg-burgundy-300 rounded-full flex items-center justify-center text-white font-bold text-sm">SP</div> <div> <div class="text-white font-semibold text-sm">Sarah P.</div> <div class="text-white/50 text-xs">Commerce, GA</div> </div> </div> </div> <div class="bg-white/10 backdrop-blur-sm border border-white/15 rounded-2xl p-8 reveal"> <div class="flex gap-1 mb-4"> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg class="w-5 h-5 text-blush-300" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> </div> <p class="text-white/90 leading-relaxed mb-6"> "Honest, reliable, and incredibly skilled. They finished our bathroom renovation in two weeks and the tilework is absolutely perfect. I recommend them to everyone I know." </p> <div class="flex items-center gap-3"> <div class="w-10 h-10 bg-blush-300 rounded-full flex items-center justify-center text-white font-bold text-sm">DT</div> <div> <div class="text-white font-semibold text-sm">David T.</div> <div class="text-white/50 text-xs">Winder, GA</div> </div> </div> </div> </div> </div> </section>  <section id="contact" class="py-20 lg:py-28 bg-neutral-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-2 gap-12 lg:gap-16"> <div class="reveal"> <span class="text-burgundy-700 font-semibold text-sm tracking-widest uppercase">Get In Touch</span> <h2 class="font-display text-3xl sm:text-4xl font-bold text-neutral-900 mt-3 mb-6"> Ready to Start Your<br> <span class="text-burgundy-700">Next Project?</span> </h2> <div class="accent-line mb-8"></div> <p class="text-neutral-600 text-lg leading-relaxed mb-10"> Whether you're planning a kitchen remodel, building a commercial space, or need a custom build — we'd love to hear from you. Fill out the form and we'll get back to you within one business day with a detailed estimate. </p> <div class="space-y-6"> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-burgundy-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/> <circle cx="12" cy="10" r="3"/> </svg> </div> <div> <div class="font-semibold text-neutral-900 mb-1">Our Office</div> <div class="text-neutral-600">1655 Brown Wilder Dr NW<br>Dewy Rose, GA 30634-2713</div> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-burgundy-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.41-4.41 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/> </svg> </div> <div> <div class="font-semibold text-neutral-900 mb-1">Phone</div> <a href="tel:+17069889189" class="text-burgundy-700 hover:text-burgundy-600 font-semibold transition-colors">(706) 988-9189</a> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-burgundy-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#821f1f" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/> <polyline points="22,6 12,13 2,6"/> </svg> </div> <div> <div class="font-semibold text-neutral-900 mb-1">Email</div> <a href="mailto:randallbrownconstructionllc@gmail.com" class="text-burgundy-700 hover:text-burgundy-600 font-semibold transition-colors break-all">randallbrownconstructionllc@gmail.com</a> </div> </div> </div> </div> <div class="reveal"> <form id="contact-form" class="bg-white rounded-2xl shadow-xl border border-neutral-100 p-8 lg:p-10"> <h3 class="font-display text-2xl font-bold text-neutral-900 mb-2">Request a Free Estimate</h3> <p class="text-neutral-500 text-sm mb-8">Fill out the form below and we'll respond within one business day.</p> <div class="space-y-5"> <div class="grid sm:grid-cols-2 gap-5"> <div> <label for="first-name" class="block text-sm font-semibold text-neutral-700 mb-2">First Name *</label> <input type="text" id="first-name" name="first-name" required class="w-full px-4 py-3 rounded-lg border border-neutral-200 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-burgundy-500 focus:border-transparent transition-all" placeholder="John"> </div> <div> <label for="last-name" class="block text-sm font-semibold text-neutral-700 mb-2">Last Name *</label> <input type="text" id="last-name" name="last-name" required class="w-full px-4 py-3 rounded-lg border border-neutral-200 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-burgundy-500 focus:border-transparent transition-all" placeholder="Smith"> </div> </div> <div> <label for="email" class="block text-sm font-semibold text-neutral-700 mb-2">Email *</label> <input type="email" id="email" name="email" required class="w-full px-4 py-3 rounded-lg border border-neutral-200 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-burgundy-500 focus:border-transparent transition-all" placeholder="john@example.com"> </div> <div> <label for="phone" class="block text-sm font-semibold text-neutral-700 mb-2">Phone</label> <input type="tel" id="phone" name="phone" class="w-full px-4 py-3 rounded-lg border border-neutral-200 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-burgundy-500 focus:border-transparent transition-all" placeholder="(706) 000-0000"> </div> <div> <label for="service" class="block text-sm font-semibold text-neutral-700 mb-2">Service Needed</label> <select id="service" name="service" class="w-full px-4 py-3 rounded-lg border border-neutral-200 text-neutral-900 focus:outline-none focus:ring-2 focus:ring-burgundy-500 focus:border-transparent transition-all bg-white"> <option value="">Select a service...</option> <option value="residential-remodel">Residential Remodeling</option> <option value="commercial">Commercial Construction</option> <option value="addition">Room Addition</option> <option value="custom-build">Custom Build</option> <option value="design">Design & Planning</option> <option value="renovation">Renovation & Repair</option> <option value="other">Other</option> </select> </div> <div> <label for="message" class="block text-sm font-semibold text-neutral-700 mb-2">Project Details *</label> <textarea id="message" name="message" required rows="4" class="w-full px-4 py-3 rounded-lg border border-neutral-200 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-burgundy-500 focus:border-transparent transition-all resize-none" placeholder="Tell us about your project — scope, timeline, budget range, etc."></textarea> </div> <button type="submit" class="w-full btn-primary px-8 py-4 rounded-lg text-white font-bold text-center"> <span class="flex items-center justify-center gap-2"> Send Request <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="22" y1="2" x2="11" y2="13"/> <polygon points="22 2 15 22 11 13 2 9 22 2"/> </svg> </span> </button> </div> <div id="form-success" class="hidden mt-6 bg-green-50 border border-green-200 rounded-xl p-4 text-center"> <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-3"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <polyline points="20 6 9 17 4 12"/> </svg> </div> <div class="font-bold text-green-800 mb-1">Message Sent!</div> <div class="text-green-600 text-sm">Thank you — we'll be in touch within one business day.</div> </div> </form> </div> </div> </div> </section>  <section class="h-80 bg-neutral-200 relative"> <iframe src="https://maps.google.com/maps?q=34.156475067139,-82.931671142578&z=15&output=embed" width="100%" height="100%" style="border:0; filter: grayscale(30%);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Randall Brown Construction location map"> </iframe> </section>  <footer class="bg-neutral-950 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-10"> <div class="lg:col-span-2"> <a href="#hero" class="flex items-center gap-3 mb-6"> <div class="w-10 h-10 bg-burgundy-700 rounded-lg flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M3 21h18"/> <path d="M5 21V7l8-4v18"/> <path d="M19 21V11l-6-4"/> <path d="M9 9v.01"/> <path d="M9 12v.01"/> <path d="M9 15v.01"/> <path d="M9 18v.01"/> </svg> </div> <div> <span class="text-white font-display font-bold text-lg leading-tight block">Randall Brown</span> <span class="text-blush-300 text-xs tracking-widest uppercase">Construction</span> </div> </a> <p class="text-white/50 leading-relaxed max-w-sm mb-6"> Building trust one project at a time. Professional general contracting services in Dewy Rose, GA and the surrounding communities for over 15 years. </p> <div class="flex items-center gap-4"> <a href="tel:+17069889189" class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center hover:bg-burgundy-700 transition-colors" aria-label="Call us"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.41-4.41 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/> </svg> </a> <a href="mailto:randallbrownconstructionllc@gmail.com" class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center hover:bg-burgundy-700 transition-colors" aria-label="Email us"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/> <polyline points="22,6 12,13 2,6"/> </svg> </a> </div> </div> <div> <h4 class="font-display font-bold text-white mb-6">Services</h4> <ul class="space-y-3"> <li><a href="#services" class="text-white/50 hover:text-white text-sm transition-colors">Residential Remodeling</a></li> <li><a href="#services" class="text-white/50 hover:text-white text-sm transition-colors">Commercial Construction</a></li> <li><a href="#services" class="text-white/50 hover:text-white text-sm transition-colors">Room Additions</a></li> <li><a href="#services" class="text-white/50 hover:text-white text-sm transition-colors">Custom Builds</a></li> <li><a href="#services" class="text-white/50 hover:text-white text-sm transition-colors">Design & Planning</a></li> <li><a href="#services" class="text-white/50 hover:text-white text-sm transition-colors">Renovations & Repairs</a></li> </ul> </div> <div> <h4 class="font-display font-bold text-white mb-6">Contact</h4> <ul class="space-y-3"> <li class="text-white/50 text-sm">1655 Brown Wilder Dr NW</li> <li class="text-white/50 text-sm">Dewy Rose, GA 30634-2713</li> <li><a href="tel:+17069889189" class="text-white/50 hover:text-white text-sm transition-colors">(706) 988-9189</a></li> <li><a href="mailto:randallbrownconstructionllc@gmail.com" class="text-white/50 hover:text-white text-sm transition-colors break-all">randallbrownconstructionllc@gmail.com</a></li> </ul> </div> </div> </div> <div class="border-t border-white/10"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-white/40 text-sm"> © 2026 Randall Brown Construction. All rights reserved. </p> <p class="text-white/30 text-sm"> Licensed & Insured · Dewy Rose, GA </p> </div> </div> </footer> <script src="script.js"></script> <style>body{padding-bottom:76px!important}.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}.smlt-bar__btn svg{width:15px;height:15px}@media(max-width:520px){body{padding-bottom:120px!important}.smlt-bar{flex-direction:column;gap:9px;padding:11px 14px}.smlt-bar__txt{font-size:13.5px;text-align:center;line-height:1.35;white-space:normal}.smlt-bar__btn{width:100%;justify-content:center;padding:11px 16px;font-size:14px}.smlt-bar__btn svg{width:15px;height:15px}}</style><div class="smlt-bar" role="region" aria-label="This is my business" lang="en"><span class="smlt-bar__txt">Is this your business?</span><a class="smlt-bar__btn" href="https://amp.pr/pricing?site=randall-brown-construction" target="_blank" rel="noopener">This is my business<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></div><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script> <script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body> </html>

Name: Randall Brown Construction
Address: 1655 Brown Wilder Dr NW, Dewy Rose, GA, 30634-2713, United States
Telephone: +17069889189