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

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-09 13:31:31 +00:00
parent d9b7581771 23a13ef619
commit a80554d4d8
2 changed files with 30 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/layout.tsx
View File

@@ -1,58 +1,20 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import "@/styles/globals.css";
const halant = Halant({
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"],
});
const inter = Inter({ subsets: ["latin"] });
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"),
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,
},
};
title: "Create Next App", description: "Generated by create next app"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1420,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

35
src/app/page.tsx
View File

@@ -49,9 +49,11 @@ export default function LandingPage() {
background={{ variant: "plain" }}
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}
ratingText="Trusted by innovative teams"
@@ -89,22 +91,28 @@ export default function LandingPage() {
features={[
{
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,
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,
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,
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,
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,
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"
textboxLayout="default"
@@ -121,11 +129,14 @@ export default function LandingPage() {
tagAnimation="slide-up"
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"
carouselMode="buttons"
@@ -163,7 +174,7 @@ export default function LandingPage() {
useInvertedBackground={false}
inputPlaceholder="your@email.com"
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>