bender/fd92336b-1d87-444c-af9b-6991940d74df
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-05-04 18:21:47 +00:00
parent 8e8653218c c9fa7871fc
commit 9ee6adbb57
1 changed files with 50 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Skills",
id: "#features",
},
{
name: "Projects",
id: "#blog",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Skills", id: "#features" },
{ name: "Projects", id: "#blog" },
{ name: "Contact", id: "#contact" },
]}
brandName="DevPort"
/>
@@ -55,69 +43,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Building the Future of Digital Innovation"
description="Full-stack developer specializing in scalable cloud applications, data-driven interfaces, and high-performance software engineering."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", alt: "Client 5" },
]}
buttons={[
{
text: "View Projects",
href: "#blog",
},
{
text: "Get In Touch",
href: "#contact",
},
{ text: "View Projects", href: "#blog" },
{ text: "Get In Touch", href: "#contact" },
]}
marqueeItems={[
{
type: "text-icon",
text: "React",
icon: Code,
},
{
type: "text-icon",
text: "Next.js",
icon: Globe,
},
{
type: "text-icon",
text: "Node.js",
icon: Server,
},
{
type: "text-icon",
text: "AWS",
icon: Cloud,
},
{
type: "text-icon",
text: "TypeScript",
icon: Type,
},
{ type: "text-icon", text: "React", icon: Code },
{ type: "text-icon", text: "Next.js", icon: Globe },
{ type: "text-icon", text: "Node.js", icon: Server },
{ type: "text-icon", text: "AWS", icon: Cloud },
{ type: "text-icon", text: "TypeScript", icon: Type },
]}
/>
</div>
@@ -129,20 +74,11 @@ export default function LandingPage() {
title="Passionate Software Engineer"
description="With over 6 years of experience in the industry, I turn complex business challenges into elegant, efficient, and user-friendly digital solutions."
bulletPoints={[
{
title: "Full-Stack Development",
description: "Experienced in React, Next.js, and Node.js.",
},
{
title: "Cloud Architecture",
description: "Deploying scalable solutions on AWS and Azure.",
},
{
title: "Performance Optimization",
description: "Expert in optimizing web performance for high-traffic apps.",
},
{ title: "Full-Stack Development", description: "Experienced in React, Next.js, and Node.js." },
{ title: "Cloud Architecture", description: "Deploying scalable solutions on AWS and Azure." },
{ title: "Performance Optimization", description: "Expert in optimizing web performance for high-traffic apps." },
]}
imageSrc="http://img.b2bpic.net/free-photo/confident-young-entrepreneur-sitting-table-with-laptop-pc-looking-camera-isolated-white_231208-11117.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/confident-young-entrepreneur-sitting-table-with-laptop-pc-looking-camera-isolated-white_231208-11117.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -154,49 +90,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Frontend Excellence",
description: "Crafting pixel-perfect, accessible, and fast web experiences.",
icon: Sparkles,
title: "Frontend Excellence", description: "Crafting pixel-perfect, accessible, and fast web experiences.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301562.jpg",
imageAlt: "cloud computing network nodes",
{ imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg" },
]
},
{
title: "Backend Scalability",
description: "Robust and secure server-side infrastructure for high loads.",
icon: Shield,
title: "Backend Scalability", description: "Robust and secure server-side infrastructure for high loads.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-entrepreneur-sitting-table-with-laptop-pc-looking-camera-isolated-white_231208-11117.jpg?_wi=2",
imageAlt: "cloud computing network nodes",
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" },
]
},
{
title: "API Strategy",
description: "Designing intuitive and resilient API layers for modern apps.",
icon: Zap,
title: "API Strategy", description: "Designing intuitive and resilient API layers for modern apps.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454615.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-copybook-with-colorful-pencils-dark-surface-drawing-inspire-school-notepad-pen-copybook-web_140725-108874.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-safeguarding-servers-against-viruses-using-mockup-computer_482257-123482.jpg?_wi=1",
imageAlt: "cloud computing network nodes",
{ imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454615.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-copybook-with-colorful-pencils-dark-surface-drawing-inspire-school-notepad-pen-copybook-web_140725-108874.jpg" },
]
},
]}
title="Core Technical Proficiencies"
@@ -210,36 +122,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100+",
title: "Projects Completed",
items: [
"Apps",
"Websites",
"Solutions",
],
},
{
id: "m2",
value: "99.9%",
title: "System Uptime",
items: [
"Reliability",
"Availability",
"Security",
],
},
{
id: "m3",
value: "40%",
title: "Performance Increase",
items: [
"Speed",
"Load",
"Optimization",
],
},
{ id: "m1", value: "100+", title: "Projects Completed", items: ["Apps", "Websites", "Solutions"] },
{ id: "m2", value: "99.9%", title: "System Uptime", items: ["Reliability", "Availability", "Security"] },
{ id: "m3", value: "40%", title: "Performance Increase", items: ["Speed", "Load", "Optimization"] },
]}
title="Impact Driven Results"
description="Measuring success through quantifiable technical achievements."
@@ -251,46 +136,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Excellent delivery",
quote: "Reliable and high-quality work every single time.",
name: "Sarah J.",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
},
{
id: "t2",
title: "Visionary approach",
quote: "Understands technical nuances perfectly.",
name: "Michael K.",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
},
{
id: "t3",
title: "Efficient execution",
quote: "The performance gains we saw were incredible.",
name: "Emily R.",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
},
{
id: "t4",
title: "Great team player",
quote: "Collaborative, smart, and detail-oriented.",
name: "David L.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",
},
{
id: "t5",
title: "Highly recommended",
quote: "Transformed our product development cycle.",
name: "Anna P.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg",
},
{ id: "t1", title: "Excellent delivery", quote: "Reliable and high-quality work every single time.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg" },
{ id: "t2", title: "Visionary approach", quote: "Understands technical nuances perfectly.", name: "Michael K.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg" },
{ id: "t3", title: "Efficient execution", quote: "The performance gains we saw were incredible.", name: "Emily R.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg" },
{ id: "t4", title: "Great team player", quote: "Collaborative, smart, and detail-oriented.", name: "David L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg" },
{ id: "t5", title: "Highly recommended", quote: "Transformed our product development cycle.", name: "Anna P.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg" },
]}
title="Collaborator Feedback"
description="What partners and clients say about working together."
@@ -305,36 +155,9 @@ export default function LandingPage() {
title="Insights & Developments"
description="Articles on software engineering, web performance, and tech trends."
blogs={[
{
id: "b1",
category: "Engineering",
title: "Optimizing Modern Web Apps",
excerpt: "Deep dive into performance patterns for enterprise web apps.",
imageSrc: "http://img.b2bpic.net/free-photo/man-safeguarding-servers-against-viruses-using-mockup-computer_482257-123482.jpg?_wi=2",
authorName: "Dev",
authorAvatar: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
date: "Nov 2023",
},
{
id: "b2",
category: "Cloud",
title: "Serverless Patterns",
excerpt: "How to scale infrastructure without managing servers.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-software-testing-concept-with-computer_107791-16638.jpg",
authorName: "Dev",
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
date: "Oct 2023",
},
{
id: "b3",
category: "Security",
title: "Secure Coding Practices",
excerpt: "Protecting apps from modern vulnerabilities.",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-digital-lock-icon-screen_23-2152001149.jpg",
authorName: "Dev",
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg",
date: "Sep 2023",
},
{ id: "b1", category: "Engineering", title: "Optimizing Modern Web Apps", excerpt: "Deep dive into performance patterns for enterprise web apps.", imageSrc: "http://img.b2bpic.net/free-photo/man-safeguarding-servers-against-viruses-using-mockup-computer_482257-123482.jpg", authorName: "Dev", authorAvatar: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", date: "Nov 2023" },
{ id: "b2", category: "Cloud", title: "Serverless Patterns", excerpt: "How to scale infrastructure without managing servers.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-software-testing-concept-with-computer_107791-16638.jpg", authorName: "Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", date: "Oct 2023" },
{ id: "b3", category: "Security", title: "Secure Coding Practices", excerpt: "Protecting apps from modern vulnerabilities.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-digital-lock-icon-screen_23-2152001149.jpg", authorName: "Dev", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg", date: "Sep 2023" },
]}
/>
</div>
@@ -343,21 +166,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What is your tech stack?",
content: "I primarily work with the React ecosystem, Node.js, and AWS.",
},
{
id: "f2",
title: "Are you taking new projects?",
content: "Always open to discuss interesting technical challenges.",
},
{
id: "f3",
title: "Can you handle remote work?",
content: "Fully equipped for high-efficiency remote collaboration.",
},
{ id: "f1", title: "What is your tech stack?", content: "I primarily work with the React ecosystem, Node.js, and AWS." },
{ id: "f2", title: "Are you taking new projects?", content: "Always open to discuss interesting technical challenges." },
{ id: "f3", title: "Can you handle remote work?", content: "Fully equipped for high-efficiency remote collaboration." },
]}
sideTitle="Questions"
faqsAnimation="slide-up"
@@ -367,9 +178,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Contact"
title="Let's Build Something Together"
description="Ready to bring your software ideas to life? Reach out and let's start the conversation."
@@ -380,16 +189,8 @@ export default function LandingPage() {
<FooterCard
logoText="DevPort"
socialLinks={[
{
icon: Github,
href: "#",
ariaLabel: "Github",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "Linkedin",
},
{ icon: Github, href: "#", ariaLabel: "Github" },
{ icon: Linkedin, href: "#", ariaLabel: "Linkedin" },
]}
/>
</div>