Footer

1"use client";
2import Link from "next/link";
3 
4import { Button } from "@/components/ui/button";
5 
6export default function Footer() {
7  return (
8    <footer className=" py-12 px-4 md:px-6 z-50">
9      <div className="container mx-auto">
10        <div className="flex flex-col md:flex-row justify-between">
11          <div className="mb-8 md:mb-0">
12            <Link href="/" className="flex items-center gap-2">
13              <h2 className="text-lg font-bold">Spectrum UI</h2>
14            </Link>
15 
16            <h1 className="dark:text-gray-300 mt-4">
17              Build by{" "}
18              <span className="dark:text-[#039ee4]">
19                <Link href="https://x.com/arihantCodes">@Arihantjain</Link>
20              </span>
21            </h1>
22            <div className="mt-2">
23              <Link href="https://x.com/compose/tweet?text=I%27ve%20been%20using%20%23SpectrumUI%20 share%20yourtought%20%40arihantCodes%20">
24                <Button variant="secondary">Share Your Thoughts On</Button>
25              </Link>
26            </div>
27            <p className="text-sm dark:text-gray-400 mt-5">
28              © {new Date().getFullYear()} Spectrum UI. All rights reserved.
29            </p>
30          </div>
31          <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
32            <div>
33              <h3 className="font-semibold mb-4">Pages</h3>
34              <ul className="space-y-2">
35                <li>
36                  <Link
37                    href="/docs"
38                    className="text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"
39                  >
40                    Docs
41                  </Link>
42                </li>
43 
44                <li>
45                  <Link
46                    href="/colors"
47                    className="text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"
48                  >
49                    Colors
50                  </Link>
51                </li>
52              </ul>
53            </div>
54            <div>
55              <h3 className="font-semibold mb-4">Socials</h3>
56              <ul className="space-y-2">
57                <li>
58                  <Link
59                    href="https://github.com/arihantcodes/spectrum-ui"
60                    className="text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"
61                  >
62                    Github
63                  </Link>
64                </li>
65                <li>
66                  <Link
67// … truncated