feat: redesign landing page with brand system and section blocks

Refresh the homepage around new hero/services/roadmap sections, shared design tokens, and updated brand assets.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/theme-toggle.tsx

@@ -1,42 +1,45 @@
-'use client'
+"use client";
 
-import { Moon, Sun } from 'lucide-react'
-import { useTheme } from 'next-themes'
-import { useEffect, useState } from 'react'
-import { Button } from '@/components/ui/button'
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { useEffect, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
-export function ThemeToggle() {
-  const { theme, setTheme } = useTheme()
-  const [mounted, setMounted] = useState(false)
+export function ThemeToggle({ className }: { className?: string }) {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
 
   useEffect(() => {
-    setMounted(true)
-  }, [])
+    setMounted(true);
+  }, []);
 
   if (!mounted) {
     return (
       <Button
         variant="ghost"
-        size="icon-lg"
-        className="rounded-lg"
+        size="icon"
+        className={cn("relative", className)}
         aria-label="تغییر تم"
       >
-        <Sun className="size-5" />
+        <Sun />
       </Button>
-    )
+    );
   }
 
   return (
     <Button
       variant="ghost"
-      size="icon-lg"
-      className="rounded-lg"
-      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
+      size="icon"
+      className={cn(
+        "relative text-muted-foreground hover:text-foreground",
+        className
+      )}
+      onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
       aria-label="تغییر تم"
     >
-      <Sun className="size-5 rotate-0 scale-100 transition-all duration-300 dark:-rotate-90 dark:scale-0" />
-      <Moon className="absolute size-5 rotate-90 scale-0 transition-all duration-300 dark:rotate-0 dark:scale-100" />
+      <Sun className="rotate-0 scale-100 transition-all duration-300 dark:-rotate-90 dark:scale-0" />
+      <Moon className="absolute rotate-90 scale-0 transition-all duration-300 dark:rotate-0 dark:scale-100" />
     </Button>
-  )
+  );
 }
-