bender/557a0789-cab3-4472-9f3b-df4f8b92c3fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-03 19:03:37 +00:00
parent 5ae4199dcc 2556f6bde6
commit 653cf799aa
1 changed files with 63 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

291
src/app/page.tsx
View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
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: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Developer Portfolio"
/>
@@ -65,41 +53,26 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="FullStack Developer Problem Solver Code Craftsman"
description="I build scalable web applications and deliver results. Explore my projects, skills, and let's create something great together."
buttons={[
{
text: "View My Work",
href: "#projects",
},
text: "View My Work", href: "#projects"},
]}
mediaItems={[
{
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-18911.jpg?_wi=1",
imageAlt: "Code editor showcasing a web application",
},
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-18911.jpg", imageAlt: "Code editor showcasing a web application"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=1",
imageAlt: "Digital dashboard with analytics",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "Digital dashboard with analytics"},
{
imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg?_wi=1",
imageAlt: "Cloud computing infrastructure",
},
imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg", imageAlt: "Cloud computing infrastructure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/job-colleagues-working-mobile-phone-graphs_23-2148761321.jpg",
imageAlt: "Mobile application interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/job-colleagues-working-mobile-phone-graphs_23-2148761321.jpg", imageAlt: "Mobile application interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/it-engineer-making-code_1098-21512.jpg",
imageAlt: "Developer's organized desk with laptop and monitors",
},
imageSrc: "http://img.b2bpic.net/free-photo/it-engineer-making-code_1098-21512.jpg", imageAlt: "Developer's organized desk with laptop and monitors"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572134.jpg",
imageAlt: "Abstract data encryption and security visualization",
},
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572134.jpg", imageAlt: "Abstract data encryption and security visualization"},
]}
mediaAnimation="slide-up"
/>
@@ -112,17 +85,11 @@ export default function LandingPage() {
description="With a passion for problem-solving and a dedication to crafting robust, scalable web applications, I transform complex ideas into intuitive and high-performing digital experiences. My approach blends innovative design with meticulous engineering to deliver solutions that stand out."
metrics={[
{
value: "10+",
title: "Years Experience",
},
value: "10+", title: "Years Experience"},
{
value: "50+",
title: "Projects Completed",
},
value: "50+", title: "Projects Completed"},
{
value: "FullStack",
title: "Expertise",
},
value: "FullStack", title: "Expertise"},
]}
imageSrc="http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg"
imageAlt="Developer working on a project with multiple screens"
@@ -138,56 +105,32 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Backend Development",
description: "Building powerful, secure, and scalable server-side applications with Node.js, Python, and microservices architecture.",
icon: Database,
title: "Backend Development", description: "Building powerful, secure, and scalable server-side applications with Node.js, Python, and microservices architecture.", icon: Database,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-cloud-server-business-with-wooden-blocks-with-icons-dark-color-table-flat-lay_176474-10483.jpg",
imageAlt: "Backend architecture diagram",
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-cloud-server-business-with-wooden-blocks-with-icons-dark-color-table-flat-lay_176474-10483.jpg", imageAlt: "Backend architecture diagram"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-laptop-screen-data-center_482257-124594.jpg", imageAlt: "Database schema visualization"},
]
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-laptop-screen-data-center_482257-124594.jpg",
imageAlt: "Database schema visualization",
},
],
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-18911.jpg?_wi=2",
imageAlt: "scalable backend architecture diagram",
},
{
title: "Frontend Development",
description: "Crafting intuitive and responsive user interfaces using modern frameworks like React, Next.js, and elegant styling.",
icon: Monitor,
title: "Frontend Development", description: "Crafting intuitive and responsive user interfaces using modern frameworks like React, Next.js, and elegant styling.", icon: Monitor,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg",
imageAlt: "Responsive web design desktop and mobile",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg", imageAlt: "Responsive web design desktop and mobile"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg", imageAlt: "Seamless user interface with animations"},
]
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
imageAlt: "Seamless user interface with animations",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=2",
imageAlt: "scalable backend architecture diagram",
},
{
title: "DevOps & Cloud",
description: "Automating deployment pipelines and managing scalable cloud infrastructure on AWS, Azure, and Google Cloud for continuous delivery.",
icon: Cloud,
title: "DevOps & Cloud", description: "Automating deployment pipelines and managing scalable cloud infrastructure on AWS, Azure, and Google Cloud for continuous delivery.", icon: Cloud,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/five-finance-charts-templates-set_1262-4139.jpg",
imageAlt: "CI/CD pipeline diagram",
},
imageSrc: "http://img.b2bpic.net/free-vector/five-finance-charts-templates-set_1262-4139.jpg", imageAlt: "CI/CD pipeline diagram"},
{
imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57804.jpg",
imageAlt: "Cloud infrastructure deployment",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg?_wi=2",
imageAlt: "scalable backend architecture diagram",
},
imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57804.jpg", imageAlt: "Cloud infrastructure deployment"},
]
}
]}
title="My Technical Arsenal"
description="Proficient across the entire web development spectrum, from dynamic frontends to robust backend systems and scalable cloud infrastructure."
@@ -202,47 +145,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "project-1",
name: "ProjectPulse Dashboard",
price: "React, Node.js, MongoDB",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg",
imageAlt: "Project management dashboard interface",
},
id: "project-1", name: "ProjectPulse Dashboard", price: "React, Node.js, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg", imageAlt: "Project management dashboard interface"},
{
id: "project-2",
name: "E-Commerce Storefront",
price: "Next.js, Stripe, PostgreSQL",
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-computer-screen_53876-132239.jpg",
imageAlt: "E-commerce platform interface",
},
id: "project-2", name: "E-Commerce Storefront", price: "Next.js, Stripe, PostgreSQL", imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-computer-screen_53876-132239.jpg", imageAlt: "E-commerce platform interface"},
{
id: "project-3",
name: "Real-time Analytics Platform",
price: "Vue.js, Kafka, AWS Lambda",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
imageAlt: "Data analytics platform with charts",
},
id: "project-3", name: "Real-time Analytics Platform", price: "Vue.js, Kafka, AWS Lambda", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Data analytics platform with charts"},
{
id: "project-4",
name: "Social Connect App",
price: "React Native, Firebase",
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-chatbot-delivers-data-driven-responses_482257-116953.jpg",
imageAlt: "Social media application interface",
},
id: "project-4", name: "Social Connect App", price: "React Native, Firebase", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-chatbot-delivers-data-driven-responses_482257-116953.jpg", imageAlt: "Social media application interface"},
{
id: "project-5",
name: "Minimalist Task Manager",
price: "TypeScript, GraphQL, Redis",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tea-cup-wooden-tray_23-2148193468.jpg",
imageAlt: "Task management application",
},
id: "project-5", name: "Minimalist Task Manager", price: "TypeScript, GraphQL, Redis", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tea-cup-wooden-tray_23-2148193468.jpg", imageAlt: "Task management application"},
{
id: "project-6",
name: "Secure Banking Portal",
price: "Angular, Spring Boot, OAuth2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149176331.jpg",
imageAlt: "Online banking portal interface",
},
id: "project-6", name: "Secure Banking Portal", price: "Angular, Spring Boot, OAuth2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149176331.jpg", imageAlt: "Online banking portal interface"},
]}
title="Featured Projects"
description="A selection of my recent work, demonstrating expertise in various technologies and problem domains. Each project reflects a commitment to quality, performance, and user experience."
@@ -257,32 +170,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100K+",
title: "Lines of Code",
description: "Clean, maintainable, and efficient code written across diverse projects.",
icon: Code,
id: "m1", value: "100K+", title: "Lines of Code", description: "Clean, maintainable, and efficient code written across diverse projects.", icon: Code,
},
{
id: "m2",
value: "500+",
title: "GitHub Contributions",
description: "Active participation in open-source and personal repositories, reflecting consistent development.",
icon: Github,
id: "m2", value: "500+", title: "GitHub Contributions", description: "Active participation in open-source and personal repositories, reflecting consistent development.", icon: Github,
},
{
id: "m3",
value: "99.9%",
title: "Uptime Achieved",
description: "Deployment and maintenance of applications ensuring high availability and reliability.",
icon: Activity,
id: "m3", value: "99.9%", title: "Uptime Achieved", description: "Deployment and maintenance of applications ensuring high availability and reliability.", icon: Activity,
},
{
id: "m4",
value: "10+",
title: "Technologies Mastered",
description: "Proficiency in a broad range of programming languages, frameworks, and tools.",
icon: Layers,
id: "m4", value: "10+", title: "Technologies Mastered", description: "Proficiency in a broad range of programming languages, frameworks, and tools.", icon: Layers,
},
]}
title="My Impact in Numbers"
@@ -295,21 +192,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"React",
"Next.js",
"Node.js",
"TypeScript",
"Python",
"GraphQL",
"Docker",
"Kubernetes",
"AWS",
"Azure",
"MongoDB",
"PostgreSQL",
"Redis",
"Figma",
]}
"React", "Next.js", "Node.js", "TypeScript", "Python", "GraphQL", "Docker", "Kubernetes", "AWS", "Azure", "MongoDB", "PostgreSQL", "Redis", "Figma"]}
title="Technologies I Master"
description="A robust command over a diverse ecosystem of tools and frameworks, ensuring versatile and cutting-edge solutions."
/>
@@ -323,25 +206,15 @@ export default function LandingPage() {
author="Sarah Chen, CEO of InnovateTech"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
alt: "Sarah Chen",
},
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", alt: "Sarah Chen"},
{
src: "http://img.b2bpic.net/free-photo/young-man-glasses-wearing-autumn-clothes-walking-street-stylish-guy-with-modern-hairstyle-urban-street_273443-2014.jpg",
alt: "Michael Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/young-man-glasses-wearing-autumn-clothes-walking-street-stylish-guy-with-modern-hairstyle-urban-street_273443-2014.jpg", alt: "Michael Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg",
alt: "Emily Johnson",
},
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg", alt: "Emily Johnson"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg",
alt: "Jessica Lee",
},
src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg", alt: "Jessica Lee"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -354,25 +227,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What kind of projects do you specialize in?",
content: "I specialize in building full-stack web applications, including SaaS platforms, e-commerce solutions, data dashboards, and custom APIs. My expertise spans across various industries, always focusing on scalable and performant solutions.",
},
id: "q1", title: "What kind of projects do you specialize in?", content: "I specialize in building full-stack web applications, including SaaS platforms, e-commerce solutions, data dashboards, and custom APIs. My expertise spans across various industries, always focusing on scalable and performant solutions."},
{
id: "q2",
title: "What's your typical development process?",
content: "My process usually involves discovery & planning, design (UI/UX), agile development sprints, rigorous testing, deployment, and ongoing support. I prioritize clear communication and client involvement at every stage.",
},
id: "q2", title: "What's your typical development process?", content: "My process usually involves discovery & planning, design (UI/UX), agile development sprints, rigorous testing, deployment, and ongoing support. I prioritize clear communication and client involvement at every stage."},
{
id: "q3",
title: "How do you ensure code quality and maintainability?",
content: "I adhere to best practices in clean code architecture, conduct thorough code reviews, implement automated testing (unit, integration, E2E), and follow CI/CD principles to ensure high code quality, maintainability, and reliable deployments.",
},
id: "q3", title: "How do you ensure code quality and maintainability?", content: "I adhere to best practices in clean code architecture, conduct thorough code reviews, implement automated testing (unit, integration, E2E), and follow CI/CD principles to ensure high code quality, maintainability, and reliable deployments."},
{
id: "q4",
title: "Are you available for freelance projects or full-time roles?",
content: "I am open to both exciting freelance opportunities and challenging full-time positions. Please reach out with details about your project or role, and we can discuss how my skills align with your needs.",
},
id: "q4", title: "Are you available for freelance projects or full-time roles?", content: "I am open to both exciting freelance opportunities and challenging full-time positions. Please reach out with details about your project or role, and we can discuss how my skills align with your needs."},
]}
imageSrc="http://img.b2bpic.net/free-photo/group-empowered-businesswomen-collaborate-modern-office-reviewing-data-performance_482257-136333.jpg"
imageAlt="Developers collaborating and discussing code on a whiteboard"
@@ -387,8 +248,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Let's Build Something Great"
description="Ready to discuss your next project or explore collaboration opportunities? Feel free to reach out. I'm always excited to connect with new clients, employers, and fellow developers."
@@ -409,54 +269,33 @@ export default function LandingPage() {
logoText="Developer's Portfolio"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "GitHub",
href: "https://github.com/yourusername",
},
label: "GitHub", href: "https://github.com/yourusername"},
{
label: "LinkedIn",
href: "https://linkedin.com/in/yourusername",
},
label: "LinkedIn", href: "https://linkedin.com/in/yourusername"},
{
label: "Blog",
href: "#blog",
},
label: "Blog", href: "#blog"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}