bender/82183d18-5a75-457a-a9f8-642ad133345f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-22 17:44:22 +00:00
Conversation 0 Commits 1 Files Changed 1 +38 -172
1 changed files with 38 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
src/app/page.tsx
View File

@@ -31,18 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Projects",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" },
]}
brandName="DevPortfolio"
/>
@@ -50,13 +41,11 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Engineering Digital Experiences"
description="Full-stack developer crafting high-performance, interactive, and responsive web applications for modern brands."
tag="Available for new projects"
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-particle-background-with-flowing-cyber-dots_1048-12265.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-particle-background-with-flowing-cyber-dots_1048-12265.jpg"
imageAlt="Digital Tech Abstract"
/>
</div>
@@ -66,7 +55,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Crafting Solutions"
description="With over 5 years of experience in the industry, I bridge the gap between creative design and robust engineering. I build tools that scale."
imageSrc="http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg"
imageAlt="Working at desk"
/>
</div>
@@ -79,23 +68,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Scalable Infrastructure",
description: "Building microservices and cloud-native solutions that grow with your business.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-pressing-virtual-button_1112-493.jpg",
imageAlt: "Scalable Icon",
},
title: "Scalable Infrastructure", description: "Building microservices and cloud-native solutions that grow with your business.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-pressing-virtual-button_1112-493.jpg", imageAlt: "Scalable Icon"},
{
title: "Responsive APIs",
description: "High-throughput and low-latency API development for seamless application integration.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg",
imageAlt: "API Icon",
},
title: "Responsive APIs", description: "High-throughput and low-latency API development for seamless application integration.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg", imageAlt: "API Icon"},
{
title: "Modern UI Design",
description: "Pixel-perfect and accessible user interfaces built for high conversion.",
imageSrc: "http://img.b2bpic.net/free-photo/man-works-with-sound-laptop-early-morning_169016-26471.jpg",
imageAlt: "UI Design Icon",
},
title: "Modern UI Design", description: "Pixel-perfect and accessible user interfaces built for high conversion.", imageSrc: "http://img.b2bpic.net/free-photo/man-works-with-sound-laptop-early-morning_169016-26471.jpg", imageAlt: "UI Design Icon"},
]}
title="Technical Expertise"
description="Delivering high-quality code through modern development practices."
@@ -109,42 +86,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "App Dashboard",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036830.jpg",
},
{
id: "2",
name: "Company Site",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg",
},
{
id: "3",
name: "Project Planner",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833345.jpg",
},
{
id: "4",
name: "Analytical Tool",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg",
},
{
id: "5",
name: "API Marketplace",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
},
{
id: "6",
name: "Cloud Storage",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
},
{ id: "1", name: "App Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036830.jpg" },
{ id: "2", name: "Company Site", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg" },
{ id: "3", name: "Project Planner", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833345.jpg" },
{ id: "4", name: "Analytical Tool", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg" },
{ id: "5", name: "API Marketplace", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg" },
{ id: "6", name: "Cloud Storage", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
]}
title="Selected Works"
description="A collection of my latest projects spanning various technologies and industries."
@@ -157,33 +104,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "150k+",
title: "Lines of Code",
items: [
"Well maintained",
"Robust architecture",
],
},
{
id: "m2",
value: "20+",
title: "Projects Shipped",
items: [
"On time delivery",
"Satisfied clients",
],
},
{
id: "m3",
value: "99.9%",
title: "Uptime",
items: [
"High reliability",
"Secure systems",
],
},
{ id: "m1", value: "150k+", title: "Lines of Code", items: ["Well maintained", "Robust architecture"] },
{ id: "m2", value: "20+", title: "Projects Shipped", items: ["On time delivery", "Satisfied clients"] },
{ id: "m3", value: "99.9%", title: "Uptime", items: ["High reliability", "Secure systems"] },
]}
title="Performance Impact"
description="Quantifiable results achieved through optimized engineering strategies."
@@ -192,34 +115,17 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardTwo
animationType="blur-reveal"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Alex Smith",
role: "Creative Lead",
description: "Expert in UI design.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-futuristic-particles_1048-12370.jpg",
imageAlt: "3D abstract background with futuristic particles",
},
id: "t1", name: "Alex Smith", role: "Creative Lead", description: "Expert in UI design.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-futuristic-particles_1048-12370.jpg", imageAlt: "3D abstract background with futuristic particles"},
{
id: "t2",
name: "Maria Garcia",
role: "Backend Engine",
description: "Expert in cloud architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-particle-background-with-flowing-cyber-dots_1048-12265.jpg?_wi=2",
imageAlt: "3D abstract background with futuristic particles",
},
id: "t2", name: "Maria Garcia", role: "Backend Engine", description: "Expert in cloud architecture.", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-particle-background-with-flowing-cyber-dots_1048-12265.jpg", imageAlt: "3D abstract background with futuristic particles"},
{
id: "t3",
name: "John Doe",
role: "Product Owner",
description: "Master of project lifecycle.",
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg?_wi=2",
imageAlt: "3D abstract background with futuristic particles",
},
id: "t3", name: "John Doe", role: "Product Owner", description: "Master of project lifecycle.", imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg", imageAlt: "3D abstract background with futuristic particles"},
]}
title="Collaborations"
description="Key partners and peers I've collaborated with to build incredible things."
@@ -228,63 +134,30 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "CEO",
company: "Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
},
id: "1", name: "Sarah J.", role: "CEO", company: "Tech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg"},
{
id: "2",
name: "Mike C.",
role: "CTO",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-designer-working-project_23-2149142112.jpg",
},
id: "2", name: "Mike C.", role: "CTO", company: "Innovate", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-designer-working-project_23-2149142112.jpg"},
{
id: "3",
name: "Emily R.",
role: "Director",
company: "Growth",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
},
id: "3", name: "Emily R.", role: "Director", company: "Growth", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
{
id: "4",
name: "David K.",
role: "Manager",
company: "Startup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286116.jpg",
},
id: "4", name: "David K.", role: "Manager", company: "Startup", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286116.jpg"},
{
id: "5",
name: "Alice B.",
role: "Founder",
company: "Design",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
},
id: "5", name: "Alice B.", role: "Founder", company: "Design", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg"},
]}
kpiItems={[
{
value: "100%",
label: "Client Satisfaction",
},
{
value: "5.0",
label: "Avg Rating",
},
{
value: "10+",
label: "Repeat Clients",
},
{ value: "100%", label: "Client Satisfaction" },
{ value: "5.0", label: "Avg Rating" },
{ value: "10+", label: "Repeat Clients" },
]}
title="Client Feedback"
description="What partners say about the work delivered."
@@ -294,16 +167,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Ready to discuss your next big technical challenge? Let's connect."
buttons={[
{
text: "Contact Me",
href: "#contact-form",
},
]}
buttons={[{ text: "Contact Me", href: "#contact-form" }]}
/>
</div>