Replace resume section with AI bot features

Replaced resume section with AI bot interaction section, updated content and features.

Author: dconco

index.html

@@ -279,45 +279,46 @@ <h3>Tools & Others</h3>
 			</div>
 		</section>
 
-		<section id="resume" class="resume">
+		<section id="ai-bot" class="ai-bot">
 			<div class="container">
-				<h2 class="section-title">My Resume</h2>
-				<div class="resume-content">
-					<div class="resume-preview">
-						<div class="resume-icon">
-							<i class="fas fa-file-pdf"></i>
+				<div class="ai-bot-content">
+					<div class="ai-bot-card">
+						<div class="ai-bot-icon">
+							<i class="fab fa-whatsapp"></i>
 						</div>
-						<h3>Download My Resume</h3>
+						<h2>Want to test my AI bot that talks like me? 🚀</h2>
 						<p>
-							Get a comprehensive overview of my experience, skills, and
-							achievements in software development. My resume includes
-							detailed information about my 5+ years of experience in
-							full-stack development, backend engineering, and the
-							amazing projects I've built.
+							It's fun, smart, and knows everything about my work,
+							projects, and dev journey.
 						</p>
-						<div class="resume-highlights">
-							<div class="highlight-item">
-								<i class="fas fa-code"></i>
-								<span>7 Years Of Coding</span>
+						<div class="ai-bot-features">
+							<div class="feature-item">
+								<i class="fas fa-robot"></i>
+								<span>Trained on my portfolio & experience</span>
 							</div>
-							<div class="highlight-item">
-								<i class="fas fa-project-diagram"></i>
-								<span>20+ Projects Completed</span>
+							<div class="feature-item">
+								<i class="fas fa-lightning-bolt">⚡</i>
+								<span>Instant responses 24/7</span>
 							</div>
-							<div class="highlight-item">
-								<i class="fas fa-tools"></i>
-								<span>Multiple Tech Stacks</span>
+							<div class="feature-item">
+								<i class="fas fa-brain"></i>
+								<span>Knows all my projects & skills</span>
 							</div>
 						</div>
 						<a
-							href="https://drive.google.com/file/d/12BoysAcxwwBIPOdyO3m_4AR2lLsDroHB/view?usp=sharing"
-							class="btn btn-resume"
+							href="https://wa.me/2349064772574?text=Hi%20Dave!%20Coming%20from%20your%20portfolio,%20whats'up!"
+							class="btn btn-whatsapp"
 							target="_blank"
 							rel="noopener noreferrer"
 						>
-							<i class="fas fa-download"></i>
-							Download Resume
+							<i class="fab fa-whatsapp"></i>
+							Chat on WhatsApp
 						</a>
+						<p class="ai-bot-cta">
+							⚡ Try it now → Ask me about my projects, frameworks, or
+							even request help on your next idea.<br />
+							I'll reply instantly (through my bot, but it is me 😉).
+						</p>
 					</div>
 				</div>
 			</div>