import svgPaths from "./svg-7twn37a15";
import img938886Odhggd01 from "figma:asset/183ba346669a0a079762ab3f9535b7d1469ed4d9.png";
import imgFrame1000003903 from "figma:asset/6c1d7aa4854f71023510e35ac1f4eb623441cb4a.png";
import img7326E6090Fb09C3Ae7046Baa345E86111 from "figma:asset/916a2ac02159f19d4e05b6fbbad76f315c8dfb66.png";

function ConvertTextToACircleFigmaPlugin1() {
  return (
    <div
      className="absolute contents left-[521.618px] top-[252.432px]"
      data-name="Convert text to a circle figma plugin!1"
    >
      <div className="absolute flex h-[13.106px] items-center justify-center left-[521.618px] top-[252.432px] w-[9.861px]">
        <div className="flex-none rotate-[8.861deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">C</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[12.354px] items-center justify-center left-[530.732px] top-[254.994px] w-[6.959px]">
        <div className="flex-none rotate-[19.54deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">i</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[13.822px] items-center justify-center left-[534.091px] top-[256.899px] w-[11.889px]">
        <div className="flex-none rotate-[29.576deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">t</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[13.362px] items-center justify-center left-[537.732px] top-[261.994px] w-[14.038px]">
        <div className="flex-none rotate-[51.084deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">y</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[12.08px] items-center justify-center left-[541.31px] top-[269.496px] w-[14.188px]">
        <div className="flex-none rotate-[67.534deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">C</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[10.163px] items-center justify-center left-[545.732px] top-[278.994px] w-[13.453px]">
        <div className="flex-none rotate-[76.015deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">a</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[8.211px] items-center justify-center left-[547.733px] top-[289.994px] w-[12.069px]">
        <div className="flex-none rotate-[90.489deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">r</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[10.9px] items-center justify-center left-[545.732px] top-[295.995px] w-[13.671px]">
        <div className="flex-none rotate-[104.769deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">d</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[12.472px] items-center justify-center left-[542.732px] top-[302.995px] w-[14.134px]">
        <div className="flex-none rotate-[119.915deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">s</p>
          </div>
        </div>
      </div>
    </div>
  );
}

function ConvertTextToACircleFigmaPlugin2() {
  return (
    <div
      className="absolute contents left-[479.158px] top-[268.255px]"
      data-name="Convert text to a circle figma plugin!1"
    >
      <div className="absolute flex h-[13.552px] items-center justify-center left-[510.832px] top-[317.739px] w-[10.668px]">
        <div className="flex-none rotate-[193.391deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">C</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[12.231px] items-center justify-center left-[504.907px] top-[316.101px] w-[7.748px]">
        <div className="flex-none rotate-[204.071deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">i</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[13.782px] items-center justify-center left-[495.956px] top-[312.468px] w-[12.408px]">
        <div className="flex-none rotate-[214.106deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">t</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[12.954px] items-center justify-center left-[489.751px] top-[309.341px] w-[14.13px]">
        <div className="flex-none rotate-[235.614deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">y</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[11.411px] items-center justify-center left-[485.483px] top-[302.964px] w-[13.914px]">
        <div className="flex-none rotate-[252.064deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">C</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[9.354px] items-center justify-center left-[482.498px] top-[296.197px] w-[13.066px]">
        <div className="flex-none rotate-[260.545deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">a</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[9.128px] items-center justify-center left-[482.137px] top-[288.595px] w-[12.663px]">
        <div className="flex-none rotate-[275.019deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">r</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[11.62px] items-center justify-center left-[483.521px] top-[277.907px] w-[14.006px]">
        <div className="flex-none rotate-[289.299deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">d</p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[12.959px] items-center justify-center left-[487.643px] top-[268.833px] w-[14.129px]">
        <div className="flex-none rotate-[304.445deg]">
          <div className="font-['Poppins:Regular',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[11.227px] text-left text-nowrap uppercase">
            <p className="block leading-[normal] whitespace-pre">s</p>
          </div>
        </div>
      </div>
    </div>
  );
}

function IconoirSeaWaves() {
  return (
    <div
      className="h-[2.098px] relative w-[3.227px]"
      data-name="iconoir:sea-waves"
    >
      <svg
        className="block size-full"
        fill="none"
        preserveAspectRatio="none"
        viewBox="0 0 4 3"
      >
        <g clipPath="url(#clip0_2048_120)" id="iconoir:sea-waves">
          <path
            d={svgPaths.p1347bee0}
            id="Vector"
            stroke="var(--stroke-0, #87E9FF)"
            strokeLinecap="round"
            strokeLinejoin="round"
            strokeWidth="0.231944"
          />
        </g>
        <defs>
          <clipPath id="clip0_2048_120">
            <rect fill="white" height="2.09758" width="3.22705" />
          </clipPath>
        </defs>
      </svg>
    </div>
  );
}

function NounCoconutTree77945312() {
  return (
    <div
      className="h-[8.39px] relative w-[6.849px]"
      data-name="noun-coconut-tree-7794531 2"
    >
      <svg
        className="block size-full"
        fill="none"
        preserveAspectRatio="none"
        viewBox="0 0 7 9"
      >
        <g id="noun-coconut-tree-7794531 2">
          <path d={svgPaths.p80f500} fill="var(--fill-0, black)" id="Vector" />
        </g>
      </svg>
    </div>
  );
}

function Group58657() {
  return (
    <div className="absolute contents left-[498.158px] top-[278.432px]">
      <div className="absolute flex h-[3.312px] items-center justify-center left-[515.343px] top-[296.008px] w-[3.815px]">
        <div className="flex-none rotate-[333.432deg]">
          <IconoirSeaWaves />
        </div>
      </div>
      <div className="absolute flex h-[30.203px] items-center justify-center left-[498.158px] top-[278.432px] w-[45.643px]">
        <div className="flex-none rotate-[333.432deg]">
          <div className="font-['Goodly:Medium',_sans-serif] leading-[0] not-italic relative text-[#000000] text-[10.245px] text-left text-nowrap">
            <p className="leading-[normal] whitespace-pre">
              <span>{`C `}</span>
              <span className="tracking-[-3.2px]"> </span>tyCards
            </p>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[10.552px] items-center justify-center left-[504.391px] top-[296.346px] w-[9.867px]">
        <div className="flex-none rotate-[153.432deg] scale-y-[-100%]">
          <NounCoconutTree77945312 />
        </div>
      </div>
      <div className="absolute flex h-[4.822px] items-center justify-center left-[526.636px] top-[290.363px] w-[4.822px]">
        <div className="flex-none rotate-[333.432deg]">
          <div className="relative size-[3.596px]">
            <svg
              className="block size-full"
              fill="none"
              preserveAspectRatio="none"
              viewBox="0 0 4 4"
            >
              <circle
                cx="1.79793"
                cy="1.79793"
                id="Ellipse 1"
                r="1.49827"
                stroke="var(--stroke-0, black)"
                strokeWidth="0.59931"
              />
            </svg>
          </div>
        </div>
      </div>
      <div className="absolute flex h-[1.999px] items-center justify-center left-[529.919px] top-[293.142px] w-[2.802px]">
        <div className="flex-none rotate-[333.432deg]">
          <div className="h-[0.899px] relative w-[2.697px]">
            <svg
              className="block size-full"
              fill="none"
              preserveAspectRatio="none"
              viewBox="0 0 3 1"
            >
              <path
                d={svgPaths.p3794ff00}
                fill="var(--fill-0, black)"
                id="Vector 10"
              />
            </svg>
          </div>
        </div>
      </div>
    </div>
  );
}

function Group1216258263() {
  return (
    <div className="absolute contents left-[479.158px] top-[252.432px]">
      <div className="absolute bottom-[8.158%] flex items-center justify-center left-[80.601%] right-[5.415%] top-[69.036%]">
        <div className="flex-none rotate-[358.074deg] size-[80.907px]">
          <div className="relative size-full" data-name="Vector">
            <div className="absolute inset-[-0.463%]">
              <svg
                className="block size-full"
                fill="none"
                preserveAspectRatio="none"
                viewBox="0 0 83 83"
              >
                <path
                  d={svgPaths.p1a313240}
                  id="Vector"
                  stroke="var(--stroke-0, #765840)"
                  strokeMiterlimit="10"
                  strokeWidth="0.75"
                />
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div className="absolute bottom-[11.744%] flex items-center justify-center left-[82.811%] right-[7.617%] top-[72.645%]">
        <div className="flex-none rotate-[356.727deg] size-[54.202px]">
          <div className="relative size-full" data-name="Vector">
            <div className="absolute inset-[-0.692%]">
              <svg
                className="block size-full"
                fill="none"
                preserveAspectRatio="none"
                viewBox="0 0 56 56"
              >
                <path
                  d={svgPaths.pefd30f0}
                  id="Vector"
                  stroke="var(--stroke-0, #765840)"
                  strokeMiterlimit="10"
                  strokeWidth="0.75"
                />
              </svg>
            </div>
          </div>
        </div>
      </div>
      <ConvertTextToACircleFigmaPlugin1 />
      <ConvertTextToACircleFigmaPlugin2 />
      <Group58657 />
    </div>
  );
}

function MaskGroup() {
  return (
    <div
      className="absolute contents left-[479.158px] top-[252.432px]"
      data-name="Mask group"
    >
      <Group1216258263 />
      <div className="absolute flex h-[313.017px] items-center justify-center left-[405.158px] top-[168.431px] w-[313.666px]">
        <div className="flex-none rotate-[298.418deg]">
          <div
            className="bg-center bg-cover bg-no-repeat h-[231.987px] w-[230.381px]"
            data-name="938886_ODHGGD0 1"
            style={{ backgroundImage: `url('${img938886Odhggd01}')` }}
          />
        </div>
      </div>
    </div>
  );
}

function Frame1000003903() {
  return (
    <div
      className="absolute bg-[62.36%_50%] bg-no-repeat bg-size-[120.48%_131.35%] h-[366.47px] left-[13.842px] rounded-[9px] top-[23.568px] w-[597.675px]"
      style={{ backgroundImage: `url('${imgFrame1000003903}')` }}
    >
      <div
        className="absolute bg-[45.49%_77.36%] bg-no-repeat bg-size-[120.63%_118.82%] h-[300px] left-[37.158px] rounded-[4.585px] top-[32.432px] w-[223px]"
        data-name="7326e6090fb09c3ae7046baa345e8611 1"
        style={{
          backgroundImage: `url('${img7326E6090Fb09C3Ae7046Baa345E86111}')`,
        }}
      />
      <div className="[text-shadow:rgba(0,0,0,0.15)_2.293px_2.293px_36.681px] absolute css-qhcors font-['Thesignature:Regular',_sans-serif] leading-[0] left-[309.973px] not-italic text-[#070707] text-[32.096px] text-left top-[127.781px] tracking-[0.321px] w-[223.192px]">
        <p className="adjustLetterSpacing block leading-[0.82]">
          Pick from iconic attraction images to frame your memory.
        </p>
      </div>
      <div className="absolute flex h-[261px] items-center justify-center left-[284.158px] top-[48.432px] w-[0px]">
        <div className="flex-none rotate-[90deg]">
          <div className="h-0 relative w-[261px]">
            <div className="absolute bottom-0 left-0 right-0 top-[-0.4px]">
              <svg
                className="block size-full"
                fill="none"
                preserveAspectRatio="none"
                viewBox="0 0 261 1"
              >
                <line
                  id="Line 33"
                  stroke="var(--stroke-0, #6E5D40)"
                  strokeWidth="0.4"
                  x2="261"
                  y1="0.8"
                  y2="0.8"
                />
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div className="absolute h-0 left-[306.158px] top-[143.432px] w-[216px]">
        <div className="absolute bottom-0 left-0 right-0 top-[-0.4px]">
          <svg
            className="block size-full"
            fill="none"
            preserveAspectRatio="none"
            viewBox="0 0 216 1"
          >
            <line
              id="Line 34"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="0.8"
              y2="0.8"
            />
          </svg>
        </div>
      </div>
      <div className="absolute h-0 left-[306.158px] top-[170.432px] w-[216px]">
        <div className="absolute bottom-0 left-0 right-0 top-[-0.4px]">
          <svg
            className="block size-full"
            fill="none"
            preserveAspectRatio="none"
            viewBox="0 0 216 1"
          >
            <line
              id="Line 34"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="0.8"
              y2="0.8"
            />
          </svg>
        </div>
      </div>
      <div className="absolute h-0 left-[306.158px] top-[197.432px] w-[216px]">
        <div className="absolute bottom-0 left-0 right-0 top-[-0.4px]">
          <svg
            className="block size-full"
            fill="none"
            preserveAspectRatio="none"
            viewBox="0 0 216 1"
          >
            <line
              id="Line 34"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="0.8"
              y2="0.8"
            />
          </svg>
        </div>
      </div>
      <div className="absolute h-0 left-[306.158px] top-[224.432px] w-[216px]">
        <div className="absolute bottom-0 left-0 right-0 top-[-0.4px]">
          <svg
            className="block size-full"
            fill="none"
            preserveAspectRatio="none"
            viewBox="0 0 216 1"
          >
            <line
              id="Line 34"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="0.8"
              y2="0.8"
            />
          </svg>
        </div>
      </div>
      <MaskGroup />
      <div className="absolute inset-0 pointer-events-none shadow-[0px_2.293px_35.535px_1.146px_inset_rgba(76,53,17,0.16)]" />
    </div>
  );
}

function Group1216258262() {
  return (
    <div className="relative size-full">
      <svg
        className="block size-full"
        fill="none"
        preserveAspectRatio="none"
        viewBox="0 0 48 64"
      >
        <g id="Group 1216258262">
          <path
            d={svgPaths.p285ae700}
            fill="var(--fill-0, #765840)"
            id="Vector"
          />
          <path
            d={svgPaths.p33bc9700}
            fill="var(--fill-0, #F2E4CD)"
            id="Vector_2"
          />
        </g>
      </svg>
    </div>
  );
}

function Group1000002456() {
  return (
    <div className="absolute contents left-[13.842px] top-[23.568px]">
      <Frame1000003903 />
      <div className="absolute bottom-[73.421%] flex items-center justify-center left-[82.833%] right-[6.485%] top-[8.185%]">
        <div className="flex-none h-[63.844px] rotate-[339.573deg] w-[47.511px]">
          <Group1216258262 />
        </div>
      </div>
    </div>
  );
}

export default function Component70() {
  return (
    <div className="relative size-full" data-name="Component 70">
      <Group1000002456 />
    </div>
  );
}