bender/7b3b1306-a089-4a60-bb54-1ed9e3a6e9bb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-09 16:13:07 +00:00
Conversation 0 Commits 1 Files Changed 1 +44 -208
1 changed files with 44 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
src/app/page.tsx
View File

@@ -31,18 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Work",
id: "#projects",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Work", id: "#projects" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" }
]}
brandName="DevPortfolio"
/>
@@ -53,36 +44,15 @@ export default function LandingPage() {
logoText="Code That Moves"
description="Fullstack developer crafting innovative digital solutions with modern technologies. Explore my work and let's build something extraordinary together."
buttons={[
{
text: "View My Projects",
href: "#projects",
},
{ text: "View My Projects", href: "#projects" }
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
imageAlt: "Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-night-top-view-web-banner-with-copy-space_169016-53022.jpg",
imageAlt: "Editor",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg",
imageAlt: "Abstract",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg",
imageAlt: "Server",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-3-dimensional-printer-abstract-background_1048-5870.jpg",
imageAlt: "Quantum",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg",
imageAlt: "Blockchain",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg", imageAlt: "Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-night-top-view-web-banner-with-copy-space_169016-53022.jpg", imageAlt: "Editor" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg", imageAlt: "Abstract" },
{ imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg", imageAlt: "Server" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-3-dimensional-printer-abstract-background_1048-5870.jpg", imageAlt: "Quantum" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg", imageAlt: "Blockchain" }
]}
/>
</div>
@@ -92,21 +62,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Technical Expertise"
metrics={[
{
label: "Projects Completed",
value: "50+",
icon: CheckCircle,
},
{
label: "Years Experience",
value: "7+",
icon: Award,
},
{
label: "Code Lines Written",
value: "1M+",
icon: Code,
},
{ label: "Projects Completed", value: "50+", icon: CheckCircle },
{ label: "Years Experience", value: "7+", icon: Award },
{ label: "Code Lines Written", value: "1M+", icon: Code }
]}
metricsAnimation="slide-up"
/>
@@ -118,27 +76,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Frontend",
subtitle: "React, Next.js, Tailwind",
category: "Web",
value: "95%",
},
{
id: "f2",
title: "Backend",
subtitle: "Node.js, PostgreSQL, Redis",
category: "Server",
value: "90%",
},
{
id: "f3",
title: "DevOps",
subtitle: "Docker, Kubernetes, AWS",
category: "Cloud",
value: "85%",
},
{ id: "f1", title: "Frontend", subtitle: "React, Next.js, Tailwind", category: "Web", value: "95%" },
{ id: "f2", title: "Backend", subtitle: "Node.js, PostgreSQL, Redis", category: "Server", value: "90%" },
{ id: "f3", title: "DevOps", subtitle: "Docker, Kubernetes, AWS", category: "Cloud", value: "85%" }
]}
title="Core Competencies"
description="Building scalable applications using industry-leading technology stacks."
@@ -152,48 +92,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "SaaS Platform",
price: "View Demo",
variant: "Cloud",
imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg",
},
{
id: "p2",
name: "E-commerce Shop",
price: "View Demo",
variant: "Web",
imageSrc: "http://img.b2bpic.net/free-photo/table-full-tailoring-instruments_482257-96375.jpg",
},
{
id: "p3",
name: "Data Analytics",
price: "View Demo",
variant: "B2B",
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
},
{
id: "p4",
name: "Mobile App",
price: "View Demo",
variant: "App",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165980.jpg",
},
{
id: "p5",
name: "Workboard",
price: "View Demo",
variant: "Productivity",
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-15794.jpg",
},
{
id: "p6",
name: "API Docs",
price: "View Demo",
variant: "Technical",
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-writing-html-script-binary-code-database-security_482257-92458.jpg",
},
{ id: "p1", name: "SaaS Platform", price: "View Demo", variant: "Cloud", imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" },
{ id: "p2", name: "E-commerce Shop", price: "View Demo", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/table-full-tailoring-instruments_482257-96375.jpg" },
{ id: "p3", name: "Data Analytics", price: "View Demo", variant: "B2B", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" },
{ id: "p4", name: "Mobile App", price: "View Demo", variant: "App", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165980.jpg" },
{ id: "p5", name: "Workboard", price: "View Demo", variant: "Productivity", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-15794.jpg" },
{ id: "p6", name: "API Docs", price: "View Demo", variant: "Technical", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-writing-html-script-binary-code-database-security_482257-92458.jpg" }
]}
title="Featured Work"
description="A showcase of recent software development projects ranging from enterprise SaaS to consumer web applications."
@@ -202,25 +106,14 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150%",
description: "Efficiency Increase",
},
{
id: "m2",
value: "99.9%",
description: "Platform Uptime",
},
{
id: "m3",
value: "20+",
description: "Happy Clients",
},
{ id: "m1", value: "150%", description: "Efficiency Increase" },
{ id: "m2", value: "99.9%", description: "Platform Uptime" },
{ id: "m3", value: "20+", description: "Happy Clients" }
]}
title="Impact Driven"
description="Measurable results delivered for partners."
@@ -233,46 +126,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Exceptional developer, delivered on time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg",
},
{
id: "2",
name: "Michael C.",
handle: "@mikec",
testimonial: "Great attention to detail and technical skill.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg",
},
{
id: "3",
name: "Emily R.",
handle: "@emilyr",
testimonial: "Transformed our workflow completely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020761.jpg",
},
{
id: "4",
name: "David K.",
handle: "@davidk",
testimonial: "Fast, efficient and easy to work with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
},
{
id: "5",
name: "John B.",
handle: "@johnb",
testimonial: "Innovative solutions that scaled perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
},
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Exceptional developer, delivered on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg" },
{ id: "2", name: "Michael C.", handle: "@mikec", testimonial: "Great attention to detail and technical skill.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg" },
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Transformed our workflow completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020761.jpg" },
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast, efficient and easy to work with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
{ id: "5", name: "John B.", handle: "@johnb", testimonial: "Innovative solutions that scaled perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" }
]}
showRating={true}
title="Client Feedback"
@@ -283,9 +141,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
tag="Get in touch"
title="Start your next project"
description="Ready to bring your ideas to life? Let's discuss your requirements."
@@ -300,43 +156,23 @@ export default function LandingPage() {
logoText="DevPortfolio"
columns={[
{
title: "Navigation",
items: [
{
label: "Work",
href: "#projects",
},
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
title: "Navigation", items: [
{ label: "Work", href: "#projects" },
{ label: "About", href: "#about" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Connect",
items: [
{
label: "Twitter",
href: "#",
},
{
label: "GitHub",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "GitHub", href: "#" },
{ label: "LinkedIn", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}