/* Footer component for AMARINE */

function Footer() {
  const t = useT();
  const lp = useLocalizedPath();
  return (
    <footer className="amarine-footer">
      <div className="row">
        <div>
          <svg className="amarine-logo" viewBox="0 0 602 315" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <g transform="matrix(0.982301,0,0,0.863095,-197.66,-213.149)">
              <g transform="matrix(1.01802,0,0,1.15862,-58.5336,-14.2173)">
                <g transform="matrix(0.100006,0,0,0.100012,0,0)">
                  <path d="M8174,4937C8174,4937 7639,3573 7112,2304L7064,2304L6867,2843L7313,3979L7465,4368L7634,4799C7734,5041 7777,5287 7544,5287L7544,5343L8528,5343L8528,5287C8407,5278 8316,5283 8174,4937Z" style={{fillRule:'nonzero'}} />
                  <path d="M2757,4270L2663,4270L2708,4147L2757,4270ZM2859,4355L2858,4355C2848,4355 2841,4354 2829,4324C2828,4323 2778,4197 2730,4080C2730,4079 2729,4079 2728,4079L2723,4079C2722,4079 2721,4079 2721,4080L2654,4262C2619,4355 2610,4355 2596,4355C2595,4355 2594,4356 2594,4358L2594,4363C2594,4364 2595,4366 2596,4366L2686,4366C2687,4366 2688,4364 2688,4363L2688,4358C2688,4357 2688,4356 2687,4356L2686,4355C2670,4356 2660,4352 2655,4345C2644,4330 2653,4301 2660,4280L2760,4280L2774,4314C2781,4332 2783,4345 2779,4351C2777,4354 2773,4355 2768,4355C2766,4355 2765,4356 2765,4358L2765,4363C2765,4364 2766,4366 2768,4366L2859,4366C2860,4366 2862,4364 2862,4363L2862,4358C2862,4357 2861,4355 2859,4355Z" style={{fillRule:'nonzero'}} />
                  <path d="M3560,4355C3540,4355 3529,4342 3529,4316L3529,4122C3529,4099 3538,4089 3557,4089C3559,4089 3560,4088 3560,4086L3560,4081C3560,4080 3559,4079 3557,4079L3487,4079C3486,4079 3485,4079 3484,4080L3407,4301L3305,4080C3305,4079 3304,4079 3303,4079L3223,4079C3222,4079 3221,4080 3221,4081L3221,4086C3221,4088 3222,4089 3223,4089L3225,4089C3235,4090 3252,4091 3265,4114L3265,4263C3265,4306 3259,4355 3211,4355C3210,4355 3209,4356 3209,4358L3209,4363C3209,4364 3210,4366 3211,4366L3324,4366C3326,4366 3327,4364 3327,4363L3327,4358C3327,4356 3326,4355 3324,4355C3281,4355 3276,4306 3276,4263L3276,4133L3383,4368C3383,4369 3384,4369 3385,4369L3390,4369C3391,4369 3392,4368 3392,4367L3484,4111L3484,4316C3484,4351 3470,4355 3458,4355C3456,4355 3455,4356 3455,4358L3455,4363C3455,4364 3456,4366 3458,4366L3560,4366C3562,4366 3563,4364 3563,4363L3563,4358C3563,4356 3562,4355 3560,4355Z" style={{fillRule:'nonzero'}} />
                  <path d="M4054,4270L3960,4270L4005,4147L4054,4270ZM4156,4355L4155,4355C4145,4355 4137,4354 4125,4324C4125,4323 4075,4197 4027,4080C4026,4079 4025,4079 4024,4079L4020,4079C4019,4079 4018,4079 4018,4080L3951,4262C3916,4355 3906,4355 3893,4355C3892,4355 3891,4356 3891,4358L3891,4363C3891,4364 3892,4366 3893,4366L3982,4366C3984,4366 3985,4364 3985,4363L3985,4358C3985,4357 3985,4356 3984,4356C3984,4356 3983,4355 3982,4355C3967,4356 3957,4352 3951,4345C3940,4330 3950,4301 3957,4280L4057,4280L4070,4314C4078,4332 4080,4345 4076,4351C4073,4354 4070,4355 4064,4355C4063,4355 4062,4356 4062,4358L4062,4363C4062,4364 4063,4366 4064,4366L4156,4366C4157,4366 4158,4364 4158,4363L4158,4358C4158,4357 4157,4355 4156,4355Z" style={{fillRule:'nonzero'}} />
                  <path d="M4669,4158C4669,4189 4662,4208 4648,4218C4634,4226 4615,4226 4593,4226L4582,4226L4582,4089L4595,4089C4615,4089 4634,4089 4647,4097C4662,4107 4669,4126 4669,4158ZM4759,4355C4744,4354 4724,4347 4718,4322C4703,4256 4684,4237 4661,4231C4700,4223 4718,4200 4718,4158C4718,4091 4676,4079 4592,4079L4515,4079C4514,4079 4513,4080 4513,4081L4513,4086C4513,4088 4514,4089 4515,4089C4531,4089 4538,4093 4538,4117L4538,4316C4538,4349 4530,4355 4515,4355C4514,4355 4513,4356 4513,4358L4513,4363C4513,4364 4514,4366 4515,4366L4605,4366C4606,4366 4608,4364 4608,4363L4608,4358C4608,4356 4606,4355 4605,4355C4591,4355 4582,4350 4582,4321L4582,4236L4598,4236C4631,4236 4651,4250 4658,4276C4660,4286 4662,4294 4664,4301C4680,4363 4681,4366 4728,4366L4759,4366C4760,4366 4761,4364 4761,4363L4761,4358C4761,4357 4760,4355 4759,4355Z" style={{fillRule:'nonzero'}} />
                  <path d="M5219,4079L5122,4079C5121,4079 5120,4080 5120,4081L5120,4086C5120,4088 5121,4089 5122,4089C5137,4089 5148,4094 5148,4118L5148,4320C5148,4352 5133,4355 5122,4355C5121,4355 5120,4356 5120,4358L5120,4363C5120,4364 5121,4366 5122,4366L5219,4366C5221,4366 5222,4364 5222,4363L5222,4358C5222,4356 5221,4355 5219,4355C5202,4355 5194,4344 5194,4320L5194,4118C5194,4094 5204,4089 5219,4089C5221,4089 5222,4088 5222,4086L5222,4081C5222,4080 5221,4079 5219,4079Z" style={{fillRule:'nonzero'}} />
                  <path d="M5892,4079L5778,4079C5776,4079 5775,4080 5775,4081L5775,4086C5775,4087 5776,4088 5778,4088C5800,4088 5814,4099 5821,4120C5828,4138 5828,4161 5828,4180L5828,4297L5659,4080C5659,4079 5658,4079 5657,4079L5583,4079C5582,4079 5581,4080 5581,4081L5581,4086C5581,4087 5582,4088 5583,4088C5584,4089 5585,4089 5586,4089C5595,4089 5606,4090 5629,4118L5645,4138L5645,4263C5645,4300 5645,4355 5589,4355C5588,4355 5587,4356 5587,4358L5587,4363C5587,4364 5588,4366 5589,4366L5705,4366C5706,4366 5707,4364 5707,4363L5707,4358C5707,4356 5706,4355 5705,4355C5655,4355 5655,4297 5655,4263L5655,4151L5821,4365L5822,4366L5835,4366C5837,4366 5838,4364 5838,4363L5838,4179C5838,4160 5838,4137 5845,4119C5853,4099 5868,4088 5892,4088C5894,4088 5895,4087 5895,4086L5895,4081C5895,4080 5894,4079 5892,4079Z" style={{fillRule:'nonzero'}} />
                  <path d="M6456,4277L6451,4277C6449,4277 6448,4278 6448,4280C6441,4354 6377,4355 6341,4355L6320,4355L6320,4226L6343,4226C6367,4226 6395,4232 6396,4264C6396,4265 6397,4266 6399,4266L6404,4266C6405,4266 6406,4265 6406,4264L6406,4178C6406,4176 6405,4175 6404,4175L6399,4175C6397,4175 6396,4176 6396,4178C6395,4203 6377,4216 6343,4216L6320,4216L6320,4089L6339,4089C6369,4089 6438,4089 6443,4153C6443,4155 6444,4156 6446,4156L6451,4156C6452,4156 6453,4155 6453,4153L6453,4081C6453,4080 6452,4079 6451,4079L6255,4079C6253,4079 6252,4080 6252,4081L6252,4086C6252,4088 6253,4089 6255,4089C6269,4089 6274,4098 6274,4124L6274,4316C6274,4344 6268,4355 6255,4355C6253,4355 6252,4356 6252,4358L6252,4363C6252,4364 6253,4366 6255,4366L6456,4366C6457,4366 6458,4364 6458,4363L6458,4280C6458,4278 6457,4277 6456,4277Z" style={{fillRule:'nonzero'}} />
                </g>
              </g>
            </g>
          </svg>
          <div className="tagline">{t('footer.tagline')}</div>
        </div>
        <div>
          <h4>{t('nav.events')}</h4>
          <ul>
            <li><a href={lp('/events', { hash: 'brand' })}>{t('footer.events.brand')}</a></li>
            <li><a href={lp('/events', { hash: 'content' })}>{t('footer.events.content')}</a></li>
            <li><a href={lp('/events', { hash: 'method' })}>{t('footer.events.method')}</a></li>
            <li><a href={lp('/portfolio', { search: 'line=events' })}>{t('footer.events.cases')}</a></li>
          </ul>
        </div>
        <div>
          <h4>{t('nav.hospitality')}</h4>
          <ul>
            <li><a href={lp('/hospitality', { hash: 'concierge' })}>{t('footer.hosp.concierge')}</a></li>
            <li><a href={lp('/hospitality', { hash: 'fnb' })}>{t('footer.hosp.fnb')}</a></li>
            <li><a href={lp('/hospitality', { hash: 'impact' })}>{t('footer.hosp.impact')}</a></li>
            <li><a href={lp('/hospitality', { hash: 'wc' })}>{t('footer.hosp.wc')}</a></li>
          </ul>
        </div>
        <div>
          <h4>{t('footer.studio')}</h4>
          <div className="city">{t('home.presence.mexico.name')}</div>
          <div className="meta">{t('home.presence.mexico.kicker')}</div>
          <div className="addr">{t('home.presence.mexico.cities')}</div>
          <div className="city" style={{marginTop: 24}}>{t('home.presence.spain.name')}</div>
          <div className="meta">{t('home.presence.spain.kicker')}</div>
          <div className="addr">{t('home.presence.spain.cities')}</div>
          <div className="city" style={{marginTop: 24}}>{t('home.presence.us.name')}</div>
          <div className="meta">{t('home.presence.us.kicker')}</div>
          <div className="addr">{t('home.presence.us.cities')}</div>
        </div>
      </div>
      <div className="legal">
        <span>{t('footer.legal')}</span>
        <span>{t('home.eyebrow')}</span>
      </div>
    </footer>
  );
}

Object.assign(window, { Footer });
window.__AMARINE_COMPONENTS__ = window.__AMARINE_COMPONENTS__ || {};
window.__AMARINE_COMPONENTS__.Footer = Footer;