'use client'

import React from 'react'

/** @description Animated logo component with smooth entrance animation */
export function AnimatedLogo() {
  return (
    <div className="logo-container">
      <svg
        viewBox="0 0 500 500"
        className="logo-svg"
        xmlns="http://www.w3.org/2000/svg"
      >
        <defs>
          <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
            <stop offset="0%" stopColor="#6f5e4f" />
            <stop offset="50%" stopColor="#8B4513" />
            <stop offset="100%" stopColor="#5a4a3a" />
          </linearGradient>
        </defs>
        <g className="anchor-group">
          <path
            d="m 243.91061,490.07237 c -14.90708,-20.76527 -40.32932,-38.4875 -72.46962,-50.51961 -6.28037,-2.35113 -18.82672,-6.82739 -27.88083,-9.94725 -26.58857,-9.1619 -41.30507,-16.6129 -58.331488,-29.53333 C 61.948377,382.40597 45.952738,359.43239 36.175195,329.61973 31.523123,315.43512 27.748747,295.05759 28.346836,287.35515 l 0.358542,-4.61742 8.564133,5.67181 c 17.36555,11.50076 46.202142,24.17699 72.956399,32.07091 6.95761,2.05286 12.50649,4.24632 12.33087,4.87435 -0.17562,0.62804 -2.82456,2.39475 -5.88665,3.92604 -10.99498,5.49858 -27.443714,4.43247 -46.080425,-2.98665 -3.96919,-1.58011 -7.405462,-2.6842 -7.636123,-2.45354 -0.733091,0.7331 8.423453,18.11108 13.820007,26.22861 6.692697,10.0673 20.30956,24.52092 29.977331,31.81955 13.28709,10.03091 31.4128,18.34633 64.69007,29.67743 32.46139,11.05328 49.71037,18.63784 59.69045,26.24654 l 6.02195,4.59101 -0.31253,-19.52332 -0.31242,-19.52333 -7.99319,-2.55382 c -8.69798,-2.77901 -17.71738,-7.05988 -17.66851,-8.38597 0.0171,-0.45828 3.48344,-2.37476 7.70338,-4.25887 9.02318,-4.02858 14.84235,-8.8019 16.98658,-13.93357 1.02073,-2.44313 1.54554,-8.63027 1.55114,-18.288 l 0.0114,-14.59572 5.22252,-6.56584 c 2.87241,-3.6112 5.60849,-6.56584 6.08008,-6.56584 0.47171,0 2.99928,2.89079 5.61694,6.42397 l 4.75983,6.42395 v 13.4163 c 0,7.37896 0.34337,15.13294 0.76301,17.23107 1.21074,6.0538 9.83699,13.83192 18.97482,17.10906 4.21709,1.51242 7.66741,3.13118 7.66741,3.59724 0,1.40969 -10.95798,6.50426 -17.85291,8.30017 -3.55972,0.92721 -6.66393,1.87743 -6.89813,2.1116 -0.2342,0.23416 -0.28479,9.22125 -0.11305,19.97131 l 0.31311,19.54557 7.42225,-5.20492 c 14.2352,-9.98251 28.50487,-15.97591 69.08404,-29.01591 32.15697,-10.33354 51.17096,-21.00285 68.8865,-38.65433 5.44702,-5.42731 12.3286,-13.51773 15.29236,-17.97873 6.31188,-9.50047 15.28048,-26.39644 14.45147,-27.22542 -0.31619,-0.31622 -4.13888,0.91353 -8.49471,2.7328 -16.38628,6.84381 -33.37216,7.63073 -45.31663,2.0994 -3.6112,-1.6723 -6.56584,-3.47968 -6.56584,-4.01639 0,-0.53671 4.49618,-2.1476 9.9915,-3.57976 23.71775,-6.18117 56.27541,-20.34419 75.40381,-32.80161 5.2029,-3.38842 9.59627,-6.16077 9.76325,-6.16077 0.77905,0 -1.74309,20.0281 -3.79212,30.11118 -10.03418,49.37761 -36.85181,83.12357 -83.45979,105.02161 -7.17481,3.37096 -23.83594,9.86075 -37.02471,14.42175 -13.18878,4.56101 -29.5231,10.75332 -36.29847,13.76072 -23.95618,10.63344 -42.63708,24.80775 -54.56338,41.40074 -3.25963,4.53506 -6.26267,8.62328 -6.67352,9.08493 -0.41074,0.46165 -3.04107,-2.35654 -5.8452,-6.26267 z m 34.86758,-171.39651 c -8.02882,-2.65244 -13.68035,-6.12472 -18.52766,-11.3835 -7.99982,-8.6787 -9.25418,-19.58887 -2.92642,-25.45323 8.04229,-7.45329 19.44527,1.51479 16.03892,12.61397 -2.33287,7.60092 4.14778,13.97005 15.38598,15.12141 8.15124,0.83509 14.941,-1.21966 20.43655,-6.18454 6.12404,-5.53271 9.17094,-11.86882 9.86486,-20.51478 1.55627,-19.38781 -10.53206,-31.91492 -32.05352,-33.21705 l -8.90955,-0.53906 0.34542,-4.13189 0.34542,-4.13188 6.85131,-0.83791 c 3.76822,-0.46085 9.67748,-2.25932 13.13168,-3.99661 5.27459,-2.65283 6.79798,-4.16444 9.51212,-9.43904 2.81144,-5.46344 3.16234,-7.21325 2.69794,-13.45198 -1.22696,-16.48308 -15.40791,-25.2854 -29.37796,-18.23534 -5.9828,3.01925 -7.91372,6.32211 -7.93668,13.57612 -0.0297,9.5422 -6.97497,13.90506 -13.45471,8.45272 -6.86148,-5.77354 -5.78708,-15.5242 2.71163,-24.61003 7.8572,-8.40003 14.42064,-10.84415 28.99634,-10.79793 14.64571,0.0465 21.23781,2.50341 29.00982,10.81224 12.89303,13.78369 10.70986,34.61471 -4.791,45.71466 l -6.12953,4.38921 4.37251,1.23081 c 25.92707,7.29825 32.76148,44.84186 11.74212,64.50302 -9.16226,8.57024 -16.45879,11.34706 -30.77826,11.71308 -7.67004,0.19605 -13.63536,-0.23717 -16.55733,-1.20247 z m -117.34776,-3.72918 c -0.48725,-2.54908 1.80726,-5.70645 15.6863,-21.58442 35.10383,-40.15975 42.19745,-49.83471 46.31691,-63.17223 2.70251,-8.74969 2.80128,-12.74584 0.50597,-20.47516 -3.45134,-11.62193 -12.14897,-17.981 -23.47304,-17.16189 -9.02329,0.65269 -14.71616,4.55969 -18.7968,12.90021 -2.8345,5.79339 -3.06665,7.20368 -2.47447,15.03287 0.60726,8.02964 0.46099,8.83207 -2.07115,11.36429 -3.68897,3.68892 -8.91047,3.59769 -12.73065,-0.22245 -2.74874,-2.74882 -2.91134,-3.50193 -2.41759,-11.19584 0.96135,-14.981 9.97173,-28.80197 23.11072,-35.44971 7.61775,-3.85421 21.95103,-5.215 31.30181,-2.97178 7.94547,1.90607 18.53931,8.97743 22.86202,15.26017 5.07443,7.37542 7.49865,18.63231 5.93335,27.55058 -2.57289,14.65775 -11.60508,27.27542 -42.13041,58.85468 -8.80257,9.10653 -15.90852,16.65399 -15.79091,16.77213 0.11762,0.11814 8.67764,-0.55532 19.02232,-1.49658 22.12825,-2.01346 26.54038,-3.54037 32.11506,-11.11408 2.11089,-2.86785 4.73723,-5.23433 5.83629,-5.25882 1.80556,-0.0402 1.9983,1.42531 1.9983,15.19222 v 15.23676 l -18.55563,0.80653 c -10.2056,0.44359 -21.3818,1.05308 -24.836,1.35443 -41.24066,3.59798 -40.6816,3.60099 -41.4124,-0.22191 z m 81.04997,-129.22655 -5.38102,-5.46318 v -12.27272 c 0,-23.10708 -0.85321,-23.61821 -39.42803,-23.61821 h -26.82106 l -4.729,3.42565 c -5.77382,4.18252 -14.2336,4.72364 -19.89312,1.27243 -7.00672,-4.27264 -9.42215,-15.31834 -4.93683,-22.57567 3.10342,-5.02149 7.55711,-7.24388 14.51679,-7.24388 4.92541,0 6.24291,0.56121 10.86127,4.62649 l 5.25598,4.6265 26.69316,-0.34443 26.69316,-0.34443 5.03743,-3.42244 c 2.77055,-1.88234 5.41493,-3.93773 5.87637,-4.56754 0.46143,-0.6298 0.84682,-9.40057 0.85641,-19.4906 l 0.0171,-18.345503 -6.27649,-2.601478 C 221.82298,75.651026 214.15603,68.309687 210.20431,59.638703 205.798,49.970032 205.46445,36.03038 209.4333,27.413767 c 4.32854,-9.397446 9.77134,-15.003041 18.9924,-19.5602906 7.41118,-3.6628619 9.41542,-4.1478427 17.50145,-4.2351999 22.40961,-0.2420653 40.20589,14.9762335 42.17518,36.0659185 1.55913,16.695845 -7.19056,31.506762 -23.27253,39.394063 l -6.03497,2.959841 v 19.086151 19.08616 l 6.53009,4.08461 6.5301,4.08461 h 25.40294 25.40295 l 3.75087,-3.2582 c 5.50993,-4.78616 8.5051,-6.0672 14.18575,-6.0672 14.9,0 21.07325,19.14167 9.36014,29.02291 -5.95892,5.02692 -15.67557,4.31567 -22.21183,-1.62587 -2.2752,-2.0682 -4.13705,-2.17691 -31.78277,-1.8556 l -29.36598,0.34129 -3.33019,3.72915 c -3.22731,3.61393 -3.33019,4.09668 -3.33019,15.62658 0,6.54358 -0.54445,13.34398 -1.20983,15.11196 -1.13264,3.00931 -8.72537,11.77866 -10.19818,11.77866 -0.36723,0 -3.08914,-2.45843 -6.04867,-5.46318 z M 254.5443,66.649178 c 9.52447,-2.644944 16.82956,-12.657909 16.78663,-23.009017 -0.0948,-22.874608 -27.66046,-33.625313 -41.90559,-16.343468 -15.25489,18.506838 2.12665,45.737518 25.11896,39.352485 z"
            fill="#6F5E4F"
          />
        </g>
      </svg>

      <style jsx>{`
        .logo-container {
          display: flex;
          align-items: center;
          justify-content: center;
          animation: logoEntrance 1.5s ease-out forwards;
          opacity: 0;
          transform: scale(0.8) translateY(-20px);
        }

        .logo-svg {
          width: 120px;
          height: 120px;
          filter: drop-shadow(0 4px 8px rgba(139, 69, 19, 0.2));
        }

        .anchor-group {
          opacity: 1;
        }

        .text-group {
          opacity: 1;
        }

        @keyframes logoEntrance {
          0% {
            opacity: 0;
            transform: scale(0.8) translateY(-20px);
          }
          100% {
            opacity: 1;
            transform: scale(1) translateY(0);
          }
        }



        @media (min-width: 768px) {
          .logo-svg {
            width: 200px;
            height: 137px;
          }
        }
        }
        }
      `}</style>
    </div>
  )
}