export default function Artboard({ className = "" }: ArtboardProps) {
  return (
    <div className="inline-flex w-full flex-col items-center gap-y-9 bg-white" >
      <div className="font-larken flex h-72 flex-col items-center self-stretch bg-black pt-6 text-center leading-[normal] tracking-[0px] text-white mix-blend-normal" >
        <div className="mb-[-5px] flex flex-grow flex-col items-center justify-center self-stretch" >
          <div className="flex flex-grow flex-wrap items-center justify-center gap-y-6 gap-x-6 self-stretch pl-6 pr-1.5 min-[690px]:flex-nowrap" >
            <div className="flex h-16 w-28 flex-col items-center justify-end pt-2" >
              <div className="bg-m-b_logo_wht1 flex-grow self-stretch bg-contain bg-center bg-no-repeat" />
            </div>
            <div className="flex flex-grow flex-wrap items-center justify-center gap-y-1.5 gap-x-1.5 self-stretch [min-width:105px] min-[690px]:flex-nowrap" >
              <div className="flex flex-grow items-center justify-center gap-x-14 self-stretch" >
                <img
                  className="h-60 w-px"
                  src="/assets/Line20.svg"
                 />
                <div className="flex flex-grow flex-col items-center justify-center gap-y-2 pt-2.5" >
                  <div className="flex justify-center self-stretch text-[50px] font-light leading-[normal]" >
                    The Weekly
                  </div>
                  <div className="flex justify-center self-stretch text-xl font-medium leading-[normal]" >
                    Open Houses & Featured Listings
                  </div>
                </div>
                <img
                  className="h-60 w-px"
                  src="/assets/Line20.svg"
                 />
              </div>
              <div className="flex w-36 items-center justify-center pt-2.5 font-light" >
                <span>
                  <span className="text-xl leading-[normal]">
                    MARCH
                    <br />
                  </span>
                  <span className="text-3xl leading-[normal]">
                    16 & 17
                  </span>
                </span>
              </div>
            </div>
          </div>
          <div className="flex h-0 flex-col items-center self-stretch pb-0">
            <div className="mt-[-210px] flex h-44 flex-col items-center justify-center gap-y-44 self-stretch" >
              <img
                className="h-px w-[700px]"
                src="/assets/Line20.svg"
               />
              <img
                className="h-px w-[700px]"
                src="/assets/Line20.svg"
               />
            </div>
          </div>
          <div className="flex h-12 flex-col items-center justify-end self-stretch px-6 pt-7" >
            <div className="flex h-5 flex-col items-center justify-center self-stretch" >
              <div className="w-[656px] flex-grow bg-white" />
            </div>
          </div>
        </div>
      </div>
      <div className="flex h-[490px] items-center justify-center self-stretch px-6 text-center font-light tracking-[0px] mix-blend-normal" >
        <div className="mt-0 flex flex-grow items-center justify-center gap-x-11 self-stretch" >
          <div className="flex w-80 flex-col items-center justify-center gap-y-3 self-stretch mix-blend-normal" >
            <div className="mr-0 flex h-8 w-80 items-center justify-center">
              <div className="bg-m-b_accent-5 max-h-full w-3.5 max-w-full self-stretch bg-no-repeat [background-size:100%_100%] [background-position:0px_0px]" />
            </div>
            <div className="font-paralucent_text flex items-center justify-center text-xs leading-[normal] text-black" >
              OPEN SATURDAY 11AM-1PM
            </div>
            <div className="bg-cid-675608b388a-94a-0e-b4ce-134db-1ac-169011 h-52 self-stretch rounded-xl bg-cover bg-center" />
            <div className="font-larken flex justify-center self-stretch text-lg leading-[normal] text-black" >
              <span className="uppercase">pierce at the highlands</span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-paralucent_text flex items-center justify-center self-stretch text-xs leading-4 text-black" >
              <span className="uppercase">
                1781 N. pierce street
                <br />
                Arlington, va 22209
              </span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-larken mr-0 flex w-80 items-center justify-center gap-x-2.5 text-sm leading-[25px] text-black" >
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  HOME #2302
                  <br />
                  2-bed/2-bath
                </span>
              </div>
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  1,690 sq. ft.
                  <br />
                  Priced at $2,099,900
                </span>
              </div>
            </div>
            <div className="font-paralucent_text flex items-center justify-center self-stretch rounded-xl bg-black p-3 text-sm leading-[normal] text-white mix-blend-normal" >
              <div className="flex flex-grow justify-center">
                <a className="underline" href="mailto:cblakemore@mcwb.com">
                  Contact Chris
                </a>
              </div>
            </div>
          </div>
          <div className="flex w-80 flex-col items-center justify-center gap-y-3 self-stretch mix-blend-normal" >
            <div className="mr-0 flex h-8 w-80 items-center justify-center">
              <div className="bg-m-b_accent-5 max-h-full w-3.5 max-w-full self-stretch bg-no-repeat [background-size:100%_100%] [background-position:0px_0px]" />
            </div>
            <div className="font-paralucent_text flex items-center justify-center text-xs leading-[normal] text-black" >
              OPEN SATURDAY 2-4PM & SUNDAY 1-3PM
            </div>
            <div className="bg-cid-675608b388a-94a-0e-b4ce-134db-1ac h-52 self-stretch rounded-xl bg-cover bg-center" />
            <div className="font-larken flex justify-center self-stretch text-lg leading-[normal] text-black" >
              <span className="uppercase">1688 Oak Street</span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-paralucent_text flex items-center justify-center self-stretch text-xs leading-4 text-black" >
              <span className="uppercase">
                1688 Oak Street NW
                <br />
                Washington, dc 20010
              </span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-larken mr-0 flex w-80 items-center justify-center gap-x-2.5 text-sm leading-[25px] text-black" >
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  HOME #22
                  <br />
                  3-bed/2.5-bath
                </span>
              </div>
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  1,700 sq. ft.
                  <br />
                  Priced at $799,000
                </span>
              </div>
            </div>
            <div className="font-paralucent_text flex items-center justify-center self-stretch rounded-xl bg-black p-3 text-sm leading-[normal] text-white mix-blend-normal" >
              <div className="flex flex-grow justify-center">
                <a className="underline" href="mailto:tloynab@mcwb.com">
                  Contact Timur
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className="flex h-[490px] items-center justify-center self-stretch px-6 text-center font-light tracking-[0px] mix-blend-normal" >
        <div className="mt-0 flex flex-grow items-center justify-center gap-x-11 self-stretch" >
          <div className="flex w-80 flex-col items-center justify-center gap-y-3 self-stretch mix-blend-normal" >
            <div className="mr-0 flex h-8 w-80 items-center justify-center">
              <div className="bg-m-b_accent-5 max-h-full w-3.5 max-w-full self-stretch bg-no-repeat [background-size:100%_100%] [background-position:0px_0px]" />
            </div>
            <div className="font-paralucent_text flex items-center justify-center text-xs leading-[normal] text-black" >
              OPEN SUNDAY 1-3PM
            </div>
            <div className="bg-cid-675608b388a-94a-0e-b4ce-134db-1ac-0 h-52 self-stretch rounded-xl bg-cover bg-center" />
            <div className="font-larken flex justify-center self-stretch text-lg leading-[normal] text-black" >
              <span className="uppercase">the barker</span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-paralucent_text flex items-center justify-center self-stretch text-xs leading-4 text-black" >
              <span className="uppercase">
                2310 4th Street NE
                <br />
                Washington, DC 20002
              </span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-larken mr-0 flex w-80 items-center justify-center gap-x-2.5 text-sm leading-[25px] text-black" >
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  HOME #13
                  <br />
                  1-bed/1-bath
                </span>
              </div>
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  512 sq. ft.
                  <br />
                  Priced at $339,900
                </span>
              </div>
            </div>
            <div className="font-paralucent_text flex items-center justify-center self-stretch rounded-xl bg-black p-3 text-sm leading-[normal] text-white mix-blend-normal" >
              <div className="flex flex-grow justify-center">
                <a className="underline" href="mailto:asnow@mcwb.com">
                  Contact Audrey
                </a>
              </div>
            </div>
          </div>
          <div className="flex w-80 flex-col items-center justify-center gap-y-3 self-stretch mix-blend-normal" >
            <div className="mr-0 flex h-8 w-80 items-center justify-center">
              <div className="bg-m-b_accent-5 max-h-full w-3.5 max-w-full self-stretch bg-no-repeat [background-size:100%_100%] [background-position:0px_0px]" />
            </div>
            <div className="font-paralucent_text flex items-center justify-center text-xs leading-[normal] text-black" >
              OPEN SUNDAY 1-3PM
            </div>
            <div className="bg-cid-675608b388a-94a-0e-b4ce-134db-1ac-1 h-52 self-stretch rounded-xl bg-cover bg-center" />
            <div className="font-larken flex justify-center self-stretch text-lg leading-[normal] text-black" >
              <span className="uppercase">2525 PENN</span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-paralucent_text flex items-center justify-center self-stretch text-xs leading-4 text-black" >
              <span className="uppercase">
                2525 Pennsylvania Avenue NW
                <br />
                Washington, DC 20037
              </span>
            </div>
            <img
              className="h-px self-stretch"
              src="/assets/Line21.svg"
             />
            <div className="font-larken mr-0 flex w-80 items-center justify-center gap-x-2.5 text-sm leading-[25px] text-black" >
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  HOME #305
                  <br />
                  1BR/1BA/DUPlex
                </span>
              </div>
              <div className="flex w-36 justify-center self-stretch">
                <span className="uppercase">
                  667 sq. ft.
                  <br />
                  Priced at $604,900
                </span>
              </div>
            </div>
            <div className="font-paralucent_text flex items-center justify-center self-stretch rounded-xl bg-black p-3 text-sm leading-[normal] text-white mix-blend-normal" >
              <div className="flex flex-grow justify-center">
                <a className="underline" href="mailto:jmann@mcwb.com">
                  Contact Jennie
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className="flex h-[601px] w-[700px] flex-col items-center gap-y-2.5 bg-black pb-5 font-light mix-blend-normal" >
        <div className="font-larken mr-6 flex h-36 w-[746px] items-center justify-end pl-12 text-center leading-[30px] text-black" >
          <div className="bg-tt-plan-for-summer-today-our-team-proudly-bridges-the-coast-to-the-city-let-our-coastal-team-help-you-or-your-client-find-their-next-retreat-call-us-today-3023874227trectangle-8trectangle-11bg-rectangle-10 flex flex-grow flex-col items-center justify-end self-stretch bg-cover bg-center mix-blend-normal" >
            <div className="flex items-center justify-center self-stretch">
              <div className="flex flex-grow items-center justify-center self-stretch mix-blend-normal" >
                <span>
                  <span className="text-[21px] leading-[30px] tracking-[0px]">
                    Plan for summer today! Our team proudly bridges the coast to the city.
                    <br />
                  </span>
                  <span className="text-[15px] leading-[30px] tracking-[0.16px]" >
                    Let our Coastal Team help you or your client find their next retreat. Call us today: 302.387.4227
                  </span>
                </span>
              </div>
            </div>
            <div className="flex h-11 items-end justify-center self-stretch">
              <div className="mb-0 h-12 flex-grow bg-stone-100 mix-blend-normal" />
            </div>
            <div className="flex h-3 flex-col items-center self-stretch">
              <div className="mt-[-31px] h-11 self-stretch bg-black mix-blend-normal" />
            </div>
          </div>
        </div>
        <div className="mr-6 flex h-2.5 w-[746px] items-end justify-center">
          <div className="flex h-px flex-grow items-center justify-end pl-11">
            <img
              className="flex-grow self-stretch"
              src="/assets/Line22.svg"
             />
          </div>
        </div>
        <div className="mr-6 flex h-72 w-[746px] items-end justify-center gap-x-20 px-24 pt-4 leading-5 tracking-[0px] text-white" >
          <div className="flex h-60 w-72 flex-col items-start justify-center gap-y-4 pb-[-1.5px]" >
            <div className="h-11 self-stretch text-left">
              <span className="font-larken text-[25px] leading-5">
                Kevin McDuffie
                <br />
              </span>
              <span className="font-paralucent_text text-[13px] uppercase leading-5" >
                Managing broker, sr. vice president
              </span>
            </div>
            <div className="font-paralucent_text self-stretch text-[13px] leading-5" >
              <span className="text-left uppercase">
                email
                <br />
              </span>
              <a className="underline" href="mailto:kmcduffie@mcwb.com">
                <span className="text-left">kmcduffie@mcwb.com</span>
                <br />
              </a>
              <br />
              <span className="text-left uppercase">
                CELL
                <br />
                202.439.2435
                <br />
                <br />
                OFFICE
                <br />
                202.280.2396
              </span>
            </div>
            <img
              className="h-0 w-32"
              src="/assets/Line22.svg"
             />
          </div>
          <div className="bg-kevin-mc-duffie-1 max-h-full w-48 max-w-full self-stretch bg-no-repeat [background-size:100%_115%] [background-position:0px_-0.84px]" />
        </div>
        <div className="font-paralucent_text w-[550px] text-[13px] leading-5 tracking-[0px] text-white" >
          <a className="underline" href="https://mcwb.com/?status=For+Sale">
            <span className="text-left">www.MCWB.com</span>
            <br />
          </a>
          <span className="text-left">
            {"1485 9th St. NW, Washington, DC 20001 "}
            <br />
            {" 1029 N. Royal St., Suite 301, Alexandria, VA 22314"}
            <br />
            39 Baltimore Ave., Suite 1, Rehoboth Beach, DE 19971
          </span>
        </div>
        <div className="font-paralucent_text mr-6 flex w-[746px] items-end justify-center gap-y-3 gap-x-8 pl-24 pr-16 pt-0.5 text-left text-[9px] leading-[13px] tracking-[0px] text-white" >
          <div className="flex flex-grow items-center self-stretch pb-0.5">
            *Disclaimer: Subject to change without notice. Confirm all prices and offers with the Sales Manager. All material presented here is intended for information purposes only. While this information is believed to be correct, it is represented subject to errors, omissions, changes or withdrawal without notice. If your property is currently listed with a real estate broker, please disregard this offer. It is not to solicit the offerings of other real estate brokers. We cooperate with them fully.
          </div>
          <div className="flex h-6 w-14 items-center justify-center gap-x-0.5" >
            <div className="flex w-7 flex-col items-center justify-center self-stretch" >
              <div className="bg-eh-o_wht1 max-h-full max-w-full flex-grow self-stretch bg-no-repeat [background-size:105%_131%] [background-position:-0.68px_0px]" />
            </div>
            <img
              className="h-6 w-6 object-cover object-center"
              src="/assets/realtor_wht1.png"
             />
          </div>
        </div>
      </div>
    </div>
  );
}

interface ArtboardProps {
  className?: string;
}

/**
 * This component was generated from Figma with FireJet.
 * Learn more at https://www.firejet.io
 *
 * README:
 * The output code may look slightly different when copied to your codebase. To fix this:
 * 1. Include the necessary fonts. The required fonts are imported from public/index.html
 * 2. Include the global styles. They can be found in App.css
 *
 * Note: Step 2 is not required for tailwind.css output
 */