Footer Privilege

import { FooterPrivilege } from "@/registry/ui-layouts/footer-privilege";

export default function Demo() {
  return <FooterPrivilege />;
}

import React from 'react'

export const FooterPrivilege = () => {
  return (
    <footer className="bg-white dark:bg-zinc-950 text-black dark:text-white py-20 px-8 border-t border-gray-100 dark:border-zinc-900 transition-colors duration-500">
      <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 items-end">
        <div>
          <h2 className="text-7xl font-light tracking-tighter mb-4">
            A Privilege.
          </h2>
          <div className="mt-16 flex items-center gap-4">
            <div className="w-12 h-12 bg-black dark:bg-white flex items-center justify-center rounded-sm">
              {/* <div className="w-6 h-6 border-2 border-white dark:border-zinc-950 rotate-45"></div> */}
              <svg
                width="285"
                height="318"
                viewBox="0 0 285 318"
                className="w-6 h-6 fill-primary-foreground"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M32.3135 -0.403318C33.7663 -0.409026 35.219 -0.415992 36.6718 -0.424115C40.6038 -0.442013 44.5356 -0.440885 48.4676 -0.435173C51.7576 -0.432075 55.0476 -0.43818 58.3376 -0.444212C66.1045 -0.458245 73.8713 -0.456707 81.6382 -0.44531C89.6323 -0.433838 97.626 -0.44789 105.62 -0.474706C112.499 -0.496913 119.378 -0.503489 126.258 -0.49763C130.359 -0.49427 134.461 -0.496611 138.562 -0.513881C142.423 -0.529426 146.283 -0.525311 150.143 -0.506576C151.553 -0.50291 152.963 -0.505938 154.373 -0.516462C166.605 -0.600727 175.175 1.45925 184.152 9.9773C189.409 15.7342 190.109 21.5859 190.176 29.075C190.199 30.4793 190.223 31.8836 190.248 33.2878C190.283 35.4819 190.312 37.6754 190.326 39.8696C190.411 51.5431 191.727 60.3261 199.953 69.1492C209.739 78.0017 221.729 81.0973 234.636 81.1765C236.116 81.1997 237.596 81.2238 239.076 81.2488C241.375 81.2837 243.674 81.3132 245.973 81.3267C258.303 81.413 268.972 82.2314 278.344 91.2C284.089 97.4468 285.149 102.548 285.147 110.907C285.151 111.709 285.154 112.511 285.158 113.338C285.169 116.029 285.173 118.72 285.177 121.412C285.183 123.34 285.19 125.269 285.197 127.197C285.218 133.533 285.228 139.868 285.238 146.204C285.242 148.385 285.246 150.567 285.25 152.749C285.269 162.997 285.284 173.245 285.292 183.494C285.302 195.322 285.328 207.151 285.369 218.979C285.399 228.123 285.413 237.267 285.417 246.411C285.419 251.872 285.428 257.333 285.453 262.794C285.477 267.932 285.481 273.07 285.47 278.208C285.47 280.091 285.476 281.975 285.49 283.858C285.508 286.435 285.501 289.01 285.488 291.587C285.504 292.697 285.504 292.697 285.521 293.831C285.442 300.242 283.282 305.342 279.105 310.208C278.472 310.738 277.839 311.267 277.187 311.813C276.562 312.356 275.937 312.899 275.293 313.458C267.668 318.589 260.754 318.437 251.778 318.405C250.335 318.41 248.892 318.417 247.449 318.426C243.544 318.443 239.639 318.442 235.734 318.437C232.466 318.434 229.199 318.44 225.931 318.446C218.217 318.46 210.503 318.458 202.789 318.447C194.849 318.435 186.91 318.449 178.97 318.476C172.138 318.498 165.305 318.505 158.473 318.499C154.399 318.496 150.326 318.498 146.252 318.515C142.418 318.531 138.584 318.527 134.75 318.508C133.35 318.504 131.949 318.507 130.549 318.518C119.698 318.593 110.773 317.278 102.562 309.688C101.759 308.97 100.956 308.252 100.129 307.512C95.7025 302.29 94.632 297.395 94.5935 290.669C94.5827 289.992 94.5718 289.315 94.5607 288.618C94.5267 286.475 94.5109 284.332 94.4998 282.188C94.4317 269.18 94.0376 257.259 84.9998 247.001C78.7772 241.477 71.9194 238.354 63.9998 236.001C63.1722 235.737 63.1722 235.737 62.3279 235.469C58.9993 234.8 55.6862 234.824 52.3045 234.79C50.768 234.762 49.2315 234.733 47.6951 234.704C45.2927 234.663 42.8906 234.626 40.4881 234.599C27.746 234.447 16.852 234.063 6.99977 225.001C1.41479 219.245 -0.300222 214.981 -0.267654 207.012C-0.272186 206.201 -0.276715 205.39 -0.281384 204.554C-0.294057 201.833 -0.292407 199.112 -0.290756 196.39C-0.29674 194.44 -0.303545 192.491 -0.311111 190.541C-0.328798 185.241 -0.333468 179.941 -0.334743 174.642C-0.336642 170.218 -0.343996 165.795 -0.351086 161.372C-0.367378 150.935 -0.372255 140.498 -0.370834 130.062C-0.369633 119.295 -0.390732 108.529 -0.422321 97.762C-0.448473 88.5194 -0.459202 79.2768 -0.457924 70.0342C-0.457414 64.5136 -0.463118 58.9932 -0.48428 53.4726C-0.503643 48.2793 -0.5038 43.0865 -0.489246 37.8932C-0.487155 35.9885 -0.49188 34.0837 -0.503967 32.1791C-0.519416 29.5758 -0.510115 26.9737 -0.494705 24.3704C-0.504992 23.6192 -0.51528 22.868 -0.525879 22.0941C-0.444062 15.8257 1.54294 11.7725 5.67555 7.11011C6.21567 6.66152 6.75579 6.21292 7.31227 5.75074C7.84465 5.29183 8.37704 4.83292 8.92555 4.36011C16.5119 -0.611742 23.4476 -0.434771 32.3135 -0.403318ZM96.9998 85.0007C95.8929 88.2316 95.8717 91.2997 95.8661 94.6938C95.8618 95.8547 95.8575 97.0156 95.8531 98.2116C95.8536 99.4814 95.854 100.751 95.8545 102.059C95.8515 103.413 95.8481 104.767 95.8443 106.12C95.8355 109.794 95.8332 113.467 95.8325 117.141C95.8316 120.208 95.8279 123.274 95.8243 126.341C95.8162 133.575 95.8138 140.809 95.8145 148.043C95.8151 155.507 95.8045 162.971 95.7887 170.435C95.7757 176.843 95.7703 183.252 95.7709 189.661C95.7712 193.488 95.7683 197.316 95.7577 201.143C95.7481 204.741 95.748 208.34 95.7553 211.938C95.7568 213.889 95.7485 215.839 95.7398 217.79C95.744 218.951 95.7482 220.112 95.7525 221.308C95.752 222.316 95.7514 223.325 95.7509 224.365C96.0087 227.096 96.5125 228.712 97.9998 231.001C102.063 233.342 106.171 233.285 110.74 233.26C111.503 233.263 112.266 233.267 113.053 233.27C115.566 233.279 118.08 233.273 120.594 233.266C122.346 233.268 124.098 233.27 125.85 233.272C129.518 233.275 133.186 233.271 136.855 233.261C141.552 233.25 146.25 233.257 150.947 233.269C154.564 233.276 158.181 233.274 161.798 233.268C163.53 233.267 165.262 233.269 166.993 233.273C169.416 233.278 171.837 233.271 174.26 233.26C174.972 233.264 175.685 233.268 176.42 233.272C180.564 233.237 184.9 233.101 188 230.001C188.107 228.162 188.144 226.32 188.154 224.479C188.162 223.28 188.171 222.081 188.18 220.846C188.184 219.505 188.188 218.164 188.193 216.824C188.201 215.421 188.209 214.019 188.217 212.616C188.244 207.998 188.259 203.38 188.273 198.762C188.279 197.175 188.284 195.587 188.289 194C188.311 187.397 188.33 180.794 188.341 174.191C188.357 164.718 188.39 155.245 188.447 145.773C188.486 139.118 188.506 132.463 188.511 125.808C188.515 121.831 188.527 117.854 188.559 113.876C188.589 110.134 188.595 106.393 188.584 102.65C188.583 101.276 188.592 99.9025 188.609 98.5288C188.632 96.6539 188.621 94.7788 188.608 92.9039C188.611 91.8543 188.614 90.8048 188.618 89.7234C188.205 86.798 188.205 86.798 185.692 84.6627C182.127 82.4617 179.032 82.4534 174.968 82.5149C174.174 82.5111 173.38 82.5073 172.562 82.5034C169.946 82.496 167.331 82.5173 164.715 82.5398C162.893 82.5422 161.071 82.5431 159.249 82.5426C155.435 82.5457 151.622 82.5622 147.808 82.5891C142.92 82.6231 138.032 82.6307 133.144 82.6292C129.384 82.6298 125.624 82.6407 121.864 82.6552C120.061 82.6616 118.258 82.6655 116.456 82.667C113.938 82.6713 111.42 82.6889 108.902 82.7102C107.785 82.7088 107.785 82.7088 106.646 82.7075C101.473 82.7252 101.473 82.7252 96.9998 85.0007Z" />
              </svg>
            </div>
            <span className="text-2xl font-semibold tracking-tight">
              Layouts Equity
            </span>
          </div>
        </div>

        <div className="space-y-8">
          <h2 className="text-7xl font-light tracking-tighter text-gray-400 dark:text-zinc-700">
            Beyond Reach.
          </h2>
          <p className="max-w-md text-gray-500 dark:text-zinc-400 font-light leading-relaxed">
            Layouts always open to the world, and it was never meant to be.
            Those inside live the results. Those outside will only see the
            shadows.
          </p>
          <button className="px-8 cursor-pointer relative py-3 bg-gray-100 dark:bg-zinc-800 text-xs font-bold uppercase tracking-[0.2em] rounded hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black transition-all">
            Contact us
          </button>
        </div>
      </div>

      <div className="max-w-7xl mx-auto mt-32 pt-8 border-t border-gray-100 dark:border-zinc-900 flex flex-col md:flex-row justify-between text-[10px] uppercase tracking-[0.3em] font-medium text-gray-400 dark:text-zinc-600">
        <p>© 2026 LAYOUTS EQUITY</p>
        <p>ALL RIGHTS RESERVED</p>
        <a href="https://x.com/naymur_dev" target="_blank">
          MADE BY{' '}
          <span className="text-black dark:text-zinc-300 underline underline-offset-4 cursor-pointer">
            NAYMUR
          </span>
        </a>
      </div>
    </footer>
  )
}