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() {