feat: redesign powerby

components/navigation-menu.tsx

@@ -20,6 +20,7 @@ import {
     MapPin,
     Map
 } from "lucide-react"
+import { PoweredBy } from "@/components/powered-by"
 
 interface NavItem {
     title: string
@@ -140,11 +141,8 @@ export function NavigationMenu() {
                     })}
                 </nav>
 
-                {/* Footer */}
-                <div className="absolute bottom-4 left-4 right-4 text-center">
-                    <p className="text-xs text-gray-400">
-                        Sentient Geeks Pvt. Ltd.
-                    </p>
+                <div className="absolute bottom-4 left-4 right-4">
+                    <PoweredBy />
                 </div>
             </SheetContent>
         </Sheet>

components/powered-by.tsx

@@ -0,0 +1,18 @@
+import Image from "next/image"
+
+export function PoweredBy() {
+    return (
+        <div className="mt-8 flex items-center justify-center gap-2  transition-opacity duration-300">
+            <span className="font-medium powered-blue-gradient">
+                Powered by
+            </span>
+            <Image 
+                src="/sg.svg" 
+                alt="Sentient Geeks" 
+                width={130} 
+                height={20} 
+                className="fill-blue-500"
+            />
+        </div>
+    )
+}