[Amir] showing logo on setup to give idea of continuation

Author: anagri

crates/bodhi/src/app/ui/setup/BodhiLogo.tsx

@@ -0,0 +1,18 @@
+import Image from 'next/image';
+import { motion } from 'framer-motion';
+import { itemVariants } from './types';
+
+export const BodhiLogo = () => {
+  return (
+    <motion.div variants={itemVariants} className="text-center mb-8">
+      <Image
+        src="/bodhi-logo/bodhi-logo-240.svg"
+        alt="Bodhi App Logo"
+        width={80}
+        height={80}
+        className="mx-auto"
+        priority
+      />
+    </motion.div>
+  );
+};

crates/bodhi/src/app/ui/setup/complete/page.tsx

@@ -9,6 +9,7 @@ import { ArrowRight, BookOpen } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { siDiscord, siGithub, siX, siYoutube } from 'simple-icons';
+import { BodhiLogo } from '@/app/ui/setup/BodhiLogo';
 
 const containerVariants = {
   hidden: { opacity: 0 },
@@ -152,6 +153,7 @@ function SetupCompleteContent() {
         animate="visible"
       >
         {showConfetti && <Confetti />}
+        <BodhiLogo />
 
         {/* Completion Message */}
         <motion.div variants={itemVariants} className="text-center space-y-4">

crates/bodhi/src/app/ui/setup/download-models/page.tsx

@@ -18,6 +18,7 @@ import {
 import { motion } from 'framer-motion';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
+import { BodhiLogo } from '@/app/ui/setup/BodhiLogo';
 
 export function ModelDownloadContent() {
   const router = useRouter();
@@ -57,6 +58,7 @@ export function ModelDownloadContent() {
         animate="visible"
       >
         <SetupProgress currentStep={3} totalSteps={4} />
+        <BodhiLogo />
 
         <motion.div variants={itemVariants}>
           <Card>

crates/bodhi/src/app/ui/setup/resource-admin/page.tsx

@@ -12,6 +12,7 @@ import {
 } from '@/components/ui/card';
 import { ENDPOINT_APP_LOGIN } from '@/hooks/useQuery';
 import { motion } from 'framer-motion';
+import { BodhiLogo } from '@/app/ui/setup/BodhiLogo';
 
 // Animation variants
 const containerVariants = {
@@ -45,6 +46,7 @@ function ResourceAdminContent() {
         animate="visible"
       >
         <SetupProgress currentStep={2} totalSteps={4} />
+        <BodhiLogo />
 
         <motion.div variants={itemVariants}>
           <Card>