diff --git a/app/comment/page.tsx b/app/comment/page.tsx
new file mode 100644
index 000000000..cab430a84
--- /dev/null
+++ b/app/comment/page.tsx
@@ -0,0 +1,82 @@
+'use client';
+
+import React, { useState } from 'react';
+import BoundlessSheet from '@/components/sheet/boundless-sheet';
+import { Button } from '@/components/ui/button';
+
+const Page = () => {
+  const [isSheetOpen, setIsSheetOpen] = useState(false);
+
+  const handleCommentSubmit = (comment: string) => {
+    // Handle comment submission here
+    // You can add your logic for processing the comment
+    // For example: API call, state update, etc.
+
+    // For now, we'll just acknowledge the comment
+    // This prevents the linter warning about unused parameters
+    if (comment && comment.trim()) {
+      // Comment is valid and can be processed
+      // Add your comment handling logic here
+      console.log('Comment submitted:', comment);
+
+      // Close the sheet after submission
+      setIsSheetOpen(false);
+    }
+  };
+
+  return (
+    <div className='p-8'>
+      <Button
+        onClick={() => setIsSheetOpen(true)}
+        className='px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700'
+      >
+        Open Comment Sheet
+      </Button>
+
+      <BoundlessSheet
+        open={isSheetOpen}
+        setOpen={setIsSheetOpen}
+        title='Add Comment'
+        side='bottom'
+      >
+        <div className='space-y-4'>
+          <div className='text-center text-gray-300 mb-6'>
+            <p>Share your thoughts and feedback</p>
+          </div>
+
+          <textarea
+            placeholder='Write your comment here...'
+            className='w-full p-3 border border-gray-600 rounded-lg bg-gray-800 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent'
+            rows={4}
+            id='comment-input'
+          />
+
+          <div className='flex gap-3'>
+            <Button
+              onClick={() => setIsSheetOpen(false)}
+              variant='outline'
+              className='flex-1'
+            >
+              Cancel
+            </Button>
+            <Button
+              onClick={() => {
+                const input = document.getElementById(
+                  'comment-input'
+                ) as HTMLTextAreaElement;
+                if (input && input.value.trim()) {
+                  handleCommentSubmit(input.value);
+                }
+              }}
+              className='flex-1 bg-blue-600 hover:bg-blue-700'
+            >
+              Submit Comment
+            </Button>
+          </div>
+        </div>
+      </BoundlessSheet>
+    </div>
+  );
+};
+
+export default Page;
diff --git a/app/globals.css b/app/globals.css
index 532b272b2..0f9d5afab 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -3,6 +3,30 @@
 
 @custom-variant dark (&:is(.dark *));
 
+/* Custom scrollbar styles for comment modal */
+.custom-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: #4a4a4a #1a1a1a;
+}
+
+.custom-scrollbar::-webkit-scrollbar {
+  width: 6px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+  background: #1a1a1a;
+  border-radius: 3px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background: #4a4a4a;
+  border-radius: 3px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: #5a5a5a;
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
diff --git a/app/page.tsx b/app/page.tsx
index 52b392d01..c1d7498a2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,14 +1,22 @@
 'use client';
+import { PriceDisplay } from '@/components/PriceDisplay';
+import EmptyState from '@/components/EmptyState';
 import { BoundlessButton } from '@/components/buttons';
+import { Coins, History, Plus } from 'lucide-react';
+import Card from '@/components/card';
+import RecentProjects from '@/components/overview/RecentProjects';
+import RecentContributions from '@/components/overview/ReecntContributions';
+import GrantHistory from '@/components/overview/GrantHistory';
 import { AuthNav } from '@/components/auth/AuthNav';
+import CommentModal from '@/components/comment/modal';
 import { motion } from 'framer-motion';
 import {
+  fadeInUp,
   staggerContainer,
   slideInFromLeft,
   slideInFromRight,
 } from '@/lib/motion';
 import PageTransition from '@/components/PageTransition';
-import Link from 'next/link';
 
 export default function Home() {
   return (
@@ -27,12 +35,101 @@ export default function Home() {
           <AuthNav />
         </motion.header>
         <motion.main
-          className='w-full max-w-6xl flex flex-col items-center justify-center'
-          variants={slideInFromRight}
+          className='flex flex-col gap-[32px] items-center sm:items-start'
+          variants={staggerContainer}
         >
-          <Link href='/user'>
-            <BoundlessButton>Go to Dashboard</BoundlessButton>
-          </Link>
+          <motion.div
+            className='bg-[#1C1C1C] rounded-lg p-4 w-full max-w-[550px]'
+            variants={fadeInUp}
+          >
+            <PriceDisplay price={100} className='text-2xl font-bold' />
+            <EmptyState
+              title='No comments yet'
+              description='Start by sharing your first project idea with the Boundless community. Once submitted, your projects will appear here for easy tracking.'
+              type='default'
+              action={
+                <CommentModal
+                  onCommentSubmit={comment =>
+                    console.log('Comment submitted:', comment)
+                  }
+                >
+                  <BoundlessButton
+                    variant='default'
+                    size='lg'
+                    icon={<Plus className='w-5 h-5' />}
+                    iconPosition='right'
+                  >
+                    Add comment
+                  </BoundlessButton>
+                </CommentModal>
+              }
+            />
+          </motion.div>
+          <motion.div className='flex gap-4' variants={staggerContainer}>
+            <motion.div variants={fadeInUp}>
+              <Card
+                title='Active Campaigns'
+                value='10'
+                bottomText={
+                  <div className='flex items-center gap-2'>
+                    <Coins className='w-4 h-4 text-white/60' />
+                    <PriceDisplay
+                      price={0}
+                      className='!text-xs !tracking-[-0.06px]'
+                    />
+                  </div>
+                }
+              />
+            </motion.div>
+            <motion.div variants={fadeInUp}>
+              <Card
+                title='Pending Submissions'
+                value='0'
+                bottomText={
+                  <div className='flex items-center gap-2'>
+                    <History className='w-4 h-4 text-white/60' />
+                    <span className='text-white/60'>No recent submissions</span>
+                  </div>
+                }
+              />
+            </motion.div>
+            <motion.div variants={fadeInUp}>
+              <Card
+                title='Active Projects'
+                value='0'
+                bottomText={
+                  <div className='flex items-center gap-2'>
+                    <span className='text-white/90'>0</span>
+                    Approved Submissions
+                  </div>
+                }
+              />
+            </motion.div>
+            <motion.div variants={fadeInUp}>
+              <Card
+                title='Available Grants'
+                value={
+                  <PriceDisplay price={0} className='!tracking-[-0.06px]' />
+                }
+                bottomText={
+                  <div className='flex items-center gap-2 text-white/90'>
+                    6 grants available
+                  </div>
+                }
+              />
+            </motion.div>
+          </motion.div>
+          <motion.div variants={fadeInUp}>
+            <RecentProjects projects={[]} />
+          </motion.div>
+          <motion.div className='flex gap-4' variants={staggerContainer}>
+            <motion.div variants={slideInFromLeft}>
+              <RecentContributions projects={[]} />
+            </motion.div>
+            <motion.div variants={slideInFromRight}>
+              <GrantHistory projects={[]} />
+            </motion.div>
+          </motion.div>
         </motion.main>
       </motion.div>
     </PageTransition>
diff --git a/components/comment/modal.tsx b/components/comment/modal.tsx
new file mode 100644
index 000000000..2f7319bdf
--- /dev/null
+++ b/components/comment/modal.tsx
@@ -0,0 +1,528 @@
+'use client';
+
+import React, { useState, useRef, useEffect } from 'react';
+import BoundlessSheet from '@/components/sheet/boundless-sheet';
+import Image from 'next/image';
+import { toast } from 'sonner';
+
+import { Button } from '@/components/ui/button';
+import { ArrowLeft, MessageCircle, Heart, Trash2 } from 'lucide-react';
+import { Stepper } from '@/components/stepper';
+
+interface Reply {
+  id: string;
+  text: string;
+  author: string;
+  timestamp: string;
+  likes: number;
+  isLiked: boolean;
+}
+
+interface Comment {
+  id: string;
+  text: string;
+  author: string;
+  timestamp: string;
+  replies: Reply[];
+  likes: number;
+  isLiked: boolean;
+}
+
+interface CommentModalProps {
+  children: React.ReactNode;
+  onCommentSubmit?: (comment: string) => void;
+}
+
+const CommentModal: React.FC<CommentModalProps> = ({
+  children,
+  onCommentSubmit,
+}) => {
+  const [comment, setComment] = useState('');
+  const [isOpen, setIsOpen] = useState(false);
+  const [comments, setComments] = useState<Comment[]>([]);
+  const [replyMode, setReplyMode] = useState<{
+    isActive: boolean;
+    commentId: string | null;
+  }>({ isActive: false, commentId: null });
+  const [replyText, setReplyText] = useState('');
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+  const replyTextareaRef = useRef<HTMLTextAreaElement>(null);
+
+  const campaignSteps = [
+    {
+      title: 'Initialize',
+      description:
+        'Submit your project idea and define milestones to begin your campaign journey.',
+      state: 'completed' as const,
+    },
+    {
+      title: 'Validate',
+      description:
+        'Get admin approval and gather public support through voting.',
+      state: 'active' as const,
+    },
+    {
+      title: 'Launch Campaign',
+      description:
+        'Finalize campaign details and deploy smart escrow to go live and receive funding.',
+      state: 'pending' as const,
+    },
+  ];
+
+  const handleSubmit = () => {
+    if (comment.trim()) {
+      const newComment: Comment = {
+        id: Date.now().toString(),
+        text: comment.trim(),
+        author: 'Collins Odumeje',
+        timestamp: '5s',
+        replies: [],
+        likes: 0,
+        isLiked: false,
+      };
+
+      setComments(prev => [newComment, ...prev]);
+      setComment('');
+
+      // Call the onCommentSubmit callback if provided
+      if (onCommentSubmit) {
+        onCommentSubmit(comment.trim());
+      }
+
+      toast.success('Comment Posted!', {
+        action: {
+          label: 'Undo',
+          onClick: () => {
+            setComments(prev => prev.filter(c => c.id !== newComment.id));
+          },
+        },
+        style: {
+          background: '#3B82F6',
+          color: 'white',
+          borderRadius: '8px',
+          border: 'none',
+        },
+        actionButtonStyle: {
+          background: 'transparent',
+          color: 'white',
+          textDecoration: 'underline',
+          border: 'none',
+        },
+      });
+    }
+  };
+
+  const handleLike = (commentId: string) => {
+    setComments(prev =>
+      prev.map(comment =>
+        comment.id === commentId
+          ? {
+              ...comment,
+              isLiked: !comment.isLiked,
+              likes: comment.isLiked ? comment.likes - 1 : comment.likes + 1,
+            }
+          : comment
+      )
+    );
+  };
+
+  const handleDelete = (commentId: string) => {
+    setComments(prev => prev.filter(comment => comment.id !== commentId));
+  };
+
+  const handleReplyClick = (commentId: string) => {
+    setReplyText('');
+    setReplyMode({ isActive: true, commentId });
+  };
+
+  useEffect(() => {
+    if (replyMode.isActive) {
+      setReplyText('');
+    }
+  }, [replyMode.isActive]);
+
+  const handleReplySubmit = () => {
+    if (replyText.trim() && replyMode.commentId) {
+      const newReply: Reply = {
+        id: Date.now().toString(),
+        text: replyText.trim(),
+        author: 'Davedumto',
+        timestamp: 'just now',
+        likes: 0,
+        isLiked: false,
+      };
+
+      setComments(prev =>
+        prev.map(comment =>
+          comment.id === replyMode.commentId
+            ? { ...comment, replies: [...comment.replies, newReply] }
+            : comment
+        )
+      );
+
+      setReplyText('');
+
+      toast.success('Reply Posted!', {
+        action: {
+          label: 'Undo',
+          onClick: () => {
+            setComments(prev =>
+              prev.map(comment =>
+                comment.id === replyMode.commentId
+                  ? {
+                      ...comment,
+                      replies: comment.replies.filter(
+                        r => r.id !== newReply.id
+                      ),
+                    }
+                  : comment
+              )
+            );
+          },
+        },
+        style: {
+          background: '#3B82F6',
+          color: 'white',
+          borderRadius: '8px',
+          border: 'none',
+        },
+        actionButtonStyle: {
+          background: 'transparent',
+          color: 'white',
+          textDecoration: 'underline',
+          border: 'none',
+        },
+      });
+    }
+  };
+
+  const handleBackToComments = () => {
+    setReplyMode({ isActive: false, commentId: null });
+    setReplyText('');
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+
+  useEffect(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height =
+        textareaRef.current.scrollHeight + 'px';
+    }
+  }, [comment]);
+
+  return (
+    <>
+      <div onClick={() => setIsOpen(true)}>{children}</div>
+
+      <BoundlessSheet
+        open={isOpen}
+        setOpen={setIsOpen}
+        side='bottom'
+        maxHeight='90vh'
+        minHeight='60vh'
+        className='bg-black border-[#2A2A2A] text-white p-0'
+      >
+        <div className='flex flex-col xl:flex-row h-full overflow-hidden'>
+          <div className='lg:p-6 p-4 lg:border-b-0 flex-shrink-0'>
+            <div className='lg:block flex flex-row justify-center'>
+              <Stepper steps={campaignSteps} />
+            </div>
+          </div>
+
+          <div className='flex-1 flex flex-col lg:w-[50%] w-full overflow-y-auto'>
+            {!replyMode.isActive && (
+              <div className='p-6 w-[80%] xl:w-[70%] mx-auto'>
+                <div className='flex items-center gap-3 py-6'>
+                  <button
+                    onClick={() => setIsOpen(false)}
+                    className='p-2 hover:bg-[#2A2A2A] rounded-full transition-colors'
+                  >
+                    <ArrowLeft className='w-5 h-5 text-white' />
+                  </button>
+                  <h2 className='text-xl font-semibold text-white'>Comments</h2>
+                </div>
+                <div className='flex items-center justify-between gap-3  border px-3  rounded-lg border-[#2A2A2A]'>
+                  <div className='flex-shrink-0'>
+                    <Image
+                      src='/empty/user.svg'
+                      alt='User avatar'
+                      width={40}
+                      height={40}
+                      className='w-12 h-12'
+                    />
+                  </div>
+                  <div className='flex-1 pt-6'>
+                    <textarea
+                      ref={textareaRef}
+                      placeholder='Leave a comment'
+                      value={comment}
+                      onChange={e => setComment(e.target.value)}
+                      onKeyDown={handleKeyDown}
+                      className='py-2 text-white placeholder:text-gray-400 w-full bg-transparent text-md leading-none min-h-[60px] border-none outline-none shadow-none focus:border-none focus:outline-none focus:ring-0'
+                    />
+                  </div>
+                  <div className='flex-shrink-0'>
+                    <Button
+                      onClick={handleSubmit}
+                      disabled={!comment.trim()}
+                      className='px-6 py-2 bg-[#2A2A2A] hover:bg-[#3A3A3A] text-white border border-[#3A3A3A] disabled:opacity-50 disabled:cursor-not-allowed'
+                    >
+                      Post
+                    </Button>
+                  </div>
+                </div>
+                <div className='border-b border-[#2A2A2A] my-6 ' />
+              </div>
+            )}
+
+            {replyMode.isActive && (
+              <div className='p-6 w-[80%] xl:w-[70%] mx-auto'>
+                {/* Reply Header */}
+                <div className='flex items-center gap-3 py-6'>
+                  <button
+                    onClick={handleBackToComments}
+                    className='p-2 hover:bg-[#2A2A2A] rounded-full transition-colors'
+                  >
+                    <ArrowLeft className='w-5 h-5 text-white' />
+                  </button>
+                  <h2 className='text-xl font-semibold text-white'>Reply</h2>
+                </div>
+
+                {(() => {
+                  const parentComment = comments.find(
+                    c => c.id === replyMode.commentId
+                  );
+                  if (!parentComment) return null;
+
+                  return (
+                    <div className='mb-6'>
+                      <div className='flex gap-3 p-4 rounded-lg bg-[#1A1A1A]/50'>
+                        <div className='flex-shrink-0'>
+                          <Image
+                            src='/empty/user.svg'
+                            alt='User avatar'
+                            width={40}
+                            height={40}
+                            className='w-12 h-12'
+                          />
+                        </div>
+                        <div className='flex-1'>
+                          <div className='flex items-center gap-2 mb-2'>
+                            <span className='font-medium text-white'>
+                              {parentComment.author}
+                            </span>
+                            <span className='text-gray-400 text-sm'>
+                              {parentComment.timestamp}
+                            </span>
+                          </div>
+                          <p className='text-white/90 mb-4 leading-relaxed'>
+                            {parentComment.text}
+                          </p>
+
+                          <div className='flex items-center gap-4 text-gray-400 text-sm'>
+                            <div className='flex items-center gap-1'>
+                              <MessageCircle className='w-4 h-4' />
+                              <span>{parentComment.replies.length}</span>
+                            </div>
+                            <div className='flex items-center gap-1'>
+                              <Heart className='w-4 h-4' />
+                              <span>{parentComment.likes}</span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  );
+                })()}
+
+                <div className='flex items-center justify-between gap-3 border px-3 py-3 rounded-lg border-[#2A2A2A]'>
+                  <div className='flex-shrink-0'>
+                    <Image
+                      src='/empty/user.svg'
+                      alt='User avatar'
+                      width={40}
+                      height={40}
+                      className='w-12 h-12'
+                    />
+                  </div>
+                  <div className='flex-1'>
+                    <textarea
+                      key={`reply-input-${replyMode.commentId}`}
+                      ref={replyTextareaRef}
+                      placeholder='Write a reply...'
+                      value={replyText}
+                      onChange={e => {
+                        setReplyText(e.target.value);
+                      }}
+                      onKeyDown={e => {
+                        if (e.key === 'Enter' && !e.shiftKey) {
+                          e.preventDefault();
+                          handleReplySubmit();
+                        }
+                      }}
+                      className='py-2 text-white placeholder:text-gray-400 w-full bg-transparent text-md leading-none min-h-[60px] resize-none border-none outline-none shadow-none focus:border-none focus:outline-none focus:ring-0'
+                      autoFocus
+                    />
+                  </div>
+                  <div className='flex-shrink-0'>
+                    <Button
+                      onClick={e => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleReplySubmit();
+                      }}
+                      disabled={!replyText.trim()}
+                      className='px-6 py-2 bg-[#2A2A2A] hover:bg-[#3A3A3A] text-white border border-[#3A3A3A] disabled:opacity-50 disabled:cursor-not-allowed'
+                    >
+                      Reply
+                    </Button>
+                  </div>
+                </div>
+
+                {(() => {
+                  const parentComment = comments.find(
+                    c => c.id === replyMode.commentId
+                  );
+                  if (!parentComment || parentComment.replies.length === 0)
+                    return null;
+
+                  return (
+                    <div className='mt-6 space-y-4'>
+                      {parentComment.replies.map(reply => (
+                        <div key={reply.id} className='flex gap-3'>
+                          <div className='flex-shrink-0'>
+                            <Image
+                              src='/empty/user.svg'
+                              alt='User avatar'
+                              width={40}
+                              height={40}
+                              className='w-12 h-12'
+                            />
+                          </div>
+                          <div className='flex-1'>
+                            <div className='flex items-center gap-2 mb-2'>
+                              <span className='font-medium text-white'>
+                                {reply.author}
+                              </span>
+                              <span className='text-gray-400 text-sm'>
+                                {reply.timestamp}
+                              </span>
+                            </div>
+                            <p className='text-white/90 leading-relaxed'>
+                              {reply.text}
+                            </p>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  );
+                })()}
+              </div>
+            )}
+            {!replyMode.isActive && (
+              <div className='flex-1'>
+                {comments.length === 0 ? (
+                  <div className='flex items-center justify-center p-12'>
+                    <div className='text-center'>
+                      <div className='mb-6'>
+                        <Image
+                          src='/empty/comment.svg'
+                          alt='No comments available'
+                          width={128}
+                          height={128}
+                          className='w-32 h-32 mx-auto mb-4'
+                        />
+                      </div>
+
+                      <h3 className='text-xl font-semibold text-white mb-2'>
+                        No Comments Available
+                      </h3>
+                      <p className='text-gray-400 max-w-md mx-auto'>
+                        Share your insights or questions to kick off meaningful
+                        discussions.
+                      </p>
+                    </div>
+                  </div>
+                ) : (
+                  <div className='p-6 space-y-6 mx-auto w-[70%] pb-8'>
+                    {comments.map(comment => (
+                      <div
+                        key={comment.id}
+                        className='flex gap-3 p-4 rounded-lg bg-[#1A1A1A]/50 transition-all duration-200 cursor-pointer group relative'
+                      >
+                        <button
+                          onClick={() => handleDelete(comment.id)}
+                          className='absolute top-3 right-3 p-1.5 hover:bg-[#2A2A2A] rounded-full transition-colors opacity-0 group-hover:opacity-100'
+                          title='Delete comment'
+                        >
+                          <Trash2 className='w-4 h-4 text-red-400 transition-colors' />
+                        </button>
+
+                        <div className='flex-shrink-0'>
+                          <Image
+                            src='/empty/user.svg'
+                            alt='User avatar'
+                            width={40}
+                            height={40}
+                            className='w-12 h-12'
+                          />
+                        </div>
+                        <div className='flex-1'>
+                          <div className='flex items-center gap-2 mb-2'>
+                            <span className='font-medium text-white'>
+                              {comment.author}
+                            </span>
+                            <span className='text-gray-400 text-sm'>
+                              {comment.timestamp}
+                            </span>
+                          </div>
+                          <p className='text-white/90 mb-3 leading-relaxed'>
+                            {comment.text}
+                          </p>
+                          <div className='flex items-center gap-4 text-gray-400 text-sm'>
+                            <button
+                              onClick={() => handleReplyClick(comment.id)}
+                              className='flex items-center gap-1 hover:text-white transition-colors'
+                            >
+                              <MessageCircle className='w-4 h-4' />
+                              <span>{comment.replies.length}</span>
+                            </button>
+                            <button
+                              onClick={() => handleLike(comment.id)}
+                              className='flex items-center gap-1 hover:text-white transition-colors'
+                            >
+                              <Heart
+                                className={`w-4 h-4 transition-colors duration-200 ${
+                                  comment.isLiked
+                                    ? 'text-white fill-white'
+                                    : 'text-gray-400'
+                                }`}
+                              />
+                              <span
+                                className={comment.isLiked ? 'text-white' : ''}
+                              >
+                                {comment.likes}
+                              </span>
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            )}
+          </div>
+        </div>
+      </BoundlessSheet>
+    </>
+  );
+};
+
+export default CommentModal;
diff --git a/public/empty/user.svg b/public/empty/user.svg
new file mode 100644
index 000000000..705938081
--- /dev/null
+++ b/public/empty/user.svg
@@ -0,0 +1,19 @@
+<svg width="48" height="45" viewBox="0 0 48 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="22.3256" cy="22.3256" rx="22.3256" ry="22.3256" fill="#002E99"/>
+<mask id="mask0_600_38259" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="45" height="45">
+<ellipse cx="22.3256" cy="22.3256" rx="22.3256" ry="22.3256" fill="#C4C4C4"/>
+</mask>
+<g mask="url(#mask0_600_38259)">
+<ellipse cx="22.3258" cy="39.293" rx="16.9674" ry="9.82326" fill="#8CD5FF"/>
+</g>
+<ellipse cx="22.3253" cy="18.9767" rx="8.03721" ry="8.03721" fill="#8CD5FF"/>
+<g clip-path="url(#clip0_600_38259)">
+<ellipse cx="39.0699" cy="35.7208" rx="8.93023" ry="8.93024" fill="#2B2B2B"/>
+<path d="M41.9563 32.5381C42.3578 32.1592 42.9902 32.1768 43.3693 32.5782C43.7484 32.9795 43.7302 33.612 43.3293 33.9913L38.1291 38.9034C37.7437 39.2674 37.1405 39.2674 36.7551 38.9034L34.8117 37.0674C34.4102 36.6882 34.3925 36.0549 34.7717 35.6534C35.151 35.2526 35.7835 35.2344 36.1848 35.6133L37.4416 36.7999L41.9563 32.5381Z" fill="#787878"/>
+</g>
+<defs>
+<clipPath id="clip0_600_38259">
+<rect width="17.8605" height="17.8605" fill="white" transform="translate(30.1396 26.7905)"/>
+</clipPath>
+</defs>
+</svg>