1 ---
2 import { SITE } from '@/config'
3 const today = new Date()
4 ---
5
6 <footer class="mt-16 text-s font-light leading-[1.75] text-text-secondary font-sans w-full">
7 <div class="flex flex-col gap-6 w-full">
8 <div class="pb-4 border-b border-border">
9 <nav class="flex gap-6 justify-center flex-wrap">
10 <a
11 href="/contact"
12 class="text-text-secondary px-1 py-0.5 rounded transition-all duration-200 hover:text-text-primary hover:bg-code-bg no-underline"
13 >Contact</a
14 >
15 <a
16 href="/privacy-policy"
17 class="text-text-secondary px-1 py-0.5 rounded transition-all duration-200 hover:text-text-primary hover:bg-code-bg no-underline"
18 >Privacy Policy</a
19 >
20 <a
21 href="/terms-of-use"
22 class="text-text-secondary px-1 py-0.5 rounded transition-all duration-200 hover:text-text-primary hover:bg-code-bg no-underline"
23 >Terms of Use</a
24 >
25 </nav>
26 </div>
27 <div class="pb-4 border-b border-border">
28 <nav class="flex gap-4 justify-center items-center flex-wrap">
29 <a
30 href="https://www.instagram.com/fdndtrvl/"
31 target="_blank"
32 rel="noopener noreferrer"
33 class="text-text-secondary hover:text-text-primary transition-colors"
34 aria-label="Instagram"
35 >
36 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
37 <path
38 fill-rule="evenodd"
39 d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
40 clip-rule="evenodd"></path>
41 </svg>
42 </a>
43 <a
44 href="https://www.facebook.com/fdndtrvl/"
45 target="_blank"
46 rel="noopener noreferrer"
47 class="text-text-secondary hover:text-text-primary transition-colors"
48 aria-label="Facebook"
49 >
50 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
51 <path
52 fill-rule="evenodd"
53 d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
54 clip-rule="evenodd"></path>
55 </svg>
56 </a>
57 <a
58 href="https://x.com/fdndtrvl"
59 target="_blank"
60 rel="noopener noreferrer"
61 class="text-text-secondary hover:text-text-primary transition-colors"
62 aria-label="X (Twitter)"
63 >
64 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
65 <path
66 d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
67 ></path>
68 </svg>
69 </a>
70 <a
71 href="https://www.youtube.com/@fdndtrvl"
72 target="_blank"
73 rel="noopener noreferrer"
74 class="text-text-secondary hover:text-text-primary transition-colors"
75 aria-label="YouTube"
76 >
77 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
78 <path
79 fill-rule="evenodd"
80 d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
81 clip-rule="evenodd"></path>
82 </svg>
83 </a>
84 <a
85 href="https://maps.app.goo.gl/kzBPtXDHF9EGz3fq9"
86 target="_blank"
87 rel="noopener noreferrer"
88 class="text-text-secondary hover:text-text-primary transition-colors"
89 aria-label="Google Maps"
90 >
91 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
92 <path
93 d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
94 ></path>
95 </svg>
96 </a>
97 </nav>
98 </div>
99 <div
100 class="flex justify-between items-center flex-nowrap w-full md:flex-row md:text-left text-center flex-col gap-3"
101 >
102 <div class="whitespace-nowrap">
103 <span class="date">&copy; {today.getFullYear()}</span>
104 {SITE.author}
105 </div>
106 <div class="whitespace-nowrap">
107 Runs on{' '}
108 <a
109 href="https://smbcloud.xyz"
110 target="__blank"
111 class="text-text-secondary hover:text-text-primary transition-colors">smbCloud</a
112 >
113 </div>
114 </div>
115 </div>
116 </footer>