added tons of features

components/shared/footer.tsx

@@ -0,0 +1,28 @@
+'use client'
+
+// 31:47
+import {ChevronUp} from 'lucide-react'
+
+import SocialMediaPanel from '@/components/shared/social-media-panel'
+import {Button} from '@/ui/button'
+
+export default function Footer() {
+	return (
+		<footer className='bg-brand-violet w-full py-3 text-white'>
+			<div className='container flex items-center justify-between'>
+				<div>Політика конфіденційності</div>
+				<div>Договір оферти</div>
+				<div>Доставка і повернення</div>
+				<div>Контакти</div>
+				<SocialMediaPanel color='#fff' />
+				<Button
+					variant='ghost'
+					className='bg-brand-violet rounded-none'
+					onClick={() => window.scrollTo({top: 0, behavior: 'smooth'})}
+				>
+					<ChevronUp className='mr-2 h-4 w-4' />
+				</Button>
+			</div>
+		</footer>
+	)
+}