import LayoutWithNav from "@/components/layout/LayoutWithNav";
import StandardContainer from "@/components/layout/StandardContainer";
import { genericGetRequest } from "apiCalls/apiEndpoints";
import useInitGAd from "@/components/hooks/useInitGAd";
import { NextSeo } from "next-seo";
import React from "react";
import { callbackify } from "util";

export async function getServerSideProps({ req, res }: any) {
  res.setHeader(
    "Cache-Control",
    "public, s-maxage=10, stale-while-revalidate=59"
  );

  let ashantisAbroad;

  genericGetRequest("v1/ashantis-abroad").then((res) => {
    ashantisAbroad = res.data;
  });

  return {
    props: {
      ashantisAbroad,
    }, // will be passed to the page component as props
  };
}

function AshantisAbroad() {
  useInitGAd();
  return (
    <LayoutWithNav>
      <NextSeo
        title={`Ashantis Abroad | Ashantiweb.com`}
        description={`Ashantis Abroad`}
      />
      <StandardContainer>
        {/* <div style={{ minHeight: "calc(100vh -54px)", marginTop: "54px" }}>
          <div
            className="w-100 pt-50 pb-50 text-center"
            style={{ background: "rgb(0, 0, 0)" }}
          >
            <h2
              className="font-1 weight-2"
              style={{ fontSize: "42px", color: "rgb(255, 255, 255)" }}
            >
              Ashantis Abroad.
            </h2>
          </div>
          <div style={{ overflow: "hidden" }}>
            <svg
              preserveAspectRatio="none"
              viewBox="0 0 1200 120"
              xmlns="http://www.w3.org/2000/svg"
              style="fill: rgb(0, 0, 0); width: 125%; height: 75px;"
            >
              <path
                d="M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0z"
                opacity=".25"
              ></path>
              <path
                d="M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0z"
                opacity=".5"
              ></path>
              <path d="M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0z"></path>
            </svg>
          </div>
          <div className="container">
            <div className="row pt-50 pb-50"></div>
          </div>
        </div> */}
      </StandardContainer>
    </LayoutWithNav>
  );
}

export default AshantisAbroad;