From 31f8528f468a30ed79718c37ea23f49ed610eb60 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 15:22:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 128 +++++++++++++++--------------------------------
 1 file changed, 40 insertions(+), 88 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 972cb35..13b8402 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Projects",          id: "projects"},
-        {
-          name: "Stack",          id: "stack"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "About", id: "about" },
+        { name: "Projects", id: "projects" },
+        { name: "Stack", id: "stack" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Vaishnav V"
     />
@@ -47,28 +43,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       title="Hi, I'm Vaishnav V"
       description="Passionate MCA graduate and Full-Stack Developer specializing in Cybersecurity and AI-powered solutions. Building scalable applications to solve real-world problems."
       buttons={[
-        {
-          text: "View Projects",          href: "#projects"},
-        {
-          text: "Contact Me",          href: "#contact"},
+        { text: "View Projects", href: "#projects" },
+        { text: "Contact Me", href: "#contact" },
       ]}
       mediaAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text",          text: "Full-Stack Dev"},
-        {
-          type: "text",          text: "Cybersecurity Expert"},
-        {
-          type: "text",          text: "AI Enthusiast"},
-        {
-          type: "text",          text: "MCA Graduate"},
-        {
-          type: "text",          text: "Problem Solver"},
+        { type: "text", text: "Full-Stack Dev" },
+        { type: "text", text: "Cybersecurity Expert" },
+        { type: "text", text: "AI Enthusiast" },
+        { type: "text", text: "MCA Graduate" },
+        { type: "text", text: "Problem Solver" },
       ]}
     />
   </div>
@@ -93,18 +81,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Languages",          description: "JavaScript, Python, SQL",          bentoComponent: "reveal-icon",          icon: Code
-        },
-        {
-          title: "Frontend",          description: "React.js, Next.js, HTML, Tailwind",          bentoComponent: "reveal-icon",          icon: Layout
-        },
-        {
-          title: "Backend",          description: "Node.js, REST APIs",          bentoComponent: "reveal-icon",          icon: Server
-        },
-        {
-          title: "Database",          description: "MongoDB, MySQL, Firebase",          bentoComponent: "reveal-icon",          icon: Database
-        },
+        { title: "Languages", description: "JavaScript, Python, SQL", bentoComponent: "reveal-icon", icon: Code },
+        { title: "Frontend", description: "React.js, Next.js, HTML, Tailwind", bentoComponent: "reveal-icon", icon: Layout },
+        { title: "Backend", description: "Node.js, REST APIs", bentoComponent: "reveal-icon", icon: Server },
+        { title: "Database", description: "MongoDB, MySQL, Firebase", bentoComponent: "reveal-icon", icon: Database },
       ]}
       title="Technical Expertise"
       description="My core tech stack focuses on modern, scalable, and secure technologies."
@@ -118,12 +98,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "p1", name: "Deepfake Detection (ViT)", price: "AI & Computer Vision" },
-        { id: "p2", name: "MatHeal Healthcare", price: "Full-Stack Web App" },
-        { id: "p3", name: "JARVIS 1.0", price: "AI Terminal Assistant" },
-        { id: "p4", name: "EventSphere", price: "Scalable Event Platform" },
-        { id: "p5", name: "Cybersecurity Audit", price: "Ethical Hacking Project" },
-        { id: "p6", name: "Network Automation", price: "Infrastructure Tools" },
+        { id: "p1", name: "Deepfake Detection (ViT)", price: "AI & Computer Vision", imageSrc: "https://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg" },
+        { id: "p2", name: "MatHeal Healthcare", price: "Full-Stack Web App", imageSrc: "https://img.b2bpic.net/free-photo/ai-executive-runs-code-data-center_482257-80949.jpg" },
+        { id: "p3", name: "JARVIS 1.0", price: "AI Terminal Assistant", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-office-looking-ui-pc-display-executing-binary-code_482257-127028.jpg" },
+        { id: "p4", name: "EventSphere", price: "Scalable Event Platform", imageSrc: "https://img.b2bpic.net/free-photo/developer-holding-disposable-cup-coffee-entering-home-office_482257-116466.jpg" },
+        { id: "p5", name: "Cybersecurity Audit", price: "Ethical Hacking Project", imageSrc: "https://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg" },
+        { id: "p6", name: "Network Automation", price: "Infrastructure Tools", imageSrc: "https://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg" },
       ]}
       title="Featured Projects"
       description="A showcase of my recent full-stack and AI-driven applications."
@@ -137,28 +117,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "c1",          name: "Ethical Hacking",          price: "C-DAC",          features: [
-            "Security Fundamentals",            "Penetration Testing"],
-          buttons: [
-            {
-              text: "View"},
-          ],
+          id: "c1",          name: "Ethical Hacking",          price: "C-DAC",          features: ["Security Fundamentals", "Penetration Testing"],
+          buttons: [{ text: "View" }],
         },
         {
-          id: "c2",          name: "Cybersecurity",          price: "IBM SkillsBuild",          features: [
-            "Threat Analysis",            "System Security"],
-          buttons: [
-            {
-              text: "View"},
-          ],
+          id: "c2",          name: "Cybersecurity",          price: "IBM SkillsBuild",          features: ["Threat Analysis", "System Security"],
+          buttons: [{ text: "View" }],
         },
         {
-          id: "c3",          name: "Cloud Computing",          price: "NPTEL",          features: [
-            "Virtualization",            "AWS Basics"],
-          buttons: [
-            {
-              text: "View"},
-          ],
+          id: "c3",          name: "Cloud Computing",          price: "NPTEL",          features: ["Virtualization", "AWS Basics"],
+          buttons: [{ text: "View" }],
         },
       ]}
       title="Certifications"
@@ -172,10 +140,8 @@ export default function LandingPage() {
       title="Education"
       tag="Academic Background"
       metrics={[
-        {
-          id: "m1",          value: "MCA",          description: "Rajiv Gandhi Institute of Technology"},
-        {
-          id: "m2",          value: "BSc Physics",          description: "MG University"},
+        { id: "m1", value: "MCA", description: "Rajiv Gandhi Institute of Technology" },
+        { id: "m2", value: "BSc Physics", description: "MG University" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -187,29 +153,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",          name: "Team Lead",          role: "Project Manager",          company: "Tech Innovations",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg"},
-        {
-          id: "t2",          name: "Developer Peer",          role: "Senior Dev",          company: "Software Solutions",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-executive-runs-code-data-center_482257-80949.jpg"},
-        {
-          id: "t3",          name: "Course Mentor",          role: "Professor",          company: "University",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-office-looking-ui-pc-display-executing-binary-code_482257-127028.jpg"},
-        {
-          id: "t4",          name: "Startup Founder",          role: "CTO",          company: "EventHub",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/developer-holding-disposable-cup-coffee-entering-home-office_482257-116466.jpg"},
-        {
-          id: "t5",          name: "Project Mentor",          role: "Lead",          company: "C-DAC",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg"},
+        { id: "t1", name: "Team Lead", role: "Project Manager", company: "Tech Innovations", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg" },
+        { id: "t2", name: "Developer Peer", role: "Senior Dev", company: "Software Solutions", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/ai-executive-runs-code-data-center_482257-80949.jpg" },
+        { id: "t3", name: "Course Mentor", role: "Professor", company: "University", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/young-woman-office-looking-ui-pc-display-executing-binary-code_482257-127028.jpg" },
+        { id: "t4", name: "Startup Founder", role: "CTO", company: "EventHub", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/developer-holding-disposable-cup-coffee-entering-home-office_482257-116466.jpg" },
+        { id: "t5", name: "Project Mentor", role: "Lead", company: "C-DAC", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "24+",          label: "Tech Projects"},
-        {
-          value: "95%",          label: "Client Satisfaction"},
-        {
-          value: "100+",          label: "Commits Weekly"},
+        { value: "24+", label: "Tech Projects" },
+        { value: "95%", label: "Client Satisfaction" },
+        { value: "100+", label: "Commits Weekly" },
       ]}
       title="Professional Experience"
       description="What I bring to the table as a developer."
@@ -219,13 +172,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Get in Touch"
       description="Open to new collaborations, full-time roles, or technical consulting."
       mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/well-organized-empty-medical-cabinet-ready-healthcare-services-featuring-medical-test-results_482257-133419.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/well-organized-empty-medical-cabinet-ready-healthcare-services-featuring-medical-test-results_482257-133419.jpg"
     />
   </div>