feat: redesign powerby

app/create-location/page.tsx

@@ -11,6 +11,7 @@ import { Loader2, CheckCircle2, MapPin, Navigation, Milestone } from "lucide-rea
 import { SidebarNavigation } from "@/components/sidebar-navigation"
 import { DataTable } from "@/components/data-table"
 import { PageHeader } from "@/components/page-header"
+import { PoweredBy } from "@/components/powered-by"
 import {
     fetchProjects,
     fetchPackagesByProject,
@@ -341,12 +342,7 @@ export default function CreateLocationPage() {
                         />
                     </div>
 
-                    {/* Footer */}
+                    <PoweredBy />
-                    <div className="mt-8 text-center">
-                        <p className="text-xs text-gray-400 dark:text-gray-500">
-                            Sentient Geeks Pvt. Ltd.
-                        </p>
-                    </div>
                 </div>
             </main>
 

app/create-package/page.tsx

@@ -23,6 +23,7 @@ import {
     type PackageUpdate
 } from "@/lib/api"
 import { toast } from "sonner"
+import { PoweredBy } from "@/components/powered-by"
 
 export default function CreatePackagePage() {
     const [packages, setPackages] = useState<PackageType[]>([])
@@ -245,12 +246,7 @@ export default function CreatePackagePage() {
                         />
                     </div>
 
-                    {/* Footer */}
+                    <PoweredBy />
-                    <div className="mt-8 text-center">
-                        <p className="text-xs text-gray-400 dark:text-gray-500">
-                            Sentient Geeks Pvt. Ltd.
-                        </p>
-                    </div>
                 </div>
             </main>
 

app/create-project/page.tsx

@@ -12,6 +12,7 @@ import { DataTable } from "@/components/data-table"
 import { PageHeader } from "@/components/page-header"
 import { createProject, fetchProjects, updateProject, deleteProject, type ProjectCreate, type Project, type ProjectUpdate } from "@/lib/api"
 import { toast } from "sonner"
+import { PoweredBy } from "@/components/powered-by"
 
 export default function CreateProjectPage() {
     const [projects, setProjects] = useState<Project[]>([])
@@ -226,12 +227,7 @@ export default function CreateProjectPage() {
                         />
                     </div>
 
-                    {/* Footer */}
+                    <PoweredBy />
-                    <div className="mt-8 text-center">
-                        <p className="text-xs text-gray-400 dark:text-gray-500">
-                            Sentient Geeks Pvt. Ltd.
-                        </p>
-                    </div>
                 </div>
             </main>
 
@@ -393,7 +389,7 @@ export default function CreateProjectPage() {
                             <Button
                                 type="submit"
                                 disabled={isSubmitting || !name.trim()}
-                                className="flex-1 bg-gradient-to-r from-blue-500 via-indigo-500 to-blue-700 hover:bg-blue-600 text-white"
+                                className="flex-1 bg-linear-to-r from-blue-500 via-indigo-500 to-blue-700 hover:bg-blue-600 text-white"
                             >
                                 {isSubmitting ? (
                                     <span className="flex items-center gap-2">

app/dashboard/page.tsx

@@ -29,6 +29,7 @@ import {
 import { Button } from "@/components/ui/button";
 import { Filter } from "lucide-react";
 import { DashboardSkeleton } from "@/components/dashboard/dashboard-skeleton"
+import { PoweredBy } from "@/components/powered-by";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL;
 
@@ -609,12 +610,7 @@ export default function DashboardPage() {
             </>
           )}
 
-          {/* Footer */}
+          <PoweredBy />
-          <div className="mt-8 text-center">
-            <p className="text-xs text-gray-400 dark:text-gray-500">
-              Sentient Geeks Pvt. Ltd.
-            </p>
-          </div>
         </div>
       </main>
     </div>

app/globals.css

@@ -211,6 +211,9 @@ body[data-scroll-locked] {
 .heading-blue-gradient {
   @apply bg-linear-to-r from-blue-400 to-blue-600 bg-clip-text text-transparent;
 }
+.powered-blue-gradient {
+  @apply bg-linear-to-b from-[#225999] to-[#56A5FF] bg-clip-text text-transparent;
+}
 
 .btn-blue-gradient {
   @apply text-white bg-linear-to-r from-blue-400 to-blue-600 hover:bg-linear-to-bl focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium transition-all duration-200;

app/map/page.tsx

@@ -2,6 +2,7 @@
 
 import { NavigationMenu } from "@/components/navigation-menu"
 import { DashboardMap } from "@/components/dashboard/dashboard-map"
+import { PoweredBy } from "@/components/powered-by"
 
 export default function MapPage() {
     return (
@@ -41,12 +42,7 @@ export default function MapPage() {
                     </div>
                 </div>
 
-                {/* Footer */}
+                <PoweredBy />
-                <div className="mt-8 text-center">
-                    <p className="text-sm text-muted-foreground">
-                        Sentient Geeks Pvt. Ltd.
-                    </p>
-                </div>
             </div>
         </div>
     )

app/new-analysis/page.tsx

@@ -6,6 +6,7 @@ import { SidebarNavigation } from "@/components/sidebar-navigation"
 import { type SessionContext, saveSession } from "@/lib/api"
 import { TrendingUp } from "lucide-react"
 import { PageHeader } from "@/components/page-header"
+import { PoweredBy } from "@/components/powered-by"
 
 const ProjectSelectionSection = dynamic(
     () => import("@/components/project-selection-section").then(mod => mod.ProjectSelectionSection),
@@ -44,12 +45,7 @@ export default function NewAnalysisPage() {
                         <ProjectSelectionSection onSelectionComplete={handleSelectionComplete} />
                     </div>
 
-                    {/* Footer */}
+                    <PoweredBy />
-                    <div className="mt-12 text-center">
-                        <p className="text-sm text-gray-400 dark:text-gray-500">
-                            Sentient Geeks Pvt. Ltd.
-                        </p>
-                    </div>
                 </div>
             </main>
         </div>

app/results/[videoId]/page.tsx

@@ -7,6 +7,7 @@ import { Loader2, TrendingUp } from "lucide-react"
 import VideoPlayerSection from "@/components/video-player-section"
 import { SidebarNavigation } from "@/components/sidebar-navigation"
 import { PageHeader } from "@/components/page-header"
+import { PoweredBy } from "@/components/powered-by"
 import {
     type SessionContext,
     loadSession,
@@ -167,6 +168,7 @@ export default function VideoResultsPage() {
                             projectId={session?.projectId || undefined}
                         />
                     )}
+                    <PoweredBy />
                 </div>
             </main>
         </div>

app/upload/[videoId]/page.tsx

@@ -6,6 +6,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Loader2, TrendingUp } from "lucide-react"
 import { SidebarNavigation } from "@/components/sidebar-navigation"
 import { PageHeader } from "@/components/page-header"
+import { PoweredBy } from "@/components/powered-by"
 import {
     type SessionContext,
     loadSession,
@@ -224,11 +225,7 @@ export default function VideoProcessingPage() {
                         </div>
                     </Card>
 
-                    <div className="mt-4 text-center">
+                    <PoweredBy />
-                        <p className="text-xs text-gray-400 dark:text-gray-500">
-                            Sentient Geeks Pvt. Ltd.
-                        </p>
-                    </div>
                 </div>
             </main>
         </div>

app/upload/page.tsx

@@ -10,6 +10,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Loader2, TrendingUp } from "lucide-react"
 import { SidebarNavigation } from "@/components/sidebar-navigation"
 import { PageHeader } from "@/components/page-header"
+import { PoweredBy } from "@/components/powered-by"
 import {
     type SessionContext,
     loadSession,
@@ -358,12 +359,7 @@ export default function UploadPage() {
                         </CardContent>
                     </Card>
 
-                    {/* Footer */}
+                    <PoweredBy />
-                    <div className="mt-4 text-center">
-                        <p className="text-xs text-gray-400 dark:text-gray-500">
-                            Sentient Geeks Pvt. Ltd.
-                        </p>
-                    </div>
                 </div>
             </main>
         </div>

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">
-                <div className="absolute bottom-4 left-4 right-4 text-center">
+                    <PoweredBy />
-                    <p className="text-xs text-gray-400">
-                        Sentient Geeks Pvt. Ltd.
-                    </p>
                 </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>
+    )
+}