|
1 | 1 | "use client"; |
2 | 2 |
|
3 | | -import { ShieldCheckIcon } from "@phosphor-icons/react/ssr"; |
4 | 3 | import Link from "next/link"; |
5 | 4 | import { FaDiscord, FaGithub, FaXTwitter } from "react-icons/fa6"; |
6 | 5 | import { IoMdMail } from "react-icons/io"; |
| 6 | +import { CCPAIcon } from "./icons/ccpa"; |
| 7 | +import { GDPRIcon } from "./icons/gdpr"; |
7 | 8 | import { SciFiButton } from "./landing/scifi-btn"; |
8 | 9 | import { Wordmark } from "./landing/wordmark"; |
9 | 10 | import { LogoContent } from "./logo"; |
10 | | -import { Badge } from "./ui/badge"; |
11 | 11 |
|
12 | 12 | export function Footer() { |
13 | 13 | return ( |
@@ -181,35 +181,39 @@ export function Footer() { |
181 | 181 | </div> |
182 | 182 | </div> |
183 | 183 |
|
184 | | - {/* Legal Links Row */} |
185 | 184 | <div className="mt-6"> |
186 | | - <div className="flex flex-wrap items-center gap-4"> |
187 | | - <Link |
188 | | - className="text-muted-foreground/70 text-xs hover:text-muted-foreground sm:text-sm" |
189 | | - href="/privacy" |
190 | | - > |
191 | | - Privacy Policy |
192 | | - </Link> |
193 | | - <span className="text-muted-foreground/50 text-xs">•</span> |
194 | | - <Link |
195 | | - className="text-muted-foreground/70 text-xs hover:text-muted-foreground sm:text-sm" |
196 | | - href="/terms" |
197 | | - > |
198 | | - Terms of Service |
199 | | - </Link> |
200 | | - <span className="text-muted-foreground/50 text-xs">•</span> |
201 | | - <Link |
202 | | - className="inline-flex items-center gap-1.5" |
203 | | - href="/privacy#gdpr" |
204 | | - > |
205 | | - <Badge |
206 | | - className="inline-flex items-center gap-1.5 border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950/50 dark:text-green-400" |
207 | | - variant="outline" |
| 185 | + <div className="flex flex-col gap-4"> |
| 186 | + <div className="flex items-center gap-4"> |
| 187 | + <Link |
| 188 | + aria-label="CCPA Compliance" |
| 189 | + className="text-muted-foreground/70 transition-colors hover:text-muted-foreground" |
| 190 | + href="/" |
208 | 191 | > |
209 | | - <ShieldCheckIcon className="size-3" weight="duotone" /> |
210 | | - <span className="font-medium text-xs">GDPR Compliant</span> |
211 | | - </Badge> |
212 | | - </Link> |
| 192 | + <CCPAIcon className="size-8" /> |
| 193 | + </Link> |
| 194 | + <Link |
| 195 | + aria-label="GDPR Compliance" |
| 196 | + className="text-muted-foreground/70 transition-colors hover:text-muted-foreground" |
| 197 | + href="/" |
| 198 | + > |
| 199 | + <GDPRIcon className="size-10" /> |
| 200 | + </Link> |
| 201 | + </div> |
| 202 | + <div className="flex flex-wrap items-center gap-4"> |
| 203 | + <Link |
| 204 | + className="text-muted-foreground/70 text-xs hover:text-muted-foreground sm:text-sm" |
| 205 | + href="/privacy" |
| 206 | + > |
| 207 | + Privacy Policy |
| 208 | + </Link> |
| 209 | + <span className="text-muted-foreground/50 text-xs">•</span> |
| 210 | + <Link |
| 211 | + className="text-muted-foreground/70 text-xs hover:text-muted-foreground sm:text-sm" |
| 212 | + href="/terms" |
| 213 | + > |
| 214 | + Terms of Service |
| 215 | + </Link> |
| 216 | + </div> |
213 | 217 | </div> |
214 | 218 | </div> |
215 | 219 |
|
|
0 commit comments