Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Jesso Joseph"
|
||||
/>
|
||||
@@ -52,22 +40,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Jesso Joseph"
|
||||
description="Lead Mobile Application Developer & Project Manager. Specializing in Flutter, Clean Architecture, and high-impact digital solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
{ text: "Contact Me", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg"
|
||||
imageAlt="Jesso Joseph Portfolio Hero Image"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -77,15 +57,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Me",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CEtMTKNYZ0dB4JaG3g4qbIxp3x/uploaded-1775962523672-gs325l8i.jpg",
|
||||
alt: "Jesso Joseph Profile",
|
||||
},
|
||||
{ type: "text", content: "About Me" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CEtMTKNYZ0dB4JaG3g4qbIxp3x/uploaded-1775962523672-gs325l8i.jpg", alt: "Jesso Joseph Profile" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,28 +70,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leopard Tech Labs",
|
||||
description: "Project Manager & Lead Flutter Developer. Managing full lifecycle of complex CRM and tracking applications.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-integration-working-team_23-2149341103.jpg",
|
||||
imageAlt: "mobile development environment",
|
||||
title: "Leopard Tech Labs", description: "Project Manager & Lead Flutter Developer. Managing full lifecycle of complex CRM and tracking applications.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Agrowtein Labs",
|
||||
description: "Flutter Developer Intern. Contributed to cross-platform mobile apps with high-fidelity UI/UX.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Code,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CEtMTKNYZ0dB4JaG3g4qbIxp3x/uploaded-1775962523672-gs325l8i.jpg",
|
||||
imageAlt: "mobile development environment",
|
||||
title: "Agrowtein Labs", description: "Flutter Developer Intern. Contributed to cross-platform mobile apps with high-fidelity UI/UX.", bentoComponent: "reveal-icon", icon: Code
|
||||
},
|
||||
{
|
||||
title: "Technical Leadership",
|
||||
description: "Mentoring team members, debugging complex backend integrations, and ensuring production-ready code delivery.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg?_wi=2",
|
||||
imageAlt: "mobile development environment",
|
||||
title: "Technical Leadership", description: "Mentoring team members, debugging complex backend integrations, and ensuring production-ready code delivery.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
]}
|
||||
title="Work Experience"
|
||||
@@ -132,76 +90,27 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "SaveAnimals (WTI)",
|
||||
brand: "Wildlife Protection",
|
||||
price: "Active Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033622.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "MyPolicy Vahan (CRM)",
|
||||
brand: "Unified Monitoring",
|
||||
price: "Active Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advisory-board-members-meeting-boardroom-establish-future-development-plan_482257-113859.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Van App (KFD)",
|
||||
brand: "Forest Monitoring",
|
||||
price: "Government",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "MeetMyDoc",
|
||||
brand: "Healthcare",
|
||||
price: "Booking App",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contactless-smartphone-payment-african-american-woman-cashier-holding-pos-terminal-checking-out-customer-retail-store-close-up-male-hand-holding-cellphone-paying-with-mobile-device_482257-69802.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hawk App (KFD)",
|
||||
brand: "Surveillance",
|
||||
price: "KFD Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bizee Salon App",
|
||||
brand: "Service Admin",
|
||||
price: "E-Commerce",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app_52683-44675.jpg",
|
||||
},
|
||||
{ id: "p1", name: "SaveAnimals (WTI)", brand: "Wildlife Protection", price: "Active Project", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033622.jpg" },
|
||||
{ id: "p2", name: "MyPolicy Vahan (CRM)", brand: "Unified Monitoring", price: "Active Project", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/advisory-board-members-meeting-boardroom-establish-future-development-plan_482257-113859.jpg" },
|
||||
{ id: "p3", name: "Van App (KFD)", brand: "Forest Monitoring", price: "Government", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg" },
|
||||
{ id: "p4", name: "MeetMyDoc", brand: "Healthcare", price: "Booking App", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/contactless-smartphone-payment-african-american-woman-cashier-holding-pos-terminal-checking-out-customer-retail-store-close-up-male-hand-holding-cellphone-paying-with-mobile-device_482257-69802.jpg" },
|
||||
{ id: "p5", name: "Hawk App (KFD)", brand: "Surveillance", price: "KFD Tech", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg" },
|
||||
{ id: "p6", name: "Bizee Salon App", brand: "Service Admin", price: "E-Commerce", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-vector/task-management-app_52683-44675.jpg" },
|
||||
]}
|
||||
title="Key Projects"
|
||||
description="A showcase of high-impact applications developed for government and commercial sectors."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Let's collaborate on your next digital innovation. Connect with me for professional opportunities or technical consulting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:jessojoseph24@gmail.com",
|
||||
},
|
||||
{
|
||||
text: "LinkedIn Profile",
|
||||
href: "https://linkedin.com/in/jessojoseph",
|
||||
},
|
||||
{ text: "Email Me", href: "mailto:jessojoseph24@gmail.com" },
|
||||
{ text: "LinkedIn Profile", href: "https://linkedin.com/in/jessojoseph" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -210,33 +119,16 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Professional",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com",
|
||||
},
|
||||
title: "Professional", items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user