/* Sections.jsx — All page sections for the GSC home duplicate. */

const SERVICE_PHOTOS = [
{ url: "uploads/woodfloor1.jpeg",
  title: "Flooring installation services for every room in your home or business",
  href: "flooring-installation.html" },
{ url: "uploads/bath1b.jpeg",
  title: "Complete bathroom make-over service — your luxury bathroom",
  href: "bathroom-remodeling.html" },
{ url: "uploads/Medium Kitchen3 NEW.jpg",
  title: "Complete kitchen make-over service — get your dream kitchen",
  href: "kitchen-remodeling.html" },
{ url: "uploads/Major Renovation2.jpg",
  title: "Residential Renovation Services",
  href: "major-renovations.html",
  style: { backgroundSize: "contain", backgroundRepeat: "no-repeat", backgroundColor: "#dceaf5" } },
{ url: "uploads/GMC Dealer Flooring.jpg",
  title: "Commercial Renovation Services",
  href: "commercial-renovation.html" },
{ url: "uploads/Framing1.jpg",
  title: "New construction of 1–4 family homes",
  href: "new-construction.html" }];


const STATS = [
{ num: "100%", label: "Family-Owned and Operated" },
{ num: "2019", label: "Serving NJ Since" },
{ num: "4.9★", label: "Google Review Rating" },
{ num: "120", label: "Projects Completed Successfully" },
{ num: "100%", label: "NJ Licensed & Insured Subcontractors Too" }];


const StatsStrip = () =>
<section className="stats-strip">
    <div className="container">
      <div className="stats-strip__grid">
        {STATS.map((s, i) =>
      <div className="stat-cell" key={i}>
            <div className="stat-cell__num">{s.num}</div>
            <div className="stat-cell__label">{s.label}</div>
          </div>
      )}
      </div>
    </div>
  </section>;


const TrustIntro = () =>
<section className="section" data-screen-label="trust-intro">
    <div className="container">
      <div className="two-col">
        <div>
          <div className="divider-flag" />
          <div className="eyebrow">About us</div>
          <h2 className="section-title" style={{ maxWidth: "12ch" }}>Your trusted general contractor in northern NJ</h2>
        </div>
        <div>
          <p>We know that finding a trusted General Contractor can be hard in NJ. Since 2019 we've delivered exceptional results and our past client reviews can prove it. We live and operate in northern NJ so you can feel secure that we are not going anywhere.</p>
          <p>Being fully licensed and insured isn't just a legal requirement for us — it's our commitment to protecting your investment.</p>
          <p>We specialize in new construction of 1–4 family homes, providing landlords and multi-family owners with the durable, high-quality work needed to maximize property value.</p>
        </div>
      </div>
    </div>
  </section>;


const ServicesSix = ({ onCta }) =>
<section className="section section--alt" id="services" data-screen-label="services">
    <div className="container">
      <div className="text-center" style={{ marginBottom: 56 }}>
        <div className="divider-flag" />
        <div className="eyebrow">What we do</div>
        <h2 className="section-title">Our Services</h2>
      </div>
      <div className="svc6-grid">
        {SERVICE_PHOTOS.map((s, i) => {
        const href = s.href || "free-estimate.html";
        return (
          <a className="svc6" key={i} href={href}>
              <div className="svc6__photo" style={{ backgroundImage: `url("${s.url}")`, ...(s.style || {}) }} />
              <div className="svc6__body">
                <h3 className="svc6__title">{s.title}</h3>
                <span className="svc6__cta">Learn More <IconArrowRight size={14} stroke={3} /></span>
              </div>
            </a>);

      })}
      </div>
    </div>
  </section>;


const WhoWeServe = ({ onCta }) =>
<section className="section" data-screen-label="who-we-serve">
    <div className="container">
      <div className="two-col">
        <div>
          <div className="divider-flag" />
          <div className="eyebrow">Service area</div>
          <h2 className="section-title">Who we serve</h2>
        </div>
        <div>
          <p>We provide General Contracting services to Northern and Central NJ homeowners or business owners that have an existing property needing major renovation, or an empty lot requiring construction of a new building. Either way, we are here to help.</p>
          <p>Our core services include flooring installation (tile, engineered wood, hardwood, vinyl), complete or partial bathroom remodels, complete or partial kitchen remodels, and all types of residential and commercial renovations including additions, second-level add-ons, basement finishing and more.</p>
          <p>Basically, let us know what you need and we can help you with your home or business remodeling project.</p>
          <button className="btn btn--primary" onClick={onCta} style={{ marginTop: 12 }}>
            Get Your Free Estimate Here
          </button>
        </div>
      </div>
    </div>
  </section>;


const CORE4 = [
{ Icon: IconHome, title: "Flooring Installation",
  body: "Professional installation of hardwood, engineered wood, tile, vinyl and laminate that stands up to heavy foot traffic." },
{ Icon: IconWrench, title: "Kitchen & Bathroom Remodeling",
  body: "Upgrade the heart of your home with layouts designed for NJ living and finishes built to last." },
{ Icon: IconHardHat, title: "Major Renovations",
  body: "Full-scale updates for 1–4 family homes & small businesses, handled with the precision of a licensed general contractor." },
{ Icon: IconBuilding, title: "New Construction",
  body: "Ground-up builds for residential properties, ensuring every inch meets local standards and your expectations." }];


const Core4 = () =>
<section className="section section--alt" data-screen-label="core-4">
    <div className="container">
      <div className="text-center" style={{ marginBottom: 48 }}>
        <div className="divider-flag" />
        <div className="eyebrow">Specialties</div>
        <h2 className="section-title">Our core 4 services specialized for you</h2>
      </div>
      <div className="core4">
        {CORE4.map(({ Icon, title, body }, i) =>
      <div className="core4__item" key={i}>
            <div className="core4__icon"><Icon size={28} stroke={2} /></div>
            <div>
              <h3 className="core4__heading">{title}</h3>
              <p className="core4__body">{body}</p>
            </div>
          </div>
      )}
      </div>
    </div>
  </section>;


const WHY6 = [
{ Icon: IconShield, title: "Peace of mind",
  body: "We provide 'insured peace of mind' to our clients, ensuring you are never liable for accidents or structural mishaps during construction. Liability insurance and workers' comp coverage at all times." },
{ Icon: IconHardHat, title: "Licensed subcontractors",
  body: "We only use licensed and insured subcontractors on your home or business project. We meet all local building codes and pull required permits to make sure your project is safe and legal." },
{ Icon: IconClock, title: "Experienced project manager",
  body: "Every project, no matter how small, gets a dedicated project manager so you'll have one person to communicate with through every phase. Day-long jobs or months-long builds — you'll always have someone to call." },
{ Icon: IconDollar, title: "Financing options available",
  body: "Many of our projects have built-in financing options, so you can pay over time rather than out of pocket for 100% of the renovation cost — and start enjoying your remodel sooner." },
{ Icon: IconArrowRight, title: "Fast turnaround on free estimates",
  body: "Once you submit your request, our team works quickly to get you a price so you'll know the final cost in a timely manner. Bigger projects take longer, but we always work to shorten the timeline." },
{ Icon: IconBuilding, title: "3D rendering of your project",
  body: "We can provide a realistic 3D rendering of your project up front, so you can visualize it before we start demolition. You'll have the chance to make changes to the design before final results." }];


const WhyUs = () =>
<section className="section" data-screen-label="why-us">
    <div className="container">
      <div className="text-center" style={{ marginBottom: 56 }}>
        <div className="divider-flag" />
        <div className="eyebrow">Why us</div>
        <h2 className="section-title">Why choose Gus Skyy Construction</h2>
      </div>
      <div className="why6">
        {WHY6.map(({ Icon, title, body }, i) =>
      <div className="why6__card" key={i}>
            <div className="why6__icon"><Icon size={28} stroke={2} /></div>
            <h3 className="why6__title">{title}</h3>
            <p className="why6__body">{body}</p>
          </div>
      )}
      </div>
    </div>
  </section>;


const Reviews = () =>
<section className="section section--alt" data-screen-label="reviews">
    <div className="container">
      <div className="reviews-card">
        <div className="reviews-num">4.9</div>
        <div className="reviews-meta">
          <div className="reviews-stars">
            {[0, 1, 2, 3, 4].map((i) => <IconStar key={i} size={22} />)}
          </div>
          <b>Rated 4.9 on Google Reviews</b>
          <span>Based on verified reviews from Northern NJ homeowners and business owners.</span>
        </div>
        <a className="btn btn--secondary--light" href="#" onClick={(e) => e.preventDefault()}>
          Read Our Reviews
        </a>
      </div>
    </div>
  </section>;


const HOMEOWNER_BULLETS = [
"You get a detailed project plan before construction begins — with budget, timeline for completion, and change order processing.",
"We work with local architects and surveyors to design your new construction home or major renovation. You can relax while we handle everything.",
"We work with the local zoning board to ensure everything is accurate and will pass all the town inspections — you get peace of mind.",
"We hire all the tradespeople — plumbers, electricians, masons, framers, roofers, etc. You only have to deal with us, saving you time and energy.",
"You get weekly progress reports on your project, so you are kept informed every step of the way."];


const HelpHomeowners = () =>
<section className="section" data-screen-label="how-we-help">
    <div className="container">
      <div className="two-col" style={{ alignItems: "center" }}>
        <div>
          <div className="divider-flag" />
          <div className="eyebrow">How we help</div>
          <h2 className="section-title">We help homeowners and business owners upgrade their Northern NJ properties at affordable rates</h2>
        </div>
        <div>
          <ul className="checklist">
            {HOMEOWNER_BULLETS.map((b, i) =>
          <li key={i}>
                <IconCheck size={22} stroke={3.5} /> <span>{b}</span>
              </li>
          )}
          </ul>
        </div>
      </div>
    </div>
  </section>;


const REASONS = [
{ title: "Licensed and Insured Peace of Mind",
  body: "Choosing a fully licensed and insured general contractor in Northern NJ removes financial and legal risks. We're committed to meeting all local NJ building codes — every project is safe and legally compliant. NJ HIC #13VH13469100 - NJ New Home Builder #: 056083" },
{ title: "3D Rendering of Your Project Right at the Start",
  body: "You don't have to imagine the finished product. See how each room of your new or renovated home will look before we break ground — and before you pay a cent." },
{ title: "Specialists in 1–4 Family Homes & Small Businesses",
  body: "We aren't just generalist contractors. We have a deep understanding of the specific structural and regulatory requirements for multi-family and small-business properties in Northern NJ." },
{ title: "Investment-Focused Construction",
  body: "For landlords, investors and business owners, we focus on high-quality, durable construction practices to maximize property value for resale or longer-term rentals. Every square foot serves a purpose with minimal wasted space." },
{ title: "End-to-End Project Management",
  body: "We manage every phase of pre-construction, construction and post-construction — from the first sketch to the final nail. Clean, safe and organized job sites; obstacles communicated within 24 hours; change orders approved by both client and GSC." },
{ title: "Transparent \"No-Surprise\" Pricing",
  body: "We maintain our 4.9-star rating by providing clear, detailed and fixed-price quotes. No hidden fees, no contractor surprises. When unexpected situations come up, we minimize added costs and communicate clearly." },
{ title: "Local Roots and Expertise",
  body: "Our office is in Livingston — we are local. We're a family-owned business and not going anywhere. We've lived in the area for 10+ years and plan to stay for many more, available to clients even on weekends." },
{ title: "Proven \"Before, During and After\" Quality",
  body: "From the very beginning of every project, we're committed to quality. Clean and safe job sites at all times. Tradespeople scheduled with precision to maximize efficiency. Proper permitting and inspections to minimize delays." }];


const Reasons8 = () =>
<section className="section section--alt" data-screen-label="8-reasons">
    <div className="container">
      <div className="text-center" style={{ marginBottom: 56 }}>
        <div className="divider-flag" />
        <div className="eyebrow">The full picture</div>
        <h2 className="section-title">8 reasons why you should choose Gus Skyy Construction</h2>
      </div>
      <div className="reasons">
        {REASONS.map((r, i) =>
      <div className="reason" key={i}>
            <span className="reason__num">{String(i + 1).padStart(2, "0")}</span>
            <h3 className="reason__title">{r.title}</h3>
            <p className="reason__body">{r.body}</p>
          </div>
      )}
      </div>
    </div>
  </section>;


const STEPS = [
{ num: 1, title: "On-Site Consultation",
  body: "We visit your property in North, Central or South Jersey to understand your goals and provide expert advice." },
{ num: 2, title: "Transparent Quote",
  body: "You receive a clear, detailed estimate — no hidden fees, no surprises." },
{ num: 3, title: "Expert Execution",
  body: "Our team manages the project from start to finish, keeping you informed until the job is done right." }];


const Process = ({ onCta }) =>
<section className="section section--dark" data-screen-label="process">
    <div className="container">
      <div className="text-center" style={{ marginBottom: 64 }}>
        <div className="divider-flag" />
        <div className="eyebrow">The process</div>
        <h2 className="section-title">Working with us is easy — the 3-step "no-stress" process</h2>
      </div>
      <div className="steps">
        {STEPS.map((s) =>
      <div className="step" key={s.num}>
            <div className="step__num">{s.num}</div>
            <h3 className="step__title">{s.title}</h3>
            <p className="step__body">{s.body}</p>
          </div>
      )}
      </div>
      <div style={{ maxWidth: 760, margin: "72px auto 0", textAlign: "center" }}>
        <p style={{ fontSize: 18, lineHeight: 1.6, opacity: 0.9, marginBottom: 16 }}>
          <b>Schedule a no-cost, no-obligation consultation.</b>
        </p>
        <p style={{ fontSize: 16, lineHeight: 1.65, opacity: 0.8, marginBottom: 32 }}>If you're ready to start a major project — new residential or commercial construction, or a major overhaul of an existing building — we are here to guide you and provide advice and recommendations. The initial call is to get acquainted and see if it's a good fit for both of us. Once we understand what you're looking for and your budget, we can get an architect to provide preliminary designs to confirm the direction. Once the design is finalized, we'll work on getting all the permits with the city. Once they are approved, construction can start soon after.

      </p>
        <button className="btn btn--primary" onClick={onCta}>Get Your Free Estimate Here</button>
      </div>
    </div>
  </section>;


const FAQS = [
{ q: "Are you licensed and insured to work in New Jersey?",
  a: "Yes. We are a fully licensed and insured general contractor. This is our commitment to protecting your investment and ensuring that all work meets local NJ building codes — providing total peace of mind. \nNJ Home Improvement Contractor #: 13VH13469100; NJ New Home Builder #: 056083" },
{ q: "What areas do you serve?",
  a: "Our primary areas are Northern and Central Jersey — Essex County, Union County, Middlesex County — but we will go up to Sussex County or down to Cape May County depending on the project scope. We're open to traveling all over NJ for clients who need our general contracting services." },
{ q: "How do I get an estimate for my project?",
  a: "The easiest way is to fill out the form on our website (see the big red button on every page). You can call us at 973-577-9383 or email office@GusSkyyCo.com. We offer a simple 3-step process that starts with an on-site consultation. After visiting your property to understand your goals, we provide a transparent, detailed quote with no hidden fees or surprises." },
{ q: "Who manages my project from start to finish?",
  a: "Our team provides end-to-end management, overseeing every phase from the initial sketch to the final nail. You'll be kept informed throughout the entire build to ensure a stress-free experience." },
{ q: "Can you help me design my new kitchen or bathroom?",
  a: "Absolutely. Unlike basic contractors, we have an on-staff designer who works side-by-side with you to select premium finishes and optimize your layout before we pick up a hammer." },
{ q: "Do you work on multi-family properties?",
  a: "Yes, we specialize in 1–4 family homes. We understand the unique requirements of these properties and focus on durable, high-value renovations designed to maximize rental or resale potential." },
{ q: "Do you work on commercial properties?",
  a: "Yes. We renovate all kinds of commercial properties including office buildings, restaurants, car dealerships, retail stores and more." },
{ q: "How can I be sure of the quality of your work?",
  a: "We take pride in our integrity, even in the parts of your home you'll never see. Our portfolio includes 'Before, During, and After' shots showcasing our clean job sites and precise framing. Plus we have a 4.9-star rating on Google. We can also have you talk with one of our past clients if that helps." }];


const FAQ = () =>
<section className="section" id="contact" data-screen-label="faq">
    <div className="container">
      <div className="text-center" style={{ marginBottom: 48 }}>
        <div className="divider-flag" />
        <div className="eyebrow">Have questions?</div>
        <h2 className="section-title">Frequently asked questions</h2>
      </div>
      <div className="faq">
        {FAQS.map((f, i) =>
      <details className="faq-item" key={i} {...i === 0 ? { open: true } : {}}>
            <summary>{f.q}</summary>
            <p className="faq-item__body">{f.a}</p>
          </details>
      )}
      </div>
    </div>
  </section>;


const Owner = () =>
<section className="section section--alt" id="about" data-screen-label="owner">
    <div className="container">
      <div className="owner">
        <div className="owner__photo" style={{
        backgroundImage: `url("https://expertfloorinstallers.com/wp-content/uploads/2024/07/medy-siregar-92guir6uhvg-unsplash-cutout-podcast-tiny__opdb-op664cab85e8a843-78716125.png")`
      }} />
        <div>
          <div className="eyebrow">Meet our team</div>
          <h2 className="owner__name">Edivania Ferreira</h2>
          <span className="owner__role">Owner</span>
          <div className="owner__body">
            <p>Edivania (Skyy) is the owner of Gus Skyy Construction, LLC. She is from Brazil and started the company in 2019 with her husband Gustavo, who is a civil engineer in Brazil.</p>
            <p>Gus Skyy Construction is a full-service licensed NJ general contractor established in 2019, serving North and Central New Jersey. While specializing in all types of flooring installation except carpeting — including hardwood, laminate, tile, vinyl, and luxury vinyl plank — the company also handles complete home renovations including kitchens, bathrooms, and entire-house makeovers, as well as commercial flooring projects for local businesses. They are also new home builders, building 1–4 family homes from the ground up.</p>
            <p>The business operates with a network of trusted, certified subcontractors. All subcontractors maintain proper insurance coverage, verified before each project begins. The company holds memberships in the National Tile Contractors Association and employs installers with specialized certifications for various flooring types — including large-format tiles — ensuring they stay current with the latest trends and installation techniques.</p>
          </div>
        </div>
      </div>
    </div>
  </section>;


const FooterGSC = () =>
<footer className="footer" data-screen-label="footer">
    <div className="container">
      <div className="footer__grid">
        <div>
          <div style={{ display: "flex", alignItems: "center", gap: 14 }}>
            <img src="uploads/GSC Color Logo_v1.png" alt="Gus Skyy Co" style={{ height: 96, width: "auto", display: "block", filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.25))" }} />
            <span style={{ fontFamily: "var(--font-display)", fontSize: 32, letterSpacing: "0.02em", color: "#fff", lineHeight: 1, textTransform: "uppercase" }}>Gus Skyy<br />Construction</span>
          </div>
          <p style={{ fontSize: 15, opacity: 0.85, marginTop: 16, lineHeight: 1.6, maxWidth: 280 }}>
            Licensed & insured general contractor serving North & Central New Jersey since 2019.
          </p>
        </div>
        <div className="footer__col">
          <h4>Company</h4>
          <ul>
            <li><a href="/#services">Services</a></li>
            <li><a href="/about-us">About Us</a></li>
            <li><a href="/free-estimate">Free Estimate</a></li>
          </ul>
        </div>
        <div className="footer__col">
          <h4>Services</h4>
          <ul>
            <li><a href="/flooring-installation">Flooring Installation</a></li>
            <li><a href="/bathroom-remodeling">Bathroom Remodel</a></li>
            <li><a href="/kitchen-remodeling">Kitchen Remodel</a></li>
            <li><a href="/major-renovations">Residential Renovation</a></li>
            <li><a href="/commercial-renovation">Commercial Renovation</a></li>
            <li><a href="/new-construction">New Construction</a></li>
          </ul>
        </div>
        <div className="footer__col">
          <h4>Contact</h4>
          <ul>
            <li>973-577-9383</li>
            <li>office@GusSkyyCo.com</li>
            <li>Livingston, NJ</li>
          </ul>
        </div>
        <div className="footer__col footer__col--credentials">
          <h4>Credentials</h4>
          <ul>
            <li>NJ HIC #: 13VH13469100</li>
            <li>NJ New Home Builder #: 056083</li>
            <li>EPA Lead-Safe Certified</li>
            <li>Fully Insured · NJ</li>
          </ul>
        </div>
      </div>
      <div className="footer__bottom">
        <span>© Copyright Gus Skyy Construction, LLC. All Rights Reserved.</span>
        <span style={{ display: "flex", gap: 18, alignItems: "center" }}>
          <a href="/privacy-policy" style={{ opacity: 0.85 }}>Privacy Policy</a>
          <span style={{ opacity: 0.5 }}>·</span>
          <a href="/terms-of-use" style={{ opacity: 0.85 }}>Terms of Use</a>
        </span>
      </div>
    </div>
  </footer>;


Object.assign(window, {
  StatsStrip, TrustIntro, ServicesSix, WhoWeServe, Core4, WhyUs,
  Reviews, HelpHomeowners, Reasons8, Process, FAQ, Owner, FooterGSC
});