import svgPaths from "./svg-xklexce4dq";
import imgRectangle4429 from "figma:asset/43f3bc1f9c8cc5b8f60f3f6be0bc1ad29eded0d7.png";

function Frame1261155256() {
  return (
    <div className="absolute content-stretch flex flex-col gap-7 items-start justify-start leading-[0] left-[91.29px] not-italic top-[582px] w-[849.639px]">
      <div className="font-['Poppins:Medium',_sans-serif] leading-[80px] relative shrink-0 text-[#ffffff] text-[60px] w-[771.315px]">
        <p className="mb-0">Melbourne City Card.</p>
        <p>See More, Spend Less.</p>
      </div>
      <div className="font-['Poppins:Regular',_sans-serif] min-w-full relative shrink-0 text-[22px] text-[rgba(255,255,255,0.74)]" style={{ width: "min-content" }}>
        <p className="leading-[40px]">Instant QR access to 40+ attractions, exclusive perks, and savings up to 30%</p>
      </div>
    </div>
  );
}

function LightGray() {
  return (
    <div className="relative size-full" data-name="LightGray">
      <svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 15 24">
        <g id="LightGray">
          <path d={svgPaths.p7ae9780} fill="var(--fill-0, white)" id="Vector" />
        </g>
      </svg>
    </div>
  );
}

function Group58839() {
  return (
    <div className="h-[6.424px] relative w-[6.505px]">
      <svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 7 7">
        <g id="Group 58839">
          <path d={svgPaths.p233cb880} fill="var(--fill-0, white)" id="Rectangle 120" />
          <path d={svgPaths.p3a572b0} fill="var(--fill-0, white)" id="Rectangle 121" />
        </g>
      </svg>
    </div>
  );
}

function Group58841() {
  return (
    <div className="absolute contents left-[141.96px] top-[41.48px]">
      <div className="absolute flex inset-[4.23%_89.67%_93.39%_9.39%] items-center justify-center">
        <div className="flex-none h-[23.333px] scale-y-[-100%] w-[14.276px]">
          <LightGray />
        </div>
      </div>
      <div className="absolute flex h-[8.453px] items-center justify-center left-[149.99px] top-[41.48px] w-[8.917px]">
        <div className="flex-none rotate-[25.872deg]">
          <Group58839 />
        </div>
      </div>
    </div>
  );
}

function Frame82() {
  return (
    <div className="absolute h-[22.528px] left-[132.88px] overflow-clip top-[42.32px] w-[4.371px]">
      <div className="absolute font-['Chillax:Medium',_sans-serif] leading-[0] left-[-2.91px] not-italic text-[#ffffff] text-[36.664px] text-nowrap top-[-15.07px]">
        <p className="leading-[normal] whitespace-pre">i</p>
      </div>
      <div className="absolute bg-[#ffffff] h-[22.695px] left-[0.39px] top-[-0.11px] w-[3.961px]" />
    </div>
  );
}

function Group58855() {
  return (
    <div className="absolute h-[14.254px] left-[121.25px] top-[23.58px] w-[27.998px]">
      <svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 28 15">
        <g id="Group 58855">
          <path d={svgPaths.p2193a880} fill="var(--fill-0, #FF8800)" id="Ellipse 10" />
          <path d={svgPaths.p2c30f300} fill="var(--fill-0, #FF78AC)" id="Ellipse 11" />
          <path d={svgPaths.p7126770} fill="var(--fill-0, #FFD700)" id="Ellipse 12" />
          <path d={svgPaths.p339e2d00} fill="var(--fill-0, #F07000)" id="Ellipse 13" />
          <path d={svgPaths.p165b1900} fill="var(--fill-0, #5E0FCD)" id="Ellipse 14" />
          <g id="Group 58854">
            <path d={svgPaths.p229f6800} fill="var(--fill-0, #FF8800)" id="Ellipse 18" />
            <path d={svgPaths.p5ff2880} fill="var(--fill-0, #FF78AC)" id="Ellipse 19" />
            <path d={svgPaths.p628b00} fill="var(--fill-0, #FFD700)" id="Ellipse 20" />
            <path d={svgPaths.p2946b000} fill="var(--fill-0, #F07000)" id="Ellipse 21" />
          </g>
        </g>
      </svg>
    </div>
  );
}

function Group58856() {
  return (
    <div className="absolute contents top-[23.58px] translate-x-[-50%]" style={{ left: "calc(50% - 560.09px)" }}>
      <div className="absolute font-['Chillax:Medium',_sans-serif] leading-[0] left-[104.91px] not-italic text-[#ffffff] text-[36.664px] text-nowrap top-[27.24px]">
        <p className="leading-[normal] whitespace-pre">{`C   yCards`}</p>
      </div>
      <Group58841 />
      <Frame82 />
      <Group58855 />
    </div>
  );
}

export default function MacBookPro142() {
  return (
    <div className="bg-[#ffffff] relative size-full" data-name="MacBook Pro 14' - 2">
      <div className="absolute bg-[position:0%_0%,_50%_50%] bg-size-[auto,cover] h-[982px] left-0 top-0 w-[1512px]" style={{ backgroundImage: `url('${imgRectangle4429}')` }} />
      <Frame1261155256 />
      <div className="absolute h-[840.118px] rounded-[56px] top-[100.11px] translate-x-[-50%] w-[1449.56px]" style={{ left: "calc(50% + 7.086px)" }}>
        <div aria-hidden="true" className="absolute border-2 border-[#ffffff] border-solid inset-0 pointer-events-none rounded-[56px]" />
      </div>
      <div className="absolute bg-[#5869e6] h-[61.805px] left-[91.29px] rounded-[11px] top-[834.87px] w-[262.349px]" />
      <div className="absolute font-['Poppins:Medium',_sans-serif] leading-[0] left-[129.09px] not-italic text-[#ffffff] text-[20px] top-[825.77px] w-[186.751px]">
        <p className="leading-[80px]">Explore Melbourne</p>
      </div>
      <div className="absolute backdrop-blur-[10px] backdrop-filter bg-[rgba(255,255,255,0.2)] h-[66.549px] left-[38.31px] rounded-[33.275px] top-[17.79px] w-[1449.56px]" />
      <Group58856 />
    </div>
  );
}