import imgFrame1000003903 from "figma:asset/6c1d7aa4854f71023510e35ac1f4eb623441cb4a.png";
import img7326E6090Fb09C3Ae7046Baa345E86111 from "figma:asset/916a2ac02159f19d4e05b6fbbad76f315c8dfb66.png";

function Group1216258507() {
  return (
    <div className="absolute h-[81px] left-1 top-4 w-[216px]">
      <div className="absolute bottom-0 left-0 right-0 top-[-0.494%]">
        <svg
          className="block size-full"
          fill="none"
          preserveAspectRatio="none"
          viewBox="0 0 216 82"
        >
          <g id="Group 1216258507">
            <line
              id="Line 34"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="0.8"
              y2="0.8"
            />
            <line
              id="Line 35"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="27.8"
              y2="27.8"
            />
            <line
              id="Line 36"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="54.8"
              y2="54.8"
            />
            <line
              id="Line 37"
              stroke="var(--stroke-0, #6E5D40)"
              strokeWidth="0.4"
              x2="216"
              y1="81.8"
              y2="81.8"
            />
          </g>
        </svg>
      </div>
    </div>
  );
}

function Group1216258508() {
  return (
    <div className="absolute contents left-0 top-0">
      <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-0 not-italic text-[#070707] text-[32.096px] text-left top-0 tracking-[0.321px] w-[223.192px]">
        <p className="adjustLetterSpacing block leading-[0.82]">
          Pick from iconic attraction images to frame your memory.
        </p>
      </div>
      <Group1216258507 />
    </div>
  );
}

function Frame1597884915() {
  return (
    <div className="absolute h-[97px] left-[304px] top-1/2 translate-y-[-50%] w-[223.192px]">
      <Group1216258508 />
    </div>
  );
}

export default function Frame1000003903() {
  return (
    <div
      className="bg-[62.36%_50%] bg-no-repeat bg-size-[120.48%_131.35%] relative rounded-[9px] size-full"
      style={{ backgroundImage: `url('${imgFrame1000003903}')` }}
    >
      <div
        className="absolute bg-[45.49%_77.36%] bg-no-repeat bg-size-[120.63%_118.82%] h-[315px] left-[30px] rounded-[4.585px] top-[30px] w-[234px]"
        data-name="7326e6090fb09c3ae7046baa345e8611 1"
        style={{
          backgroundImage: `url('${img7326E6090Fb09C3Ae7046Baa345E86111}')`,
        }}
      />
      <div className="absolute flex h-[261px] items-center justify-center left-[284px] top-1/2 translate-y-[-50%] 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>
      <Frame1597884915 />
      <div className="absolute inset-0 pointer-events-none shadow-[0px_2.293px_35.535px_1.146px_inset_rgba(76,53,17,0.16)]" />
    </div>
  );
}