Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -11,7 +11,6 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Code, Database, Layout, Server } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,14 +31,12 @@ 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: "Stack", id: "stack" },
+        { name: "Projects", id: "projects" },
+        { name: "Certs", id: "certs" },
+        { name: "Education", id: "education" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Vaishnav V"
     />
@@ -47,42 +44,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" },
       ]}
-      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: "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>
@@ -107,18 +82,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."
@@ -132,18 +99,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          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: "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: "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: "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"},
+        { 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: "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" },
       ]}
       title="Featured Projects"
       description="A showcase of my recent full-stack and AI-driven applications."
@@ -157,28 +115,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"
@@ -192,60 +138,22 @@ 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"
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      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"},
-      ]}
-      kpiItems={[
-        {
-          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."
-    />
-  </div>
-
   <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>
 
@@ -258,4 +166,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f0eaf7;
-  --card: #ffffff;
-  --foreground: #3d2a71;
-  --primary-cta: #4a3b8d;
+  --background: #ffffff;
+  --card: #f0f0f0;
+  --foreground: #1a1a1a;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e0e0e0;
   --secondary-cta-text: #3d2a71;
-  --accent: #b39ddb;
-  --background-accent: #5e4b9e;
+  --accent: #cccccc;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);