Update src/app/page.tsx

Merge version_1 into main

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: "About",          id: "about"},
+        { name: "Projects", id: "projects" },
-        {
+        { name: "Stack", id: "stack" },
-          name: "Projects",          id: "projects"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Stack",          id: "stack"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Vaishnav V"
     />
@@ -47,42 +43,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "radial-gradient" }}
-        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: "View Projects",          href: "#projects"},
+        { text: "Contact Me", href: "#contact" },
-        {
-          text: "Contact Me",          href: "#contact"},
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Du1hCkOp6mU1KzKakTWLCt3zPY/uploaded-1779117319036-4d5pt4i2.png?_wi=1"
-      imageAlt="Vaishnav V professional headshot"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-military-drone-control-headquarters-employing-cctv-radar-footage_482257-89786.jpg",          alt: "Collaborator 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/general-headquarters-monitoring-room-with-mockup-screen-tablet_482257-90086.jpg",          alt: "Collaborator 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/soldier-implements-processes-tactical-data-with-reconnaissance-radar-system_482257-89904.jpg",          alt: "Collaborator 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",          alt: "Collaborator 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg",          alt: "Collaborator 5"},
-      ]}
       marqueeItems={[
-        {
+        { type: "text", text: "Full-Stack Dev" },
-          type: "text",          text: "Full-Stack Dev"},
+        { type: "text", text: "Cybersecurity Expert" },
-        {
+        { type: "text", text: "AI Enthusiast" },
-          type: "text",          text: "Cybersecurity Expert"},
+        { type: "text", text: "MCA Graduate" },
-        {
+        { type: "text", text: "Problem Solver" },
-          type: "text",          text: "AI Enthusiast"},
-        {
-          type: "text",          text: "MCA Graduate"},
-        {
-          type: "text",          text: "Problem Solver"},
       ]}
     />
   </div>
@@ -107,18 +81,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Languages", description: "JavaScript, Python, SQL", bentoComponent: "reveal-icon", icon: Code },
-          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: "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."
@@ -132,18 +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", imageSrc: "https://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg?_wi=1" },
-          id: "p1",          name: "Deepfake Detection (ViT)",          price: "AI & Computer Vision",          imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.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?_wi=1" },
-        {
+        { 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?_wi=1" },
-          id: "p2",          name: "MatHeal Healthcare",          price: "Full-Stack Web App",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-horizontal-green-screen-digital-tablet-ill-patient-bed-medic-senior-woman-looking-chroma-key-device-with-isolated-mockup-template-background_482257-39956.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?_wi=1" },
-        {
+        { 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?_wi=1" },
-          id: "p3",          name: "JARVIS 1.0",          price: "AI Terminal Assistant",          imageSrc: "http://img.b2bpic.net/free-photo/tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers-software-developers-detecting-cloud-leak-solve-it-with-improved-application-coding_482257-41734.jpg"},
+        { id: "p6", name: "Network Automation", price: "Infrastructure Tools", imageSrc: "https://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg?_wi=2" },
-        {
-          id: "p4",          name: "EventSphere",          price: "Scalable Event Platform",          imageSrc: "http://img.b2bpic.net/free-vector/collection-workout-tracker-app-screens_52683-44360.jpg"},
-        {
-          id: "p5",          name: "Cybersecurity Audit",          price: "Ethical Hacking Project",          imageSrc: "http://img.b2bpic.net/free-photo/hacker-uses-green-screen-pc-ai-deep-learning-develop-zero-day-exploit_482257-88622.jpg"},
-        {
-          id: "p6",          name: "Network Automation",          price: "Infrastructure Tools",          imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg"},
       ]}
       title="Featured Projects"
       description="A showcase of my recent full-stack and AI-driven applications."
@@ -157,28 +117,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "c1",          name: "Ethical Hacking",          price: "C-DAC",          features: [
+          id: "c1",          name: "Ethical Hacking",          price: "C-DAC",          features: ["Security Fundamentals", "Penetration Testing"],
-            "Security Fundamentals",            "Penetration Testing"],
+          buttons: [{ text: "View" }],
-          buttons: [
-            {
-              text: "View"},
-          ],
         },
         {
-          id: "c2",          name: "Cybersecurity",          price: "IBM SkillsBuild",          features: [
+          id: "c2",          name: "Cybersecurity",          price: "IBM SkillsBuild",          features: ["Threat Analysis", "System Security"],
-            "Threat Analysis",            "System Security"],
+          buttons: [{ text: "View" }],
-          buttons: [
-            {
-              text: "View"},
-          ],
         },
         {
-          id: "c3",          name: "Cloud Computing",          price: "NPTEL",          features: [
+          id: "c3",          name: "Cloud Computing",          price: "NPTEL",          features: ["Virtualization", "AWS Basics"],
-            "Virtualization",            "AWS Basics"],
+          buttons: [{ text: "View" }],
-          buttons: [
-            {
-              text: "View"},
-          ],
         },
       ]}
       title="Certifications"
@@ -192,10 +140,8 @@ export default function LandingPage() {
       title="Education"
       tag="Academic Background"
       metrics={[
-        {
+        { id: "m1", value: "MCA", description: "Rajiv Gandhi Institute of Technology" },
-          id: "m1",          value: "MCA",          description: "Rajiv Gandhi Institute of Technology"},
+        { id: "m2", value: "BSc Physics", description: "MG University" },
-        {
-          id: "m2",          value: "BSc Physics",          description: "MG University"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -207,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: "https://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.jpg?_wi=3" },
-          id: "t1",          name: "Team Lead",          role: "Project Manager",          company: "Tech Innovations",          rating: 5,
+        { 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?_wi=2" },
-          imageSrc: "http://img.b2bpic.net/free-photo/analyzing-programming-code_1098-18090.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?_wi=2" },
-        {
+        { 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?_wi=2" },
-          id: "t2",          name: "Developer Peer",          role: "Senior Dev",          company: "Software Solutions",          rating: 5,
+        { 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?_wi=2" },
-          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"},
       ]}
       kpiItems={[
-        {
+        { value: "24+", label: "Tech Projects" },
-          value: "24+",          label: "Tech Projects"},
+        { value: "95%", label: "Client Satisfaction" },
-        {
+        { value: "100+", label: "Commits Weekly" },
-          value: "95%",          label: "Client Satisfaction"},
-        {
-          value: "100+",          label: "Commits Weekly"},
       ]}
       title="Professional Experience"
       description="What I bring to the table as a developer."
@@ -239,13 +172,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        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>
 
@@ -258,4 +190,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}