Feature spotlight

"use client";

import { FeatureSpotlight } from "@/components/facade/feature-spotlight";

const U = "https://images.unsplash.com/photo-";

export default function Demo() {
  return (
    <div className="py-6 sm:py-10">
      <FeatureSpotlight
        className="py-3 sm:py-3"
        eyebrow="Bathroom remodels"
        title="One crew from demo day to the last bead of caulk."
        description="Plumbing, tile and fixtures are handled by our own licensed team in Austin, so nothing waits on a subcontractor and you have one number to call."
        points={["Fixed price before demo starts", "Photo update at the end of every workday", "Most baths finished in 12 working days"]}
        cta={{ label: "See remodel pricing", href: "#pricing" }}
        image={{
          src: `${U}1763485956292-7b9bed7b3c10?auto=format&fit=crop&w=1100&q=70`,
          alt: "Finished bathroom with a stone vanity, wall-mounted faucet and walk-in shower",
          width: 1100,
          height: 1400,
        }}
        stat={{ value: "4.9", label: "From 312 Google reviews" }}
      />
      <FeatureSpotlight
        reverse
        palette="moss"
        className="py-3 sm:py-3"
        eyebrow="Inside the walls"
        title="You see the pipes before the tile goes up."
        description="Before we close a wall, you get photos of every new supply and drain line and a pressure test result. It goes into the folder you keep with the house."
        points={["PEX and copper, pressure tested", "City permit and inspection handled", "Two year workmanship warranty"]}
        cta={{ label: "Book a design visit", href: "#book" }}
        image={{
          src: `${U}1768321913920-d3ac011e0683?auto=format&fit=crop&w=1100&q=70`,
          alt: "Bathroom wall opened to the studs with new supply and drain lines roughed in",
          width: 1100,
          height: 1460,
        }}
      />
    </div>
  );
}