diff --git a/apps/blade/src/app/kevin-rodriguez/_components/about-section.tsx b/apps/blade/src/app/kevin-rodriguez/_components/about-section.tsx
new file mode 100644
index 00000000..2123395a
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/_components/about-section.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import { Card } from "@forge/ui/card";
+import { useScrollAnimation } from "../_hooks/useScrollAnimation";
+
+export function AboutSection() {
+  const { ref, isVisible } = useScrollAnimation(0.2);
+
+  return (
+    <section ref={ref} className="py-20 relative overflow-hidden">
+      {/* Animated background bubbles */}
+      <div className="absolute inset-0 pointer-events-none opacity-5">
+        {[...Array(8)].map((_, i) => (
+          <div
+            key={i}
+            className="absolute w-20 h-20 bg-primary rounded-full animate-bubble-float"
+            style={{
+              left: `${(i * 15) % 100}%`,
+              top: `${(i * 20) % 80}%`,
+              animationDelay: `${i * 0.7}s`,
+              animationDuration: `${4 + (i % 3)}s`,
+            }}
+          />
+        ))}
+      </div>
+
+      <div className="container mx-auto px-4 relative z-10">
+        <h2 className={`text-4xl md:text-5xl font-bold text-center mb-12 transition-all duration-700 ${
+          isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+        }`}>
+          About Me
+        </h2>
+        
+        <Card className={`max-w-4xl mx-auto p-8 md:p-12 shadow-xl transition-all duration-700 delay-200 ${
+          isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+        }`}>
+          <div className="space-y-6 text-lg leading-relaxed">
+            <p>
+              Hi! I'm Kevin Rodriguez, a passionate full-stack developer with a love for building
+              web applications. I'm excited about the opportunity to join the Knight Hacks dev team 
+              and contribute to creating amazing experiences for the hackathon community.
+            </p>
+            
+            <p>
+              I believe in writing clean, maintainable code and continuously learning new
+              technologies. My goal is to not only contribute technically but also to collaborate
+              with the team to solve challenging problems and deliver impactful solutions.
+            </p>
+
+          </div>
+
+          {/* Stats*/}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-10 pt-8 border-t">
+            <div className="text-center">
+              <div className="text-4xl font-bold text-primary mb-2">5+</div>
+              <div className="text-sm text-muted-foreground">Years Coding</div>
+            </div>
+            <div className="text-center">
+              <div className="text-4xl font-bold text-primary mb-2">4+</div>
+              <div className="text-sm text-muted-foreground">Projects Built</div>
+            </div>
+          </div>
+        </Card>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/_components/hero-section.tsx b/apps/blade/src/app/kevin-rodriguez/_components/hero-section.tsx
new file mode 100644
index 00000000..c5ac8637
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/_components/hero-section.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { Button } from "@forge/ui/button";
+import pfp from '../icons/chibi_icon.png';
+
+export function HeroSection() {
+  const handleLinkedIn = () => {
+    window.open("https://linkedin.com/in/kevinarodriguez25", "_blank");
+  };
+
+  return (
+    <section className="min-h-[60vh] py-16 flex items-center justify-center relative overflow-hidden">
+      {/* Animated background bubbles */}
+      <div className="absolute inset-0 opacity-10 pointer-events-none">
+        <div 
+          className="absolute top-1/4 left-1/4 w-24 h-24 bg-primary rounded-full animate-pulse"
+        />
+        <div 
+          className="absolute bottom-1/4 right-1/4 w-16 h-16 bg-primary rounded-full animate-pulse"
+        />
+        <div 
+          className="absolute top-1/2 right-1/3 w-12 h-12 bg-primary rounded-full animate-bounce"
+        />
+        <div 
+          className="absolute top-3/4 left-1/2 w-14 h-14 bg-primary rounded-full animate-bubble-float"
+          style={{ animationDelay: "1s" }}
+        />
+      </div>
+
+      {/* Main content */}
+      <div className="relative z-10 text-center px-6 max-w-4xl mx-auto">
+        {/* Profile picture/avatar */}
+        <div className="mb-6 animate-fade-in">
+          <div className="relative inline-block">
+            <div className="w-40 h-40 rounded-full bg-gradient-to-br from-primary to-purple-600 flex items-center justify-center text-white text-6xl font-bold mx-auto animate-float shadow-2xl">
+              <img
+                src={pfp.src}
+                alt="Kevin Rodriguez"
+                className="w-40 h-40 rounded-full object-cover border-4 border-white shadow-2xl"
+              />
+            </div>
+            <div className="absolute -bottom-2 -right-2 w-12 h-12 bg-primary rounded-full flex items-center justify-center shadow-lg">
+              <span className="text-2xl">💻</span>
+            </div>
+          </div>
+        </div>
+
+        {/* Hero text */}
+        <h1 className="text-4xl md:text-5xl font-bold mb-3 animate-slide-up">
+          Kevin Rodriguez
+        </h1>
+        <p 
+          className="text-lg md:text-xl text-muted-foreground mb-1 animate-slide-up" 
+          style={{ animationDelay: "0.1s" }}
+        >
+          Full-Stack Developer
+        </p>
+        <p 
+          className="text-base md:text-lg text-muted-foreground mb-6 animate-slide-up" 
+          style={{ animationDelay: "0.2s" }}
+        >
+          Knight Hacks Dev Team Application
+        </p>
+
+        {/* Call-to-action buttons */}
+        <div 
+          className="flex flex-wrap gap-4 justify-center animate-slide-up" 
+          style={{ animationDelay: "0.3s" }}
+        >
+          <Button size="lg" onClick={handleLinkedIn}>
+            View LinkedIn
+          </Button>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/_components/projects-section.tsx b/apps/blade/src/app/kevin-rodriguez/_components/projects-section.tsx
new file mode 100644
index 00000000..07365f1a
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/_components/projects-section.tsx
@@ -0,0 +1,202 @@
+"use client";
+
+import { Card } from "@forge/ui/card";
+import { Badge } from "@forge/ui/badge";
+import { useState } from "react";
+import { useScrollAnimation } from "../_hooks/useScrollAnimation";
+
+// Import images
+import cyclopBackpack from "../projects-images/cyclops/cyclops-backpack.jpg";
+import testRun from "../projects-images/cyclops/test-run.PNG";
+import emailVerif from "../projects-images/playedit/email-verif.png";
+import gameCover from "../projects-images/playedit/game-cover.png";
+import gamesList from "../projects-images/playedit/games-list.png";
+
+interface Project {
+  title: string;
+  subtitle: string;
+  date: string;
+  description: string[];
+  technologies: string[];
+  images: any[];
+}
+
+const projects: Project[] = [
+  {
+    title: "Cyclops - KnightHacks VIII",
+    subtitle: "AI-Driven Safety System",
+    date: "Jan. 2025 - Present",
+    description: [
+      "Engineered an AI-driven backpack-mounted safety system that achieved 90% accuracy in detecting potential threats using YOLOv11 and DeepSORT for real-time object tracking.",
+      "Integrated Firebase Cloud Messaging with an Android app to deliver sub-2-second alerts when suspicious activity was detected in the user's blind spot.",
+      "Enhanced environmental awareness by fusing ultrasonic sensor data (Arduino) with CV outputs, improving detection confidence by 20%."
+    ],
+    technologies: ["YOLOv11", "DeepSORT", "Gemini API", "Firebase", "Arduino", "Android"],
+    images: [cyclopBackpack, testRun]
+  },
+  {
+    title: "PlayedIt",
+    subtitle: "Game Discovery & Recommendation Platform",
+    date: "Sept. 2025 - Nov. 2025",
+    description: [
+      "Designed and implemented 30+ RESTful API endpoints to support authentication, user/developer profiles, game listings, and personalized recommendations—reducing backend response times by ~40%.",
+      "Engineered a scalable MongoDB data model and optimized retrieval using Mongoose aggregation pipelines, cutting database load by ~30% during high-traffic operations.",
+      "Integrated external IGDB-style game metadata to support advanced search, sorting, pagination, and dynamic cover fetching—enabling 50,000+ games to be browsed smoothly."
+    ],
+    technologies: ["MongoDB", "Express.js", "React", "Node.js", "IGDB API", "Machine Learning"],
+    images: [emailVerif, gameCover, gamesList]
+  }
+];
+
+function ProjectCard({ project, index }: { project: Project; index: number }) {
+  const [currentImageIndex, setCurrentImageIndex] = useState(0);
+  const { ref, isVisible } = useScrollAnimation(0.1);
+
+  const goToPrevious = () => {
+    setCurrentImageIndex((prev) => (prev - 1 + project.images.length) % project.images.length);
+  };
+
+  const goToNext = () => {
+    setCurrentImageIndex((prev) => (prev + 1) % project.images.length);
+  };
+
+  return (
+    <div
+      ref={ref}
+      className={`transition-all duration-700 ${
+        isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+      }`}
+      style={{ transitionDelay: `${index * 200}ms` }}
+    >
+      <Card className="overflow-hidden">
+        <div className="grid md:grid-cols-2 gap-0">
+        {/* Screenshot Carousel */}
+        <div className="relative aspect-[4/3] bg-muted overflow-hidden group">
+          {project.images[currentImageIndex] && (
+            <img
+              src={project.images[currentImageIndex].src}
+              alt={`${project.title} screenshot ${currentImageIndex + 1}`}
+              className="w-full h-full object-cover transition-opacity duration-500"
+            />
+          )}
+
+          {/* Left/Right navigation buttons */}
+          {project.images.length > 1 && (
+            <>
+              <button
+                onClick={goToPrevious}
+                className="absolute left-0 top-0 h-full w-1/2 flex items-center justify-start pl-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
+                aria-label="Previous image"
+              >
+                <span className="bg-black/50 text-white rounded-full w-8 h-8 flex items-center justify-center hover:bg-black/70">
+                  ‹
+                </span>
+              </button>
+              <button
+                onClick={goToNext}
+                className="absolute right-0 top-0 h-full w-1/2 flex items-center justify-end pr-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
+                aria-label="Next image"
+              >
+                <span className="bg-black/50 text-white rounded-full w-8 h-8 flex items-center justify-center hover:bg-black/70">
+                  ›
+                </span>
+              </button>
+            </>
+          )}
+
+          {/* Image indicators */}
+          <div className="absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-10">
+            {project.images.map((_, idx) => (
+              <button
+                key={idx}
+                onClick={() => setCurrentImageIndex(idx)}
+                className={`w-2 h-2 rounded-full transition-all ${
+                  idx === currentImageIndex
+                    ? 'bg-white w-6'
+                    : 'bg-white/50 hover:bg-white/75'
+                }`}
+                aria-label={`Go to screenshot ${idx + 1}`}
+              />
+            ))}
+          </div>
+        </div>
+
+        {/* Project Details */}
+        <div className="p-6 flex flex-col">
+          <div className="mb-4">
+            <h3 className="text-2xl font-bold mb-1">{project.title}</h3>
+            <p className="text-sm text-muted-foreground mb-1">{project.subtitle}</p>
+            <p className="text-xs text-muted-foreground">{project.date}</p>
+          </div>
+
+          {/* Tech Stack */}
+          <div className="flex flex-wrap gap-2 mb-4">
+            {project.technologies.map((tech) => (
+              <Badge key={tech} variant="secondary" className="text-xs">
+                {tech}
+              </Badge>
+            ))}
+          </div>
+
+          {/* Description */}
+          <ul className="space-y-2 text-sm flex-grow">
+            {project.description.map((item, idx) => (
+              <li key={idx} className="flex gap-2">
+                <span className="text-primary mt-1">▸</span>
+                <span className="text-muted-foreground">{item}</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </div>
+      </Card>
+    </div>
+  );
+}
+
+export function ProjectsSection() {
+  const { ref, isVisible } = useScrollAnimation(0.1);
+
+  return (
+    <section ref={ref} className="py-20 relative overflow-hidden">
+      {/* Animated background */}
+      <div className="absolute inset-0 pointer-events-none opacity-5">
+        {[...Array(6)].map((_, i) => (
+          <div
+            key={i}
+            className="absolute w-24 h-24 bg-primary rounded-full animate-bubble-float"
+            style={{
+              left: `${(i * 18) % 90}%`,
+              top: `${(i * 25) % 75}%`,
+              animationDelay: `${i * 1.2}s`,
+              animationDuration: `${5 + (i % 3)}s`,
+            }}
+          />
+        ))}
+      </div>
+
+      <div className="container mx-auto px-4 relative z-10">
+        <h2
+          className={`text-4xl md:text-5xl font-bold text-center mb-4 transition-all duration-700 ${
+            isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+          }`}
+        >
+          Featured Projects
+        </h2>
+        <p
+          className={`text-center text-muted-foreground mb-12 transition-all duration-700 delay-100 ${
+            isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+          }`}
+        >
+          A selection of my recent work and hackathon projects
+        </p>
+
+        <div className="max-w-6xl mx-auto space-y-8">
+          {projects.map((project, index) => (
+            <ProjectCard key={project.title} project={project} index={index} />
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/_components/skills-section.tsx b/apps/blade/src/app/kevin-rodriguez/_components/skills-section.tsx
new file mode 100644
index 00000000..4de85a50
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/_components/skills-section.tsx
@@ -0,0 +1,88 @@
+"use client";
+
+import { Card } from "@forge/ui/card";
+import { Badge } from "@forge/ui/badge";
+import { useScrollAnimation } from "../_hooks/useScrollAnimation";
+
+const skills = [
+  { name: "JavaScript", icon: "💛" },
+  { name: "TypeScript", icon: "💙" },
+  { name: "React", icon: "⚛️" },
+  { name: "Next.js", icon: "▲" },
+  { name: "Node.js", icon: "🟢" },
+  { name: "Express", icon: "🚂" },
+  { name: "PostgreSQL", icon: "🐘" },
+  { name: "Tailwind CSS", icon: "🎨" },
+  { name: "Git", icon: "📦" },
+  { name: "REST APIs", icon: "🔌" },
+  { name: "HTML/CSS", icon: "🌐" },
+  { name: "Python", icon: "🐍" },
+];
+
+const interests = [
+  "Full-Stack Development",
+  "UI/UX Design",
+  "Open Source",
+  "Backend Systems",
+  "Developer Tools",
+  "Database Management",
+];
+
+export function SkillsSection() {
+  const { ref, isVisible } = useScrollAnimation(0.2);
+
+  return (
+    <section ref={ref} className="py-20 bg-muted/30 relative overflow-hidden">
+      {/* Gradient background */}
+      <div className="absolute inset-0 bg-gradient-to-br from-primary/5 to-purple-500/5 animate-gradient" />
+      
+      <div className="container mx-auto px-4 relative z-10">
+        <h2 className={`text-4xl md:text-5xl font-bold text-center mb-12 transition-all duration-700 ${
+          isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+        }`}>
+          Skills & Technologies
+        </h2>
+        
+        <Card className={`max-w-5xl mx-auto p-8 md:p-12 shadow-xl transition-all duration-700 delay-200 ${
+          isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'
+        }`}>
+          {/* Skills Grid */}
+          <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-12">
+            {skills.map((skill, index) => (
+              <Badge
+                key={skill.name}
+                variant="secondary"
+                className={`text-center py-4 text-base font-medium hover:scale-105 transition-all duration-500 cursor-default flex items-center justify-center gap-2 ${
+                  isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'
+                }`}
+                style={{ transitionDelay: `${300 + index * 50}ms` }}
+              >
+                <span className="text-xl">{skill.icon}</span>
+                <span>{skill.name}</span>
+              </Badge>
+            ))}
+          </div>
+
+          {/* Divider */}
+          <div className="border-t my-8" />
+
+          {/* Interests Section */}
+          <div>
+            <h3 className="text-2xl font-bold mb-6 text-center">Areas of Interest</h3>
+            <div className="flex flex-wrap gap-3 justify-center">
+              {interests.map((interest, index) => (
+                <Badge
+                  key={interest}
+                  className="py-2 px-4 text-sm animate-fade-in hover:bg-primary/90 transition-colors cursor-default"
+                  style={{ animationDelay: `${0.8 + index * 0.1}s` }}
+                >
+                  {interest}
+                </Badge>
+              ))}
+            </div>
+          </div>
+        </Card>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/_hooks/useScrollAnimation.ts b/apps/blade/src/app/kevin-rodriguez/_hooks/useScrollAnimation.ts
new file mode 100644
index 00000000..17f165f9
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/_hooks/useScrollAnimation.ts
@@ -0,0 +1,31 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+
+export function useScrollAnimation(threshold = 0.1) {
+  const ref = useRef<HTMLDivElement>(null);
+  const [isVisible, setIsVisible] = useState(false);
+
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry && entry.isIntersecting) {
+          setIsVisible(true);
+          observer.unobserve(element);
+        }
+      },
+      { threshold }
+    );
+
+    observer.observe(element);
+
+    return () => {
+      observer.disconnect();
+    };
+  }, [threshold]);
+
+  return { ref, isVisible };
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/_styles/animations.css b/apps/blade/src/app/kevin-rodriguez/_styles/animations.css
new file mode 100644
index 00000000..5584a064
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/_styles/animations.css
@@ -0,0 +1,112 @@
+/* Floating animation */
+@keyframes float {
+  0%, 100% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-20px);
+  }
+}
+
+/* Slide up animation */
+@keyframes slide-up {
+  from {
+    opacity: 0;
+    transform: translateY(30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Fade in animation */
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* Bubble float animation */
+@keyframes bubble-float {
+  0%, 100% {
+    transform: translateY(0) translateX(0);
+  }
+  25% {
+    transform: translateY(-30px) translateX(10px);
+  }
+  50% {
+    transform: translateY(-15px) translateX(-10px);
+  }
+  75% {
+    transform: translateY(-35px) translateX(5px);
+  }
+}
+
+/* Gradient animation */
+@keyframes gradient-shift {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+/* Typing animation */
+@keyframes typing {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+
+/* Blinking caret */
+@keyframes blink-caret {
+  from, to {
+    border-color: transparent;
+  }
+  50% {
+    border-color: var(--primary);
+  }
+}
+
+/* Apply animations */
+.animate-float {
+  animation: float 5s ease-in-out infinite;
+}
+
+.animate-slide-up {
+  animation: slide-up 0.6s ease-out forwards;
+  opacity: 0;
+}
+
+.animate-fade-in {
+  animation: fade-in 0.8s ease-out forwards;
+}
+
+.animate-bubble-float {
+  animation: bubble-float 4s ease-in-out infinite;
+}
+
+.animate-gradient {
+  background-size: 200% 200%;
+  animation: gradient-shift 6s ease infinite;
+}
+
+.typing-animation {
+  overflow: hidden;
+  border-right: 2px solid var(--primary);
+  white-space: nowrap;
+  animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
+  width: fit-content;
+  display: inline-block;
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/icons/chibi_icon.png b/apps/blade/src/app/kevin-rodriguez/icons/chibi_icon.png
new file mode 100644
index 00000000..d5c2ed80
Binary files /dev/null and b/apps/blade/src/app/kevin-rodriguez/icons/chibi_icon.png differ
diff --git a/apps/blade/src/app/kevin-rodriguez/page.tsx b/apps/blade/src/app/kevin-rodriguez/page.tsx
new file mode 100644
index 00000000..4ecd46a9
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/page.tsx
@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+
+import "./_styles/animations.css";
+
+import { HeroSection } from "./_components/hero-section";
+import { AboutSection } from "./_components/about-section";
+import { SkillsSection } from "./_components/skills-section";
+import { ProjectsSection } from "./_components/projects-section";
+
+export const metadata: Metadata = {
+  title: "Kevin Rodriguez | Dev Team Application",
+  description: "Knight Hacks Dev Team Application - Kevin Rodriguez",
+};
+
+export default function KevinRodriguezPage() {
+  return (
+    <main className="min-h-screen bg-background">
+      <HeroSection />
+      <AboutSection />
+      <SkillsSection />
+      <ProjectsSection />
+    </main>
+  );
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/projects-images/cyclops/cyclops-backpack.jpg b/apps/blade/src/app/kevin-rodriguez/projects-images/cyclops/cyclops-backpack.jpg
new file mode 100644
index 00000000..93ead40a
Binary files /dev/null and b/apps/blade/src/app/kevin-rodriguez/projects-images/cyclops/cyclops-backpack.jpg differ
diff --git a/apps/blade/src/app/kevin-rodriguez/projects-images/cyclops/test-run.PNG b/apps/blade/src/app/kevin-rodriguez/projects-images/cyclops/test-run.PNG
new file mode 100644
index 00000000..31b67fe7
Binary files /dev/null and b/apps/blade/src/app/kevin-rodriguez/projects-images/cyclops/test-run.PNG differ
diff --git a/apps/blade/src/app/kevin-rodriguez/projects-images/images.d.ts b/apps/blade/src/app/kevin-rodriguez/projects-images/images.d.ts
new file mode 100644
index 00000000..6681b95f
--- /dev/null
+++ b/apps/blade/src/app/kevin-rodriguez/projects-images/images.d.ts
@@ -0,0 +1,4 @@
+declare module "*.PNG" {
+  const value: any;
+  export default value;
+}
diff --git a/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/email-verif.png b/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/email-verif.png
new file mode 100644
index 00000000..7f764d95
Binary files /dev/null and b/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/email-verif.png differ
diff --git a/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/game-cover.png b/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/game-cover.png
new file mode 100644
index 00000000..1bd09908
Binary files /dev/null and b/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/game-cover.png differ
diff --git a/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/games-list.png b/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/games-list.png
new file mode 100644
index 00000000..52ed7fae
Binary files /dev/null and b/apps/blade/src/app/kevin-rodriguez/projects-images/playedit/games-list.png differ