bender/dbaf006d-f42d-4e4d-b2a8-e6d8bfffa433
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... main

Author SHA1 Message Date
bender
a80554d4d8 Merge version_2 into main 
Merge version_2 into main
 2026-03-09 13:31:31 +00:00
bender
23a13ef619 Update src/app/page.tsx 2026-03-09 13:31:27 +00:00
bender
b1095a5e56 Update src/app/layout.tsx 2026-03-09 13:31:27 +00:00
bender
d9b7581771 Merge version_1 into main 
Merge version_1 into main
 2026-03-09 13:29:09 +00:00
2 changed files with 30 additions and 58 deletions
Expand all files Collapse all files

53
src/app/layout.tsx
View File

@@ -1,58 +1,20 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google"; import "@/styles/globals.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Full-Stack Software Engineer | Portfolio", description: "Experienced full-stack developer specializing in React, Node.js, and cloud infrastructure. View my portfolio and let's build amazing products together.", keywords: "software engineer, full-stack developer, React, Node.js, web development", metadataBase: new URL("https://yourportfolio.com"), title: "Create Next App", description: "Generated by create next app"};
alternates: {
canonical: "https://yourportfolio.com"},
openGraph: {
title: "Full-Stack Software Engineer | Portfolio", description: "Experienced full-stack developer specializing in React, Node.js, and cloud infrastructure.", url: "https://yourportfolio.com", siteName: "Dev", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/a-modern-software-engineer-workspace-wit-1773062850632-54bd24a5.png", alt: "A modern software engineer workspace with multiple monitors displaying code and dashboards. Clean de"},
],
},
twitter: {
card: "summary_large_image", title: "Full-Stack Software Engineer | Portfolio", description: "Experienced full-stack developer specializing in React, Node.js, and cloud infrastructure.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/a-modern-software-engineer-workspace-wit-1773062850632-54bd24a5.png"],
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1420,7 +1382,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

35
src/app/page.tsx
View File

@@ -49,9 +49,11 @@ export default function LandingPage() {
background={{ variant: "plain" }} background={{ variant: "plain" }}
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/a-modern-software-engineer-workspace-wit-1773062850632-54bd24a5.png", imageAlt: "Modern software engineer workspace with multiple monitors"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/a-modern-software-engineer-workspace-wit-1773062850632-54bd24a5.png", imageAlt: "Modern software engineer workspace with multiple monitors"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/close-up-of-hands-typing-on-a-mechanical-1773062852072-35f3f38d.png", imageAlt: "Close-up of coding on a mechanical keyboard"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/close-up-of-hands-typing-on-a-mechanical-1773062852072-35f3f38d.png", imageAlt: "Close-up of coding on a mechanical keyboard"
},
]} ]}
rating={5} rating={5}
ratingText="Trusted by innovative teams" ratingText="Trusted by innovative teams"
@@ -89,22 +91,28 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Code, icon: Code,
title: "Full-Stack Development", description: "Expert in React, Vue, and modern JavaScript frameworks paired with Node.js and Python backends for complete end-to-end solutions."}, title: "Full-Stack Development", description: "Expert in React, Vue, and modern JavaScript frameworks paired with Node.js and Python backends for complete end-to-end solutions."
},
{ {
icon: Cloud, icon: Cloud,
title: "Cloud Infrastructure", description: "Proficient with AWS, Google Cloud, and Docker containerization for scalable, resilient deployments and DevOps practices."}, title: "Cloud Infrastructure", description: "Proficient with AWS, Google Cloud, and Docker containerization for scalable, resilient deployments and DevOps practices."
},
{ {
icon: Database, icon: Database,
title: "Database Design", description: "Strong foundation in SQL and NoSQL databases including PostgreSQL, MongoDB, and Redis for optimized data management."}, title: "Database Design", description: "Strong foundation in SQL and NoSQL databases including PostgreSQL, MongoDB, and Redis for optimized data management."
},
{ {
icon: Zap, icon: Zap,
title: "Performance Optimization", description: "Specialized in code optimization, caching strategies, and monitoring tools to ensure lightning-fast application performance."}, title: "Performance Optimization", description: "Specialized in code optimization, caching strategies, and monitoring tools to ensure lightning-fast application performance."
},
{ {
icon: Shield, icon: Shield,
title: "Security First", description: "Committed to secure coding practices, authentication systems, and compliance standards to protect user data and privacy."}, title: "Security First", description: "Committed to secure coding practices, authentication systems, and compliance standards to protect user data and privacy."
},
{ {
icon: GitBranch, icon: GitBranch,
title: "Version Control & CI/CD", description: "Expert in Git workflows, automated testing, and continuous integration pipelines for smooth team collaboration."}, title: "Version Control & CI/CD", description: "Expert in Git workflows, automated testing, and continuous integration pipelines for smooth team collaboration."
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -121,11 +129,14 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
products={[ products={[
{ {
id: "1", name: "E-Commerce Platform Redesign", price: "React, Node.js, PostgreSQL", variant: "Increased conversion by 45%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/modern-e-commerce-platform-interface-wit-1773062851018-4d1ad20b.png", imageAlt: "E-commerce platform interface"}, id: "1", name: "E-Commerce Platform Redesign", price: "React, Node.js, PostgreSQL", variant: "Increased conversion by 45%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/modern-e-commerce-platform-interface-wit-1773062851018-4d1ad20b.png", imageAlt: "E-commerce platform interface"
},
{ {
id: "2", name: "Real-Time Analytics Dashboard", price: "React, D3.js, Python", variant: "Processing 10M+ events daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/real-time-analytics-dashboard-with-chart-1773062851912-ddd8b960.png", imageAlt: "Analytics dashboard with metrics"}, id: "2", name: "Real-Time Analytics Dashboard", price: "React, D3.js, Python", variant: "Processing 10M+ events daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/real-time-analytics-dashboard-with-chart-1773062851912-ddd8b960.png", imageAlt: "Analytics dashboard with metrics"
},
{ {
id: "3", name: "Mobile Banking Application", price: "React Native, AWS, Firebase", variant: "500K+ active users", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/mobile-app-interface-design-showcasing-i-1773062851436-744c1e42.png", imageAlt: "Mobile app interface design"}, id: "3", name: "Mobile Banking Application", price: "React Native, AWS, Firebase", variant: "500K+ active users", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai5vRNoFH1pwSAQ2OS71p9EcD2/mobile-app-interface-design-showcasing-i-1773062851436-744c1e42.png", imageAlt: "Mobile app interface design"
},
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
carouselMode="buttons" carouselMode="buttons"
@@ -163,7 +174,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"
buttonText="Send Message" buttonText="Send Message"
termsText="I'll get back to you within 24 hours. Your information is safe with me." termsText="Get a personalized response within 24 hours—no spam, just genuine conversation about your project"
/> />
</div> </div>