import imgFrame1597884939 from "figma:asset/5da1b0444c0d21bc7ee776c49e36e2a8ea4d3e12.png";

function Frame1597884937() {
  return (
    <div className="basis-0 bg-[#000000] grow min-h-px min-w-px relative shrink-0">
      <div className="flex flex-row items-center justify-center relative size-full">
        <div className="box-border content-stretch flex flex-row gap-2 items-center justify-center p-[8px] relative w-full">
          <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#ffffff] text-[16px] text-left text-nowrap">
            <p className="block leading-[normal] whitespace-pre">
              Android button
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}

function Frame1597884938() {
  return (
    <div className="basis-0 bg-[#000000] grow min-h-px min-w-px relative shrink-0">
      <div className="flex flex-row items-center justify-center relative size-full">
        <div className="box-border content-stretch flex flex-row gap-2 items-center justify-center p-[8px] relative w-full">
          <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#ffffff] text-[16px] text-left text-nowrap">
            <p className="block leading-[normal] whitespace-pre">IOS button</p>
          </div>
        </div>
      </div>
    </div>
  );
}

function Frame1597884942() {
  return (
    <div className="box-border content-stretch flex flex-row gap-[22px] items-center justify-start p-0 relative shrink-0 w-full">
      <Frame1597884937 />
      <Frame1597884938 />
    </div>
  );
}

function Frame1597884943() {
  return (
    <div className="box-border content-stretch flex flex-col gap-[31px] items-start justify-start p-0 relative shrink-0 w-[346px]">
      <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#ffffff] text-[16px] text-left w-full">
        <p className="block leading-[normal]">
          Download our mobile app and unlock instant access to premium city
          experiences across Australia.
        </p>
      </div>
      <Frame1597884942 />
    </div>
  );
}

function Frame1597884944() {
  return (
    <div className="box-border content-stretch flex flex-row items-start justify-between p-0 relative shrink-0 w-full">
      <div className="basis-0 font-['Inter:Regular',_sans-serif] font-normal grow leading-[normal] min-h-px min-w-px not-italic relative shrink-0 text-[#ffffff] text-[44px] text-left">
        <p className="block mb-0">Experience seamless</p>
        <p className="block">city exploration</p>
      </div>
      <Frame1597884943 />
    </div>
  );
}

function Frame1597884941() {
  return (
    <div className="absolute bg-[#ffffff] h-[314px] left-[481px] rounded-[20px] top-[-68px] w-[164px]">
      <div className="h-[314px] overflow-clip relative w-[164px]">
        <div
          className="absolute font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic text-[#000000] text-[16px] text-left text-nowrap top-[149px]"
          style={{ left: "calc(50% - 31px)" }}
        >
          <p className="block leading-[normal] whitespace-pre">Mockup</p>
        </div>
      </div>
      <div
        aria-hidden="true"
        className="absolute border-2 border-[#000000] border-solid inset-0 pointer-events-none rounded-[20px]"
      />
    </div>
  );
}

function Frame1597884940() {
  return (
    <div className="absolute bg-[#ffffff] h-[314px] left-[357px] rounded-[20px] top-[78px] w-[164px]">
      <div className="h-[314px] overflow-clip relative w-[164px]">
        <div
          className="absolute font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic text-[#000000] text-[16px] text-left text-nowrap top-[149px]"
          style={{ left: "calc(50% - 31px)" }}
        >
          <p className="block leading-[normal] whitespace-pre">Mockup</p>
        </div>
      </div>
      <div
        aria-hidden="true"
        className="absolute border-2 border-[#000000] border-solid inset-0 pointer-events-none rounded-[20px]"
      />
    </div>
  );
}

function Frame1597884939() {
  return (
    <div
      className="bg-[#ffffff] bg-[position:50%_50%,_0%_0%] bg-size-[cover,auto] h-[328px] overflow-clip relative rounded-[20px] shrink-0 w-full"
      style={{ backgroundImage: `url('${imgFrame1597884939}')` }}
    >
      <Frame1597884941 />
      <Frame1597884940 />
    </div>
  );
}

export default function Frame1597884945() {
  return (
    <div className="box-border content-stretch flex flex-col gap-[62px] items-start justify-start p-0 relative size-full">
      <Frame1597884944 />
      <Frame1597884939 />
    </div>
  );
}