Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Stack",
|
||||
id: "stack",
|
||||
},
|
||||
name: "Stack", id: "stack"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vaishnav V"
|
||||
/>
|
||||
@@ -56,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
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"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Du1hCkOp6mU1KzKakTWLCt3zPY/uploaded-1779117319036-4d5pt4i2.png"
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "Cybersecurity Expert"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Enthusiast",
|
||||
},
|
||||
type: "text", text: "AI Enthusiast"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MCA Graduate",
|
||||
},
|
||||
type: "text", text: "MCA Graduate"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Problem Solver",
|
||||
},
|
||||
type: "text", text: "Problem Solver"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,7 +94,7 @@ export default function LandingPage() {
|
||||
title="Passionate Technologist"
|
||||
description="I thrive at the intersection of Cybersecurity and Full-Stack development. My background in MCA and Physics gives me a unique perspective on solving complex computational problems."
|
||||
subdescription="Dedicated to innovation, accessibility, and robust software architecture."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Du1hCkOp6mU1KzKakTWLCt3zPY/uploaded-1779117319036-4d5pt4i2.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Du1hCkOp6mU1KzKakTWLCt3zPY/uploaded-1779117319036-4d5pt4i2.png"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Code}
|
||||
imageAlt="Vaishnav V professional headshot"
|
||||
@@ -141,36 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Languages",
|
||||
description: "JavaScript, Python, SQL",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Code,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-119088.jpg",
|
||||
imageAlt: "Empty medical cabinet in private clinic with a laptop and diagnostics",
|
||||
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,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Du1hCkOp6mU1KzKakTWLCt3zPY/uploaded-1779117319036-4d5pt4i2.png?_wi=3",
|
||||
imageAlt: "Empty medical cabinet in private clinic with a laptop and diagnostics",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.jpg?_wi=1",
|
||||
imageAlt: "Empty medical cabinet in private clinic with a laptop and diagnostics",
|
||||
title: "Backend", description: "Node.js, REST APIs", bentoComponent: "reveal-icon", icon: Server
|
||||
},
|
||||
{
|
||||
title: "Database",
|
||||
description: "MongoDB, MySQL, Firebase",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Database,
|
||||
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?_wi=1",
|
||||
imageAlt: "Empty medical cabinet in private clinic with a laptop and diagnostics",
|
||||
title: "Database", description: "MongoDB, MySQL, Firebase", bentoComponent: "reveal-icon", icon: Database
|
||||
},
|
||||
]}
|
||||
title="Technical Expertise"
|
||||
@@ -186,41 +133,17 @@ export default function LandingPage() {
|
||||
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?_wi=2",
|
||||
},
|
||||
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?_wi=2",
|
||||
},
|
||||
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: "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: "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: "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: "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."
|
||||
@@ -234,45 +157,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "Ethical Hacking",
|
||||
price: "C-DAC",
|
||||
features: [
|
||||
"Security Fundamentals",
|
||||
"Penetration Testing",
|
||||
],
|
||||
id: "c1", name: "Ethical Hacking", price: "C-DAC", features: [
|
||||
"Security Fundamentals", "Penetration Testing"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View",
|
||||
},
|
||||
text: "View"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Cybersecurity",
|
||||
price: "IBM SkillsBuild",
|
||||
features: [
|
||||
"Threat Analysis",
|
||||
"System Security",
|
||||
],
|
||||
id: "c2", name: "Cybersecurity", price: "IBM SkillsBuild", features: [
|
||||
"Threat Analysis", "System Security"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View",
|
||||
},
|
||||
text: "View"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
name: "Cloud Computing",
|
||||
price: "NPTEL",
|
||||
features: [
|
||||
"Virtualization",
|
||||
"AWS Basics",
|
||||
],
|
||||
id: "c3", name: "Cloud Computing", price: "NPTEL", features: [
|
||||
"Virtualization", "AWS Basics"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View",
|
||||
},
|
||||
text: "View"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -288,15 +193,9 @@ export default function LandingPage() {
|
||||
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"
|
||||
/>
|
||||
@@ -309,59 +208,28 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "95%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Commits Weekly",
|
||||
},
|
||||
value: "100+", label: "Commits Weekly"},
|
||||
]}
|
||||
title="Professional Experience"
|
||||
description="What I bring to the table as a developer."
|
||||
@@ -372,8 +240,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Open to new collaborations, full-time roles, or technical consulting."
|
||||
|
||||
Reference in New Issue
Block a user