Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #5.
This commit is contained in:
128
src/app/page.tsx
128
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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user