---
interface Props {
}
const {}=Astro.props
const response = await fetch(`${import.meta.env.PUBLIC_STRAPI_URL}`, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
        query: `
        query{
            headerSection{
              data{
                attributes{
                  title1
                  title2
                  title3
                  title4
                  title5
                  title6
                  title7
                }
              }
            }
        }`,
    }),
});
const data = await response.json();
---

<div class="navbar-section">
    <nav class="navbar navbar-expand-lg">
        <a class="navbar-brand logo" href="/">
            <img src="/assets/images/home/logo2.png" alt="logo" /></a
        >
        <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
            ><span class="navbar-toggler-icon"></span>
        </button>
        <div
            class="collapse navbar-collapse"
            id="navbarSupportedContent"
        >
            <ul class="navbar-nav">
                <li class="nav-item dropdown">
                    <a
                        href="/crypto-marketing-agency"
                        class="nav-link "
                        >{data.data.headerSection.data.attributes.title1}</a
                    >
                </li>
                <li class="nav-item dropdown">
                    <a
                        href="/web3-marketing-agency"
                        class="nav-link "
                        >{data.data.headerSection.data.attributes.title2}</a
                    >
                </li>
                <li class="nav-item dropdown">
                    <a
                        href="/nft-marketing-agency"
                        class="nav-link "
                        >{data.data.headerSection.data.attributes.title3}</a
                    >
                </li>
                <li class="nav-item dropdown">
                    <a
                        href="/metaverse-marketing-agency"
                        class="nav-link "
                        >{data.data.headerSection.data.attributes.title4}</a
                    >
                </li>
                <li class="nav-item dropdown">
                    <a
                        href="/exchange-marketing-agency"
                        class="nav-link "
                        >{data.data.headerSection.data.attributes.title5}</a
                    >
                </li>
                <li class="nav-item dropdown">
                    <a
                        href="/crypto-game-marketing-agency"
                        class="nav-link "
                        >{data.data.headerSection.data.attributes.title6}</a
                    >
                </li>
                <!-- <li class="nav-item dropdown">
                    <a
                        href="/blog"
                        class="nav-link "
                        >Blog</a
                    >
                </li> -->
                <li class="nav-item dropdown">
                    <a
                        class="nav-link "
                        href="/contactus"
                        role="button"
                        aria-expanded="false">{data.data.headerSection.data.attributes.title7}</a
                    >
                </li>
            </ul>

            <div class="others-options">
                <div class="burger-menu">
                    <span></span><span></span><span></span>
                </div>
            </div>
        </div>
    </nav>
</div>