footer-three

1<script>
2	import Button from "$COMPONENTS$/ui/button/button.svelte";
3	import Input from "$COMPONENTS$/ui/input/input.svelte";
4	import Label from "$COMPONENTS$/ui/label/label.svelte";
5 
6	import { cn } from "$UTILS$";
7	import ChevronsUpDown from "@lucide/svelte/icons/chevrons-up-down";
8	const links = [
9		{
10			group: "Product",
11			items: [
12				{
13					title: "Features",
14					href: "#",
15				},
16				{
17					title: "Solution",
18					href: "#",
19				},
20				{
21					title: "Customers",
22					href: "#",
23				},
24				{
25					title: "Pricing",
26					href: "#",
27				},
28				{
29					title: "Help",
30					href: "#",
31				},
32				{
33					title: "About",
34					href: "#",
35				},
36			],
37		},
38		{
39			group: "Solution",
40			items: [
41				{
42					title: "Startup",
43					href: "#",
44				},
45				{
46					title: "Freelancers",
47					href: "#",
48				},
49				{
50					title: "Organizations",
51					href: "#",
52				},
53				{
54					title: "Students",
55					href: "#",
56				},
57				{
58					title: "Collaboration",
59					href: "#",
60				},
61				{
62					title: "Design",
63					href: "#",
64				},
65				{
66					title: "Management",
67					href: "#",
68				},
69			],
70		},
71		{
72			group: "Company",
73			items: [
74				{
75					title: "About",
76					href: "#",
77				},
78				{
79					title: "Careers",
80					href: "#",
81				},
82				{
83					title: "Blog",
84					href: "#",
85				},
86				{
87					title: "Press",
88					href: "#",
89				},
90				{
91					title: "Contact",
92					href: "#",
93				},
94				{
95					title: "Help",
96					href: "#",
97				},
98			],
99		},
100		{
101			group: "Legal",
102			items: [
103				{
104					title: "Licence",
105					href: "#",
106				},
107				{
108					title: "Privacy",
109					href: "#",
110				},
111				{
112					title: "Cookies",
113					href: "#",
114				},
115				{
116					title: "Security",
117					href: "#",
118				},
119			],
120		},
121	];
122</script>
123 
124<footer class="border-b bg-white pt-20 dark:bg-transparent">
125	<div class="mb-8 border-b md:mb-12">
126		<div class="mx-auto flex max-w-5xl flex-wrap items-end justify-between gap-6 px-6 pb-6">
127			<a href="/" aria-label="go home" class="block size-fit">
128				<svg
129					xmlns="http://www.w3.org/2000/svg"
130					width="22"
131					height="22"
132					viewBox="0 0 24 24"
133					fill="none"
134					role="img"
135					color="currentColor"
136				>
137					<path
138// … truncated