Design overhaul ✨

app/(landing)/_components/sponsors-section.tsx

@@ -59,15 +59,15 @@ export const SponsorsSection: FC<SponsorsSectionProps> = async ({
       </div>
       <span className="text-center text-sm">
         <a
-          className="text-muted-foreground underline decoration-dotted underline-offset-4"
+          className="text-zinc-500 underline decoration-dotted underline-offset-4 dark:text-zinc-400"
           href="https://github.com/sponsors/wotschofsky"
           target="_blank"
         >
           Sponsor through GitHub and add your logo
         </a>{' '}
         or{' '}
         <a
-          className="text-muted-foreground underline decoration-dotted underline-offset-4"
+          className="text-zinc-500 underline decoration-dotted underline-offset-4 dark:text-zinc-400"
           href="https://wotschofsky.com#contact"
           target="_blank"
         >

app/(landing)/_components/trusted-by-logos.tsx

@@ -24,15 +24,15 @@ export const TrustedByLogos: FC<TrustedByLogoProps> = ({ subpage }) => (
         xmlSpace="preserve"
       >
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M1873.4 510c-8.9 0-16-7.1-16-16 0-8.7 7.1-16 16-16 8.7 0 16 7.1 16 16 0 8.7-7.3 16-16 16m0-28.9c-7.1 0-12.9 5.8-12.9 12.9s5.8 12.9 12.9 12.9 12.9-5.8 12.9-12.9-5.8-12.9-12.9-12.9m8.1 21.3h-3.7l-3.2-6h-4.2v6h-3.4v-17.6h8.4c3.7 0 6 2.4 6 5.8 0 2.6-1.6 4.5-3.7 5.3l3.8 6.5zm-6.3-9.2c1.3 0 2.6-.8 2.6-2.6 0-2.1-1.1-2.6-2.6-2.6h-5.3v5.3h5.3zM202.7 476.4h41v111.7h71.2v35.8H202.7V476.4zm154.6 74.1v-.5c0-42.3 34.2-76.8 79.7-76.8s79.1 33.9 79.1 76.2v.5c0 42.3-34.2 76.8-79.7 76.8s-79.1-33.9-79.1-76.2m117.2 0v-.5c0-21.3-15.2-39.7-37.9-39.7-22.3 0-37.3 18.1-37.3 39.4v.5c0 21.3 15.2 39.7 37.6 39.7 22.6 0 37.6-18.1 37.6-39.4m91.8 8.7v-82.8h41.5v82c0 21.3 10.8 31.3 27.1 31.3S662 580 662 559.5v-83.1h41.5v81.8c0 47.6-27.1 68.4-69.1 68.4-41.8-.1-68.1-21.2-68.1-67.4m199.8-82.8h56.8c52.6 0 83.3 30.2 83.3 72.8v.5c0 42.6-31 74.1-84.1 74.1h-56V476.4zm57.5 111.2c24.4 0 40.7-13.4 40.7-37.3v-.5c0-23.7-16.3-37.3-40.7-37.3H807v74.9h16.6v.2zm142-111.2h118v35.8h-77.3v25.2h69.9v33.9h-69.9v52.6h-40.7V476.4zm174.8 0h40.7v111.7h71.5v35.8h-112.3V476.4zm219-1.1h39.4l62.8 148.5h-43.9l-10.8-26.3h-56.8l-10.5 26.3h-42.9l62.7-148.5zm36 90.4l-16.3-41.8-16.6 41.8h32.9zm118.9-89.3h69.7c22.6 0 38.1 5.8 48.1 16 8.7 8.4 13.1 19.7 13.1 34.4v.5c0 22.6-12.1 37.6-30.2 45.2l35.2 51.5h-47.3l-29.7-44.7h-17.9V624h-41V476.4zm67.8 70.7c13.9 0 21.8-6.8 21.8-17.4v-.5c0-11.6-8.4-17.4-22.1-17.4H1555V547l27.1.1zm122-70.7h118.6v34.7h-78.1v22.3h70.7v32.3h-70.7v23.4h79.1v34.7h-119.6V476.4zM113.3 567.8c-5.8 12.9-17.9 22.1-33.7 22.1-22.3 0-37.6-18.7-37.6-39.7v-.5c0-21.3 15-39.4 37.3-39.4 16.8 0 29.7 10.3 35 24.4h43.1c-6.8-35.2-37.9-61.3-77.8-61.3-45.4.1-79.6 34.5-79.6 76.8v.5C0 593.1 33.7 627 79.1 627c38.9 0 69.4-25.2 77.3-58.9l-43.1-.3z"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M1568.9 383.8c5.5-18.9 3.4-36.3-5.8-49.2-8.4-11.8-22.6-18.7-39.7-19.5l-323.6-4.2c-2.1 0-3.9-1.1-5-2.6-1.1-1.6-1.3-3.7-.8-5.8 1.1-3.2 4.2-5.5 7.6-5.8l326.5-4.2c38.6-1.8 80.7-33.1 95.4-71.5l18.7-48.6c.8-2.1 1.1-4.2.5-6.3C1621.8 71 1536.9 0 1435.4 0c-93.6 0-173 60.5-201.4 144.3-18.4-13.7-41.8-21-67-18.7-45 4.5-81 40.5-85.4 85.4-1.1 11.6-.3 22.9 2.4 33.4-73.3 2.1-132 62-132 135.9 0 6.6.5 13.1 1.3 19.7.5 3.2 3.2 5.5 6.3 5.5h597.3c3.4 0 6.6-2.4 7.6-5.8l4.4-15.9z"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M1672 175.9c-2.9 0-6 0-8.9.3-2.1 0-3.9 1.6-4.7 3.7l-12.6 43.9c-5.5 18.9-3.4 36.3 5.8 49.2 8.4 11.8 22.6 18.7 39.7 19.5l68.9 4.2c2.1 0 3.9 1.1 5 2.6 1.1 1.6 1.3 3.9.8 5.8-1.1 3.2-4.2 5.5-7.6 5.8l-71.8 4.2c-38.9 1.8-80.7 33.1-95.4 71.5l-5.3 13.4c-1.1 2.6.8 5.3 3.7 5.3H1836c2.9 0 5.5-1.8 6.3-4.7 4.2-15.2 6.6-31.3 6.6-47.8 0-97.5-79.4-176.9-176.9-176.9"
         ></path>
       </svg>
@@ -48,11 +48,11 @@ export const TrustedByLogos: FC<TrustedByLogoProps> = ({ subpage }) => (
         viewBox="0 0 195 32"
       >
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M121.21 17.946c0-3.403-1.826-5.015-6.913-6.125-2.83-.61-3.51-1.254-3.51-2.15 0-1.11 1.003-1.611 2.865-1.611 2.257 0 4.478.68 6.591 1.647V5.23c-1.468-.752-3.761-1.326-6.447-1.326-5.051 0-7.666 2.186-7.666 5.803 0 2.866 1.325 5.159 6.555 6.162 3.116.644 3.761 1.146 3.761 2.185 0 1.003-.645 1.648-2.865 1.648-2.544 0-5.588-.86-7.559-2.042v4.692c1.577.788 3.654 1.648 7.523 1.648 5.516 0 7.665-2.436 7.665-6.054zM176.339 4.191v19.522h4.155V8.812l1.755 3.976 5.875 10.925h5.23V4.191h-4.156V16.8l-1.576-3.654-4.728-8.955h-6.555zM149.903 4.191h-4.549v19.487h4.549V4.19zM140.124 17.946c0-3.403-1.827-5.015-6.914-6.125-2.829-.61-3.51-1.254-3.51-2.15 0-1.11 1.003-1.611 2.866-1.611 2.256 0 4.477.68 6.591 1.647V5.23c-1.469-.752-3.761-1.326-6.448-1.326-5.051 0-7.666 2.186-7.666 5.803 0 2.866 1.326 5.159 6.555 6.162 3.117.644 3.762 1.146 3.762 2.185 0 1.003-.645 1.648-2.866 1.648-2.543 0-5.588-.86-7.558-2.042v4.692c1.576.788 3.654 1.648 7.522 1.648 5.517 0 7.666-2.436 7.666-6.054zM70.882 4.191v19.522h9.35l1.468-4.226h-6.233V4.19h-4.585zM52.47 4.191v4.227h5.015v15.295h4.585V8.418h5.41V4.19H52.47zM45.843 4.191h-5.982l-6.806 19.487h5.194l.967-3.296c1.147.322 2.365.537 3.654.537 1.254 0 2.472-.179 3.654-.537l.967 3.296h5.194L45.843 4.19zm-3.009 12.716a9.63 9.63 0 01-2.507-.358l2.507-8.525 2.508 8.525a9.632 9.632 0 01-2.508.358zM96.315 4.191h-5.982l-6.806 19.487h5.194l.967-3.296c1.146.322 2.364.537 3.654.537 1.254 0 2.471-.179 3.654-.537l.967 3.296h5.194L96.315 4.19zm-2.973 12.716c-.86 0-1.72-.143-2.508-.358l2.508-8.525 2.507 8.525c-.824.215-1.648.358-2.507.358zM166.273 4.191h-5.982l-6.806 19.487h5.194l.967-3.296c1.147.322 2.364.537 3.654.537 1.254 0 2.472-.179 3.654-.537l.967 3.296h5.194L166.273 4.19zm-3.009 12.716c-.86 0-1.719-.143-2.507-.358l2.507-8.525 2.508 8.525a9.417 9.417 0 01-2.508.358z"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M140.124 17.946c0-3.403-1.791-5.015-6.914-6.125-2.829-.61-3.51-1.254-3.51-2.15 0-1.11 1.003-1.611 2.866-1.611 2.256 0 4.477.68 6.591 1.647V5.23c-2.006-.932-4.227-1.361-6.448-1.326-5.051 0-7.666 2.186-7.666 5.803 0 2.866 1.326 5.159 6.555 6.162 3.117.644 3.762 1.146 3.762 2.185 0 1.039-.645 1.648-2.866 1.648a15.913 15.913 0 01-7.558-2.042v4.692c1.576.788 3.654 1.648 7.522 1.648 5.481 0 7.63-2.436 7.666-6.054zM6.834 11.069c-.107-.144-.322-.215-.501-.215a.57.57 0 00-.358.286L.065 22.961a.484.484 0 00.214.68.51.51 0 00.215.072h8.239c.179 0 .394-.107.466-.286 1.755-3.582.68-9.134-2.365-12.358zM23.706 22.961C23.563 22.746 12.637.824 12.351.287 12.279.107 12.136 0 11.957 0h-.036a.56.56 0 00-.466.287C8.482 4.979 8.16 10.675 10.56 15.475l3.976 7.916c.072.18.25.287.466.287h8.238a.49.49 0 00.502-.502c0-.071 0-.143-.036-.215z"
         ></path>
       </svg>
@@ -68,7 +68,7 @@ export const TrustedByLogos: FC<TrustedByLogoProps> = ({ subpage }) => (
       >
         <path
           fillRule="evenodd"
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M64.8 0A7.2 7.2 0 0172 7.2v65.6a7.2 7.2 0 01-7.2 7.2H7.2A7.2 7.2 0 010 72.8V7.2A7.2 7.2 0 017.2 0zm0 4H7.2A3.204 3.204 0 004 7.2v65.6C4 74.564 5.436 76 7.2 76h57.6c1.765 0 3.2-1.436 3.2-3.2V7.2C68 5.435 66.565 4 64.8 4zM19 52l9 8-9 8V52zm8-40v22.711C30.994 33.411 36.577 32 42 32c4.945 0 7.905 1.944 9.517 3.575 3.298 3.335 3.478 7.545 3.483 8.34V68h-8V44.11c-.039-1.867-.938-4.11-5-4.11-7.77 0-16.443 3.733-17.283 4.103l-.066.029L19 46.692V12h8zm164.995 13c6.558 0 13.375 4.165 13.375 14.15s-6.817 14.15-13.375 14.15c-6.597-.002-13.412-4.165-13.412-14.15 0-9.982 6.815-14.15 13.412-14.15zm59.995.517v16.288c0 3.758 1.215 5.453 4.165 5.453 2.948 0 4.125-1.696 4.125-5.453V25.517h7.22V41.84c0 7.222-3.462 11.347-11.423 11.347-7.96 0-11.457-4.124-11.457-11.347V25.517h7.37zm-31.05 0v9.875l7.518-9.875h8.547l-9.175 10.76 9.985 16.508h-8.327l-6.448-10.907-2.1 2.432v8.475h-7.37V25.518h7.37zm-80.69 0v6.118h-12.085v4.422h8.623v5.748h-8.623v5.047h12.713v5.933h-20.08V25.518h19.452zm19.368 0c7 0 11.275 2.323 11.275 8.88 0 4.273-1.805 6.745-5.38 7.958l5.785 10.428h-7.81l-5.27-9.468h-2.028v9.468h-7.222V25.517h10.65zm-64.748 0V35.65h9.065V25.517h7.37v27.265h-7.37V41.766H94.87v11.017H87.5V25.518h7.37zm97.123 5.566c-3.87 0-6.043 3.057-6.043 8.067 0 5.013 2.175 8.255 6.043 8.255 3.832-.002 6.005-3.242 6.005-8.255 0-5.01-2.175-8.067-6.005-8.067zm-32.633.402h-3.168v6.227h3.168c3.022 0 4.347-.847 4.347-3.132s-1.327-3.095-4.347-3.095zM55 12c-.54 4.544-2.382 8.9-6 13h-8c3.144-4.125 5.118-8.466 6-13z"
         ></path>
       </svg>
@@ -84,43 +84,43 @@ export const TrustedByLogos: FC<TrustedByLogoProps> = ({ subpage }) => (
         viewBox="0 0 1080 181"
       >
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           fillRule="evenodd"
           d="M288.606.684l-92.091 180.027h-86.499l38.54-74.611h-1.729C115.032 147.374 67.593 174.545 0 180.711v-73.578s43.24-2.554 68.661-29.28H0V.686h77.168v63.469l1.732-.007L110.433.686h58.36v63.066l1.732-.003L203.241.684h85.365z"
           clipRule="evenodd"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M790.78 160.84h24.852V18.187H790.78V160.84z"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           fillRule="evenodd"
           d="M653.772 159.383c5.402 2.246 10.894 3.368 16.478 3.368 9.225 0 17.478-2.245 24.761-6.736 7.283-4.491 12.927-10.682 16.933-18.571 4.006-7.951 6.008-16.963 6.008-27.038s-2.063-19.087-6.19-27.038c-4.127-7.95-9.862-14.11-17.206-18.48-7.343-4.43-15.688-6.615-25.035-6.555a43.561 43.561 0 00-17.114 3.46c-5.463 2.306-10.014 5.583-13.656 9.832-.281.323-.554.65-.819.98V18.278h-24.944V160.84h24.762l-.05-13.318a35.96 35.96 0 002.053 2.302c3.945 4.067 8.618 7.253 14.019 9.559zm25.49-23.032c-4.066 2.488-8.709 3.733-13.928 3.733-5.159 0-9.893-1.275-14.202-3.824-4.309-2.61-7.738-6.16-10.287-10.651-2.488-4.491-3.732-9.589-3.732-15.294-.061-5.705 1.153-10.803 3.641-15.294 2.549-4.552 5.978-8.072 10.287-10.56 4.309-2.55 9.073-3.793 14.293-3.733 5.219-.06 9.862 1.153 13.928 3.642 4.127 2.427 7.283 5.917 9.468 10.469 2.245 4.49 3.368 9.65 3.368 15.476 0 5.826-1.123 10.985-3.368 15.476-2.185 4.491-5.341 8.011-9.468 10.56z"
           clipRule="evenodd"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M324.611 26.835h28.403l25.408 92.79 27.029-92.79h23.669l29.314 90.928 24.397-90.928h26.036L470.45 160.84h-24.489l-29.807-88.83-27.363 88.83h-24.762L324.611 26.835z"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           fillRule="evenodd"
           d="M550.811 163.207c-9.893.06-18.814-2.125-26.765-6.555-7.889-4.491-14.11-10.712-18.662-18.662-4.491-7.951-6.737-17.024-6.737-27.22 0-9.892 2.307-18.844 6.919-26.855 4.612-8.012 10.864-14.263 18.753-18.754 7.89-4.49 16.69-6.736 26.401-6.736 10.924 0 20.483 2.427 28.676 7.282 8.254 4.856 14.414 11.744 18.48 20.666 4.127 8.86 5.614 19.026 4.461 30.496h-77.979c.218 4.57 1.358 8.728 3.421 12.472 2.306 4.127 5.523 7.344 9.649 9.65 4.127 2.306 8.74 3.459 13.838 3.459 3.884-.06 7.495-.728 10.833-2.002 3.338-1.335 6.16-3.126 8.467-5.371 2.366-2.246 4.035-4.795 5.006-7.647h26.037c-1.578 6.979-4.734 13.2-9.468 18.662-4.734 5.401-10.682 9.619-17.843 12.654-7.162 3.034-14.991 4.521-23.487 4.461zM527.87 91.835a26.294 26.294 0 00-3.023 8.193h51.69c-.375-3.697-1.516-7.065-3.423-10.105-2.184-3.58-5.158-6.342-8.921-8.284-3.763-2.003-8.011-3.004-12.745-3.004-5.037 0-9.619 1.153-13.746 3.459-4.127 2.306-7.405 5.553-9.832 9.74z"
           clipRule="evenodd"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M736.25 60.518c0-8.132 1.852-15.354 5.554-21.666 3.702-6.373 8.891-11.319 15.567-14.839 6.736-3.58 14.596-5.432 23.578-5.553V40.58c-4.188.061-7.768.941-10.742 2.64-2.913 1.64-5.159 4.037-6.737 7.192-1.453 2.906-2.237 6.274-2.352 10.105h19.285v21.03h-19.3v79.292H736.25V81.548h-16.022v-21.03h16.022z"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           fillRule="evenodd"
           d="M878.811 163.025c-10.135 0-19.208-2.216-27.22-6.646-7.95-4.491-14.201-10.682-18.753-18.571-4.491-7.951-6.737-16.963-6.737-27.038 0-10.135 2.246-19.178 6.737-27.129 4.552-8.01 10.803-14.232 18.753-18.662 8.012-4.43 17.085-6.645 27.22-6.645 10.196 0 19.3 2.215 27.311 6.645 8.072 4.43 14.353 10.62 18.844 18.571 4.491 7.95 6.767 17.024 6.828 27.22-.061 10.075-2.337 19.087-6.828 27.038-4.43 7.889-10.681 14.08-18.753 18.571-8.072 4.43-17.206 6.646-27.402 6.646zm0-22.85c5.341 0 10.075-1.214 14.202-3.642 4.127-2.488 7.313-5.948 9.558-10.378 2.246-4.491 3.369-9.619 3.369-15.385 0-5.826-1.123-10.985-3.369-15.476-2.245-4.491-5.431-7.95-9.558-10.378-4.127-2.488-8.861-3.733-14.202-3.733-5.28 0-9.983 1.245-14.11 3.733-4.067 2.428-7.223 5.887-9.468 10.378-2.246 4.491-3.338 9.65-3.277 15.476 0 5.766 1.122 10.894 3.368 15.385 2.306 4.43 5.462 7.89 9.468 10.378 4.066 2.428 8.739 3.642 14.019 3.642z"
           clipRule="evenodd"
         ></path>
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           d="M958.649 60.518h-27.674l29.95 100.322h24.216l19.699-64.075 21.27 64.075h23.85L1080 60.518h-25.03l-17.04 62.444-18.83-62.444h-24.218l-18.741 63.82-17.492-63.82z"
         ></path>
       </svg>
@@ -130,7 +130,7 @@ export const TrustedByLogos: FC<TrustedByLogoProps> = ({ subpage }) => (
       <span className="sr-only">SAP</span>
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 1223">
         <path
-          className="fill-muted-foreground"
+          className="fill-zinc-500 dark:fill-zinc-400"
           fillRule="evenodd"
           d="M0 1222.91h1249.29L2471.9.087H0V1222.91zm1466.96-978.258h-244.13l.81 574.185-212.58-574.375H800.272L618.804 724.163c-19.293-122.065-145.489-164.185-244.782-195.734-65.571-21.059-135.163-52.038-134.457-86.277.544-28.098 37.228-54.157 110.136-50.272 48.913 2.636 92.12 6.577 178.071 48.098l84.511-147.282c-78.37-39.892-186.74-65.082-275.598-65.163h-.544c-103.614 0-189.891 33.559-243.369 88.858-37.283 38.587-57.392 87.663-58.207 141.93-1.358 74.674 26.006 127.608 83.506 169.918 48.587 35.598 110.733 58.696 165.489 75.652 67.527 20.924 122.69 39.131 122.011 77.881a57.41 57.41 0 01-16.033 37.989c-16.848 17.391-42.663 23.913-78.397 24.619-68.94 1.468-120.027-9.375-201.44-57.5l-75.19 149.185c81.331 46.25 167.663 69.455 265.761 69.455l22.065-.16c85.38-1.55 154.674-22.012 209.728-66.306 3.152-2.527 5.978-5.081 8.913-7.663L531.739 979l205.978-.652 36.957-94.62c38.859 13.261 83.043 20.598 129.946 20.598 45.706 0 88.695-6.956 126.82-19.456l25.76 93.478 369.57.353.89-215.706h78.64c190.09 0 302.45-96.74 302.45-258.968-.05-180.679-109.29-259.375-341.79-259.375zM904.62 735.467a220.862 220.862 0 01-77.935-13.641l77.065-243.342h1.495l75.815 244.021c-22.826 8.153-48.832 12.962-76.468 12.962h.028zm577.49-335.922c71.08.185 127.7 24.087 127.7 96.792-.05 75.543-57.06 99.321-128.53 99.321h-53.67V399.543h53.67l.83.002z"
           clipRule="evenodd"

app/(landing)/certs/page.tsx

@@ -23,7 +23,7 @@ const CertsLandingPage: FC = () => {
         <h1 className="mb-8 scroll-m-20 pb-2 text-center text-2xl font-semibold tracking-tight first:mt-0 sm:text-3xl">
           Find certificate history for any domain
         </h1>
-        <div className="mx-auto max-w-4xl">
+        <div className="mx-auto max-w-2xl">
           <SearchForm subpage="certs" autofocus />
         </div>
       </section>

app/(landing)/layout.tsx

@@ -0,0 +1,18 @@
+import type { FC, ReactNode } from 'react';
+
+import { Footer } from '../_components/footer';
+import { Header } from '../_components/header';
+
+type LandingLayoutProps = {
+  children: ReactNode;
+};
+
+const LandingLayout: FC<LandingLayoutProps> = ({ children }) => (
+  <>
+    <Header showSearch={false} />
+    <main className="w-full flex-1 pb-16 pt-8">{children}</main>
+    <Footer />
+  </>
+);
+
+export default LandingLayout;

app/(landing)/map/page.tsx

@@ -23,7 +23,7 @@ const MapLandingPage: FC = () => {
         <h1 className="mb-8 scroll-m-20 pb-2 text-center text-2xl font-semibold tracking-tight first:mt-0 sm:text-3xl">
           Run DNS lookups across multiple regions
         </h1>
-        <div className="mx-auto max-w-4xl">
+        <div className="mx-auto max-w-2xl">
           <SearchForm subpage="map" autofocus />
         </div>
       </section>

app/(landing)/page.tsx

@@ -24,7 +24,7 @@ const MainLandingPage: FC = () => {
         <h1 className="mb-8 scroll-m-20 pb-2 text-center text-2xl font-semibold tracking-tight first:mt-0 sm:text-3xl">
           Get details about any Domain
         </h1>
-        <div className="mx-auto max-w-4xl">
+        <div className="mx-auto max-w-2xl">
           <SearchForm autofocus />
         </div>
       </section>

app/(landing)/subdomains/page.tsx

@@ -23,7 +23,7 @@ const SubdomainsLandingPage: FC = () => {
         <h1 className="mb-8 scroll-m-20 pb-2 text-center text-2xl font-semibold tracking-tight first:mt-0 sm:text-3xl">
           Find hidden subdomains for any domain
         </h1>
-        <div className="mx-auto max-w-4xl">
+        <div className="mx-auto max-w-2xl">
           <SearchForm subpage="subdomains" autofocus />
         </div>
       </section>

app/(landing)/whois/page.tsx

@@ -23,7 +23,7 @@ const WhoisLandingPage: FC = () => {
         <h1 className="mb-8 scroll-m-20 pb-2 text-center text-2xl font-semibold tracking-tight first:mt-0 sm:text-3xl">
           Find WHOIS information for any domain
         </h1>
-        <div className="mx-auto max-w-4xl">
+        <div className="mx-auto max-w-2xl">
           <SearchForm subpage="whois" autofocus />
         </div>
       </section>

app/_components/feedback-prompt.tsx

@@ -53,12 +53,12 @@ export const FeedbackPrompt: FC = () => {
   return (
     <>
       {visible && (
-        <div className="fixed bottom-6 right-6 max-w-[calc(100vw-3rem)]">
+        <aside className="fixed bottom-6 right-6 max-w-[calc(100vw-3rem)]">
           <Alert className="relative p-8 shadow-lg">
             <XIcon
               role="button"
               onClick={handleDismiss}
-              className="absolute !left-[unset] !top-2 right-2 h-5 w-5 text-muted-foreground"
+              className="absolute !left-[unset] !top-2 right-2 h-5 w-5 text-zinc-500 dark:text-zinc-400"
             />
 
             <p className="!pl-0 font-semibold">
@@ -88,7 +88,7 @@ export const FeedbackPrompt: FC = () => {
               </span>
             </div>
           </Alert>
-        </div>
+        </aside>
       )}
 
       <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>

app/_components/footer.tsx

@@ -26,7 +26,7 @@ const VercelBadge: FC<VercelBadgeProps> = ({ className, ...props }) => (
 
 export const Footer: FC = () => (
   <footer className="w-full p-4 md:px-8">
-    <div className="flex flex-col items-start gap-6 border-t pt-4">
+    <div className="flex flex-col items-start gap-6 pt-4">
       <div className="flex w-full flex-col items-center justify-between gap-3 sm:flex-row">
         <Logo />