Replace Lucide icons with Remix Icon and add footer social links

components/layout/site-header.tsx

@@ -1,4 +1,4 @@
-import { ChevronDown, ChevronRight } from "lucide-react"
+import { RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react"
 
 import { ThemeToggle } from "@/components/layout/theme-toggle"
 import { Brand } from "@/components/shared/brand"
@@ -24,7 +24,7 @@ export function SiteHeader() {
               className="inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground"
             >
               {label}
-              {label === "Products" && <ChevronDown className="size-3" />}
+              {label === "Products" && <RiArrowDownSLine className="size-3" />}
             </a>
           ))}
         </nav>
@@ -34,7 +34,7 @@ export function SiteHeader() {
             href="#pricing"
             className="hidden h-9 items-center gap-1.5 rounded-sm bg-blue-600 px-4 text-xs font-medium text-white shadow-[0_6px_24px_rgba(23,61,166,.28)] transition hover:bg-blue-500 sm:inline-flex"
           >
-            Get started <ChevronRight className="size-3.5" />
+            Get started <RiArrowRightSLine className="size-3.5" />
           </a>
         </div>
       </div>