Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
160
src/app/page.tsx
160
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Heet Mistry"
|
||||
/>
|
||||
@@ -53,33 +45,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Heet Mistry"
|
||||
description="B.Sc. IT Student | Cybersecurity Enthusiast | Java Developer"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/youngsters-studying-cafe_23-2147655807.jpg",
|
||||
imageAlt: "Heet Mistry Hero 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/youngsters-studying-cafe_23-2147655807.jpg", imageAlt: "Heet Mistry Hero 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-student-math-class_23-2151641231.jpg",
|
||||
imageAlt: "Heet Mistry Hero 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-student-math-class_23-2151641231.jpg", imageAlt: "Heet Mistry Hero 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18941.jpg",
|
||||
imageAlt: "Heet Mistry Hero 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18941.jpg", imageAlt: "Heet Mistry Hero 3"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Java Development",
|
||||
description: "Core and Advanced Java, Servlets, JDBC, OOP concepts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-security-unlock-via-smartphone-digital-remix_53876-104933.jpg",
|
||||
imageAlt: "Java",
|
||||
},
|
||||
title: "Java Development", description: "Core and Advanced Java, Servlets, JDBC, OOP concepts.", imageSrc: "http://img.b2bpic.net/free-photo/smart-car-security-unlock-via-smartphone-digital-remix_53876-104933.jpg", imageAlt: "Java"},
|
||||
{
|
||||
title: "Cybersecurity",
|
||||
description: "Network security, vulnerability assessment, data protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-with-shield-lock-icon-purple-tone_53876-119550.jpg",
|
||||
imageAlt: "Cyber",
|
||||
},
|
||||
title: "Cybersecurity", description: "Network security, vulnerability assessment, data protection.", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-with-shield-lock-icon-purple-tone_53876-119550.jpg", imageAlt: "Cyber"},
|
||||
{
|
||||
title: "Digital Marketing",
|
||||
description: "SEO, social media growth strategies, and content analytics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895837.jpg",
|
||||
imageAlt: "Marketing",
|
||||
},
|
||||
title: "Digital Marketing", description: "SEO, social media growth strategies, and content analytics.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895837.jpg", imageAlt: "Marketing"},
|
||||
]}
|
||||
title="Technical Expertise"
|
||||
description="A diverse skill set ranging from software development to defensive cybersecurity."
|
||||
@@ -129,41 +98,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Digital Marketing Intern",
|
||||
price: "JoySpoon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998494.jpg",
|
||||
},
|
||||
id: "2", name: "Computer Operator", price: "PF Company", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2152004114.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Computer Operator",
|
||||
price: "PF Company",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2152004114.jpg",
|
||||
},
|
||||
id: "3", name: "Cybersecurity Intern", price: "Freelance", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cybersecurity Intern",
|
||||
price: "Freelance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg",
|
||||
},
|
||||
id: "4", name: "Full Stack Dev", price: "Student Project", imageSrc: "http://img.b2bpic.net/free-vector/security-shield-vector-cyber-security-technology_53876-112196.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Full Stack Dev",
|
||||
price: "Student Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/security-shield-vector-cyber-security-technology_53876-112196.jpg",
|
||||
},
|
||||
id: "5", name: "UI/UX Helper", price: "Learning", imageSrc: "http://img.b2bpic.net/free-photo/developer-monitors-server-farm-security_482257-90817.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "UI/UX Helper",
|
||||
price: "Learning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-monitors-server-farm-security_482257-90817.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tech Support",
|
||||
price: "Freelance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-shield-glows-blue-symbolizes-safety-encryption-generative-ai_188544-9418.jpg",
|
||||
},
|
||||
id: "6", name: "Tech Support", price: "Freelance", imageSrc: "http://img.b2bpic.net/free-photo/security-shield-glows-blue-symbolizes-safety-encryption-generative-ai_188544-9418.jpg"},
|
||||
]}
|
||||
title="Work Experience"
|
||||
description="Professional growth in digital marketing and administrative systems."
|
||||
@@ -176,23 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Banking Management System",
|
||||
description: "Java console-based account management app.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-cyber-security-background_23-2148536248.jpg",
|
||||
imageAlt: "Banking",
|
||||
},
|
||||
title: "Banking Management System", description: "Java console-based account management app.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-cyber-security-background_23-2148536248.jpg", imageAlt: "Banking"},
|
||||
{
|
||||
title: "Library Management System",
|
||||
description: "Book records and issuance using Collections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-pressing-virtual-button_1112-493.jpg",
|
||||
imageAlt: "Library",
|
||||
},
|
||||
title: "Library Management System", description: "Book records and issuance using Collections.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-pressing-virtual-button_1112-493.jpg", imageAlt: "Library"},
|
||||
{
|
||||
title: "Car Dealership Portal",
|
||||
description: "Servlet & MySQL web application with CRUD.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg",
|
||||
imageAlt: "Car",
|
||||
},
|
||||
title: "Car Dealership Portal", description: "Servlet & MySQL web application with CRUD.", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg", imageAlt: "Car"},
|
||||
]}
|
||||
title="Project Highlights"
|
||||
description="Practical applications built during my B.Sc. IT journey."
|
||||
@@ -204,30 +135,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "3", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-office-closeup_273609-4120.jpg",
|
||||
},
|
||||
id: "4", name: "John R.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-office-closeup_273609-4120.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg",
|
||||
},
|
||||
id: "5", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg"},
|
||||
]}
|
||||
cardTitle="Words from Mentors & Peers"
|
||||
cardAnimation="slide-up"
|
||||
@@ -242,22 +158,14 @@ export default function LandingPage() {
|
||||
description="Currently seeking internship opportunities. Feel free to reach out!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
required: true,
|
||||
name: "message", placeholder: "Your message", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-student-holding-computer_1303-21810.jpg"
|
||||
/>
|
||||
@@ -267,16 +175,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Heet Mistry"
|
||||
leftLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
rightLink={{
|
||||
text: "Back to Top",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Back to Top", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user