diff --git a/src/app/page.tsx b/src/app/page.tsx
index cd568c8..770d754 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
@@ -65,41 +53,26 @@ export default function LandingPage() {
@@ -112,17 +85,11 @@ export default function LandingPage() {
description="With a passion for problem-solving and a dedication to crafting robust, scalable web applications, I transform complex ideas into intuitive and high-performing digital experiences. My approach blends innovative design with meticulous engineering to deliver solutions that stand out."
metrics={[
{
- value: "10+",
- title: "Years Experience",
- },
+ value: "10+", title: "Years Experience"},
{
- value: "50+",
- title: "Projects Completed",
- },
+ value: "50+", title: "Projects Completed"},
{
- value: "FullStack",
- title: "Expertise",
- },
+ value: "FullStack", title: "Expertise"},
]}
imageSrc="http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg"
imageAlt="Developer working on a project with multiple screens"
@@ -138,56 +105,32 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
- title: "Backend Development",
- description: "Building powerful, secure, and scalable server-side applications with Node.js, Python, and microservices architecture.",
- icon: Database,
+ title: "Backend Development", description: "Building powerful, secure, and scalable server-side applications with Node.js, Python, and microservices architecture.", icon: Database,
mediaItems: [
{
- imageSrc: "http://img.b2bpic.net/free-photo/conceptual-cloud-server-business-with-wooden-blocks-with-icons-dark-color-table-flat-lay_176474-10483.jpg",
- imageAlt: "Backend architecture diagram",
- },
+ imageSrc: "http://img.b2bpic.net/free-photo/conceptual-cloud-server-business-with-wooden-blocks-with-icons-dark-color-table-flat-lay_176474-10483.jpg", imageAlt: "Backend architecture diagram"},
{
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-laptop-screen-data-center_482257-124594.jpg",
- imageAlt: "Database schema visualization",
- },
- ],
- imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18911.jpg?_wi=2",
- imageAlt: "scalable backend architecture diagram",
+ imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-laptop-screen-data-center_482257-124594.jpg", imageAlt: "Database schema visualization"},
+ ]
},
{
- title: "Frontend Development",
- description: "Crafting intuitive and responsive user interfaces using modern frameworks like React, Next.js, and elegant styling.",
- icon: Monitor,
+ title: "Frontend Development", description: "Crafting intuitive and responsive user interfaces using modern frameworks like React, Next.js, and elegant styling.", icon: Monitor,
mediaItems: [
{
- imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg",
- imageAlt: "Responsive web design desktop and mobile",
- },
+ imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg", imageAlt: "Responsive web design desktop and mobile"},
{
- imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
- imageAlt: "Seamless user interface with animations",
- },
- ],
- imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=2",
- imageAlt: "scalable backend architecture diagram",
+ imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg", imageAlt: "Seamless user interface with animations"},
+ ]
},
{
- title: "DevOps & Cloud",
- description: "Automating deployment pipelines and managing scalable cloud infrastructure on AWS, Azure, and Google Cloud for continuous delivery.",
- icon: Cloud,
+ title: "DevOps & Cloud", description: "Automating deployment pipelines and managing scalable cloud infrastructure on AWS, Azure, and Google Cloud for continuous delivery.", icon: Cloud,
mediaItems: [
{
- imageSrc: "http://img.b2bpic.net/free-vector/five-finance-charts-templates-set_1262-4139.jpg",
- imageAlt: "CI/CD pipeline diagram",
- },
+ imageSrc: "http://img.b2bpic.net/free-vector/five-finance-charts-templates-set_1262-4139.jpg", imageAlt: "CI/CD pipeline diagram"},
{
- imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57804.jpg",
- imageAlt: "Cloud infrastructure deployment",
- },
- ],
- imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg?_wi=2",
- imageAlt: "scalable backend architecture diagram",
- },
+ imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57804.jpg", imageAlt: "Cloud infrastructure deployment"},
+ ]
+ }
]}
title="My Technical Arsenal"
description="Proficient across the entire web development spectrum, from dynamic frontends to robust backend systems and scalable cloud infrastructure."
@@ -202,47 +145,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
- id: "project-1",
- name: "ProjectPulse Dashboard",
- price: "React, Node.js, MongoDB",
- imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg",
- imageAlt: "Project management dashboard interface",
- },
+ id: "project-1", name: "ProjectPulse Dashboard", price: "React, Node.js, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg", imageAlt: "Project management dashboard interface"},
{
- id: "project-2",
- name: "E-Commerce Storefront",
- price: "Next.js, Stripe, PostgreSQL",
- imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-computer-screen_53876-132239.jpg",
- imageAlt: "E-commerce platform interface",
- },
+ id: "project-2", name: "E-Commerce Storefront", price: "Next.js, Stripe, PostgreSQL", imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-computer-screen_53876-132239.jpg", imageAlt: "E-commerce platform interface"},
{
- id: "project-3",
- name: "Real-time Analytics Platform",
- price: "Vue.js, Kafka, AWS Lambda",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
- imageAlt: "Data analytics platform with charts",
- },
+ id: "project-3", name: "Real-time Analytics Platform", price: "Vue.js, Kafka, AWS Lambda", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Data analytics platform with charts"},
{
- id: "project-4",
- name: "Social Connect App",
- price: "React Native, Firebase",
- imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-chatbot-delivers-data-driven-responses_482257-116953.jpg",
- imageAlt: "Social media application interface",
- },
+ id: "project-4", name: "Social Connect App", price: "React Native, Firebase", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-chatbot-delivers-data-driven-responses_482257-116953.jpg", imageAlt: "Social media application interface"},
{
- id: "project-5",
- name: "Minimalist Task Manager",
- price: "TypeScript, GraphQL, Redis",
- imageSrc: "http://img.b2bpic.net/free-photo/top-view-tea-cup-wooden-tray_23-2148193468.jpg",
- imageAlt: "Task management application",
- },
+ id: "project-5", name: "Minimalist Task Manager", price: "TypeScript, GraphQL, Redis", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tea-cup-wooden-tray_23-2148193468.jpg", imageAlt: "Task management application"},
{
- id: "project-6",
- name: "Secure Banking Portal",
- price: "Angular, Spring Boot, OAuth2",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149176331.jpg",
- imageAlt: "Online banking portal interface",
- },
+ id: "project-6", name: "Secure Banking Portal", price: "Angular, Spring Boot, OAuth2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149176331.jpg", imageAlt: "Online banking portal interface"},
]}
title="Featured Projects"
description="A selection of my recent work, demonstrating expertise in various technologies and problem domains. Each project reflects a commitment to quality, performance, and user experience."
@@ -257,32 +170,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
- id: "m1",
- value: "100K+",
- title: "Lines of Code",
- description: "Clean, maintainable, and efficient code written across diverse projects.",
- icon: Code,
+ id: "m1", value: "100K+", title: "Lines of Code", description: "Clean, maintainable, and efficient code written across diverse projects.", icon: Code,
},
{
- id: "m2",
- value: "500+",
- title: "GitHub Contributions",
- description: "Active participation in open-source and personal repositories, reflecting consistent development.",
- icon: Github,
+ id: "m2", value: "500+", title: "GitHub Contributions", description: "Active participation in open-source and personal repositories, reflecting consistent development.", icon: Github,
},
{
- id: "m3",
- value: "99.9%",
- title: "Uptime Achieved",
- description: "Deployment and maintenance of applications ensuring high availability and reliability.",
- icon: Activity,
+ id: "m3", value: "99.9%", title: "Uptime Achieved", description: "Deployment and maintenance of applications ensuring high availability and reliability.", icon: Activity,
},
{
- id: "m4",
- value: "10+",
- title: "Technologies Mastered",
- description: "Proficiency in a broad range of programming languages, frameworks, and tools.",
- icon: Layers,
+ id: "m4", value: "10+", title: "Technologies Mastered", description: "Proficiency in a broad range of programming languages, frameworks, and tools.", icon: Layers,
},
]}
title="My Impact in Numbers"
@@ -295,21 +192,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
- "React",
- "Next.js",
- "Node.js",
- "TypeScript",
- "Python",
- "GraphQL",
- "Docker",
- "Kubernetes",
- "AWS",
- "Azure",
- "MongoDB",
- "PostgreSQL",
- "Redis",
- "Figma",
- ]}
+ "React", "Next.js", "Node.js", "TypeScript", "Python", "GraphQL", "Docker", "Kubernetes", "AWS", "Azure", "MongoDB", "PostgreSQL", "Redis", "Figma"]}
title="Technologies I Master"
description="A robust command over a diverse ecosystem of tools and frameworks, ensuring versatile and cutting-edge solutions."
/>
@@ -323,25 +206,15 @@ export default function LandingPage() {
author="Sarah Chen, CEO of InnovateTech"
avatars={[
{
- src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
- alt: "Sarah Chen",
- },
+ src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", alt: "Sarah Chen"},
{
- src: "http://img.b2bpic.net/free-photo/young-man-glasses-wearing-autumn-clothes-walking-street-stylish-guy-with-modern-hairstyle-urban-street_273443-2014.jpg",
- alt: "Michael Rodriguez",
- },
+ src: "http://img.b2bpic.net/free-photo/young-man-glasses-wearing-autumn-clothes-walking-street-stylish-guy-with-modern-hairstyle-urban-street_273443-2014.jpg", alt: "Michael Rodriguez"},
{
- src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg",
- alt: "Emily Johnson",
- },
+ src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg", alt: "Emily Johnson"},
{
- src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
- alt: "David Kim",
- },
+ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", alt: "David Kim"},
{
- src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg",
- alt: "Jessica Lee",
- },
+ src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg", alt: "Jessica Lee"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -354,25 +227,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
- id: "q1",
- title: "What kind of projects do you specialize in?",
- content: "I specialize in building full-stack web applications, including SaaS platforms, e-commerce solutions, data dashboards, and custom APIs. My expertise spans across various industries, always focusing on scalable and performant solutions.",
- },
+ id: "q1", title: "What kind of projects do you specialize in?", content: "I specialize in building full-stack web applications, including SaaS platforms, e-commerce solutions, data dashboards, and custom APIs. My expertise spans across various industries, always focusing on scalable and performant solutions."},
{
- id: "q2",
- title: "What's your typical development process?",
- content: "My process usually involves discovery & planning, design (UI/UX), agile development sprints, rigorous testing, deployment, and ongoing support. I prioritize clear communication and client involvement at every stage.",
- },
+ id: "q2", title: "What's your typical development process?", content: "My process usually involves discovery & planning, design (UI/UX), agile development sprints, rigorous testing, deployment, and ongoing support. I prioritize clear communication and client involvement at every stage."},
{
- id: "q3",
- title: "How do you ensure code quality and maintainability?",
- content: "I adhere to best practices in clean code architecture, conduct thorough code reviews, implement automated testing (unit, integration, E2E), and follow CI/CD principles to ensure high code quality, maintainability, and reliable deployments.",
- },
+ id: "q3", title: "How do you ensure code quality and maintainability?", content: "I adhere to best practices in clean code architecture, conduct thorough code reviews, implement automated testing (unit, integration, E2E), and follow CI/CD principles to ensure high code quality, maintainability, and reliable deployments."},
{
- id: "q4",
- title: "Are you available for freelance projects or full-time roles?",
- content: "I am open to both exciting freelance opportunities and challenging full-time positions. Please reach out with details about your project or role, and we can discuss how my skills align with your needs.",
- },
+ id: "q4", title: "Are you available for freelance projects or full-time roles?", content: "I am open to both exciting freelance opportunities and challenging full-time positions. Please reach out with details about your project or role, and we can discuss how my skills align with your needs."},
]}
imageSrc="http://img.b2bpic.net/free-photo/group-empowered-businesswomen-collaborate-modern-office-reviewing-data-performance_482257-136333.jpg"
imageAlt="Developers collaborating and discussing code on a whiteboard"
@@ -387,8 +248,7 @@ export default function LandingPage() {