diff --git a/src/app/page.tsx b/src/app/page.tsx index 03a4665..d09eb59 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -70,35 +56,21 @@ export default function LandingPage() { description="As a dedicated software developer, I craft seamless digital experiences, leveraging cutting-edge technologies to solve complex challenges and build impactful solutions." buttons={[ { - text: "View My Projects", - href: "#projects", - }, + text: "View My Projects", href: "#projects"}, { - text: "Connect with Me", - href: "#contact", - }, + text: "Connect with Me", href: "#contact"}, ]} avatars={[ { - src: "http://img.b2bpic.net/free-photo/portrait-black-freelancer-laying-sofa-texting-phone_482257-126547.jpg", - alt: "Avatar 1", - }, + src: "http://img.b2bpic.net/free-photo/portrait-black-freelancer-laying-sofa-texting-phone_482257-126547.jpg", alt: "Avatar 1"}, { - src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", - alt: "Avatar 2", - }, + src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Avatar 2"}, { - src: "http://img.b2bpic.net/free-photo/square-user-profile-front-side_187299-39570.jpg", - alt: "Avatar 3", - }, + src: "http://img.b2bpic.net/free-photo/square-user-profile-front-side_187299-39570.jpg", alt: "Avatar 3"}, { - src: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side_187299-39692.jpg", - alt: "Avatar 4", - }, + src: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side_187299-39692.jpg", alt: "Avatar 4"}, { - src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg", - alt: "Elsa Jojo team member", - }, + src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg", alt: "Elsa Jojo team member"}, ]} avatarText="Collaborating with brilliant minds" imageSrc="http://img.b2bpic.net/free-photo/abstract-design-with-flowing-lines-hot-cold-colours_1048-8169.jpg" @@ -111,11 +83,8 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "About Elsa Jojo: Passionate About Technology and Innovation", - }, + type: "text", content: "About Elsa Jojo: Passionate About Technology and Innovation"}, ]} - content="I am a passionate and self-motivated technology enthusiast with a strong foundation in software development and a keen interest in modern technologies. My journey involves continuous learning, tackling intricate problems, and creating innovative projects from concept to deployment. I thrive in collaborative environments, valuing teamwork to achieve shared goals and explore emerging technologies that shape our digital future. I believe in writing clean, efficient, and maintainable code to build robust and scalable applications." /> @@ -127,55 +96,17 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Frontend Development", - description: "Building responsive and dynamic user interfaces with modern frameworks like React and Next.js.", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484782.jpg", - imageAlt: "Frontend development illustration", - titleImageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-style_23-2147937777.jpg", - buttonText: "View Projects", - buttonHref: "#projects", - }, + title: "Frontend Development", description: "Building responsive and dynamic user interfaces with modern frameworks like React and Next.js.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484782.jpg", imageAlt: "Frontend development illustration", titleImageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-style_23-2147937777.jpg", buttonText: "View Projects", buttonHref: "#projects"}, { - title: "Backend Development", - description: "Crafting robust APIs and scalable server-side applications using Node.js, Express, and Python frameworks.", - imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", - imageAlt: "Backend development illustration", - titleImageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg", - buttonText: "View Projects", - buttonHref: "#projects", - }, + title: "Backend Development", description: "Crafting robust APIs and scalable server-side applications using Node.js, Express, and Python frameworks.", imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", imageAlt: "Backend development illustration", titleImageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg", buttonText: "View Projects", buttonHref: "#projects"}, { - title: "Cloud & DevOps", - description: "Leveraging AWS services, Docker, and CI/CD pipelines to build and deploy highly available and scalable applications.", - imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-port-with-cranes_1203-1982.jpg", - imageAlt: "Cloud and DevOps illustration", - titleImageSrc: "http://img.b2bpic.net/free-vector/cloud-with-layers-set_78370-10871.jpg", - buttonText: "Learn More", - }, + title: "Cloud & DevOps", description: "Leveraging AWS services, Docker, and CI/CD pipelines to build and deploy highly available and scalable applications.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-port-with-cranes_1203-1982.jpg", imageAlt: "Cloud and DevOps illustration", titleImageSrc: "http://img.b2bpic.net/free-vector/cloud-with-layers-set_78370-10871.jpg", buttonText: "Learn More"}, { - title: "Data & AI/ML", - description: "Applying Python for data analysis and implementing foundational machine learning concepts for intelligent solutions.", - imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572175.jpg", - imageAlt: "Data and AI/ML illustration", - titleImageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147868685.jpg", - buttonText: "Learn More", - }, + title: "Data & AI/ML", description: "Applying Python for data analysis and implementing foundational machine learning concepts for intelligent solutions.", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572175.jpg", imageAlt: "Data and AI/ML illustration", titleImageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147868685.jpg", buttonText: "Learn More"}, { - title: "Problem Solving", - description: "Utilizing analytical thinking and algorithmic optimization to efficiently tackle complex technical challenges.", - imageSrc: "http://img.b2bpic.net/free-photo/frame-with-ligh-bulb-paper_23-2148519430.jpg", - imageAlt: "Problem solving illustration", - titleImageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg", - buttonText: "Explore", - }, + title: "Problem Solving", description: "Utilizing analytical thinking and algorithmic optimization to efficiently tackle complex technical challenges.", imageSrc: "http://img.b2bpic.net/free-photo/frame-with-ligh-bulb-paper_23-2148519430.jpg", imageAlt: "Problem solving illustration", titleImageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg", buttonText: "Explore"}, { - title: "Collaboration & Agile", - description: "Thriving in team-based environments, contributing to project success through effective communication and Agile methodologies.", - imageSrc: "http://img.b2bpic.net/free-photo/covid-concept-with-cubes-flat-lay_23-2148911543.jpg", - imageAlt: "Collaboration and Agile illustration", - titleImageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg", - buttonText: "Connect", - }, + title: "Collaboration & Agile", description: "Thriving in team-based environments, contributing to project success through effective communication and Agile methodologies.", imageSrc: "http://img.b2bpic.net/free-photo/covid-concept-with-cubes-flat-lay_23-2148911543.jpg", imageAlt: "Collaboration and Agile illustration", titleImageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg", buttonText: "Connect"}, ]} title="My Core Skills & Expertise" description="Proficient in a diverse range of modern technologies, dedicated to continuous learning and delivering robust solutions." @@ -190,53 +121,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "project-ecommerce", - name: "E-commerce Platform", - price: "Full-Stack Dev", - variant: "React, Node.js, Stripe", - imageSrc: "http://img.b2bpic.net/free-photo/buy-fresh-food-marketplace-supermarket-shopping-graphic_53876-120740.jpg", - imageAlt: "Screenshot of an e-commerce platform", - }, + id: "project-ecommerce", name: "E-commerce Platform", price: "Full-Stack Dev", variant: "React, Node.js, Stripe", imageSrc: "http://img.b2bpic.net/free-photo/buy-fresh-food-marketplace-supermarket-shopping-graphic_53876-120740.jpg", imageAlt: "Screenshot of an e-commerce platform"}, { - id: "project-chat-app", - name: "Real-time Chat App", - price: "Web Development", - variant: "React, Socket.io, Express", - imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201859.jpg", - imageAlt: "Screenshot of a real-time chat application", - }, + id: "project-chat-app", name: "Real-time Chat App", price: "Web Development", variant: "React, Socket.io, Express", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201859.jpg", imageAlt: "Screenshot of a real-time chat application"}, { - id: "project-blog-cms", - name: "Personal Blog CMS", - price: "Content Platform", - variant: "Next.js, Markdown, Headless CMS", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", - imageAlt: "Screenshot of a personal blog CMS", - }, + id: "project-blog-cms", name: "Personal Blog CMS", price: "Content Platform", variant: "Next.js, Markdown, Headless CMS", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", imageAlt: "Screenshot of a personal blog CMS"}, { - id: "project-ai-reco", - name: "AI Recommendation Engine", - price: "Machine Learning", - variant: "Python, Flask, Basic ML", - imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", - imageAlt: "Dashboard of an AI recommendation engine", - }, + id: "project-ai-reco", name: "AI Recommendation Engine", price: "Machine Learning", variant: "Python, Flask, Basic ML", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Dashboard of an AI recommendation engine"}, { - id: "project-task-mgr", - name: "Task Management Tool", - price: "Frontend Focused", - variant: "React, Redux, UI/UX", - imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-15280.jpg", - imageAlt: "Screenshot of a task management tool", - }, + id: "project-task-mgr", name: "Task Management Tool", price: "Frontend Focused", variant: "React, Redux, UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-15280.jpg", imageAlt: "Screenshot of a task management tool"}, { - id: "project-serverless-api", - name: "Serverless API Gateway", - price: "Cloud Architecture", - variant: "AWS Lambda, API Gateway, DynamoDB", - imageSrc: "http://img.b2bpic.net/free-photo/drawings-connected-devices_1134-261.jpg", - imageAlt: "Diagram of a serverless API gateway", - }, + id: "project-serverless-api", name: "Serverless API Gateway", price: "Cloud Architecture", variant: "AWS Lambda, API Gateway, DynamoDB", imageSrc: "http://img.b2bpic.net/free-photo/drawings-connected-devices_1134-261.jpg", imageAlt: "Diagram of a serverless API gateway"}, ]} title="Featured Projects" description="Highlighting a selection of my innovative projects that demonstrate my technical expertise and problem-solving abilities." @@ -250,61 +145,25 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "consulting", - tag: "Strategy", - tagIcon: Sparkles, - price: "Custom Quote", - period: "/ project", - description: "Expert advice to define your tech strategy, architecture, and optimal technology stack.", - button: { - text: "Inquire Now", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Technical Roadmapping", - "Architecture Design", - "Technology Stack Selection", - "Feasibility Analysis", - ], + id: "consulting", tag: "Strategy", tagIcon: Sparkles, + price: "Custom Quote", period: "/ project", description: "Expert advice to define your tech strategy, architecture, and optimal technology stack.", button: { + text: "Inquire Now", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Technical Roadmapping", "Architecture Design", "Technology Stack Selection", "Feasibility Analysis"], }, { - id: "fullstack-dev", - tag: "Development", - tagIcon: Code, - price: "Starting at $X", - period: "/ project", - description: "End-to-end development services, bringing your ideas to life from UI/UX to database implementation.", - button: { - text: "Start Your Project", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Frontend & Backend Development", - "Database Integration", - "API Development", - "Deployment & Maintenance", - ], + id: "fullstack-dev", tag: "Development", tagIcon: Code, + price: "Starting at $X", period: "/ project", description: "End-to-end development services, bringing your ideas to life from UI/UX to database implementation.", button: { + text: "Start Your Project", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Frontend & Backend Development", "Database Integration", "API Development", "Deployment & Maintenance"], }, { - id: "mentorship", - tag: "Growth", - tagIcon: GraduationCap, - price: "Hourly Rate", - period: "/ hour", - description: "Personalized mentorship and code review for aspiring developers looking to enhance their skills.", - button: { - text: "Book a Session", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Code Review & Best Practices", - "Career Guidance", - "Technical Problem Solving", - "Learning Path Suggestions", - ], + id: "mentorship", tag: "Growth", tagIcon: GraduationCap, + price: "Hourly Rate", period: "/ hour", description: "Personalized mentorship and code review for aspiring developers looking to enhance their skills.", button: { + text: "Book a Session", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Code Review & Best Practices", "Career Guidance", "Technical Problem Solving", "Learning Path Suggestions"], }, ]} title="My Professional Services" @@ -317,41 +176,17 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Chen", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg", - imageAlt: "Sarah Chen profile picture", - }, + id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg", imageAlt: "Sarah Chen profile picture"}, { - id: "2", - name: "Michael Lee", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", - imageAlt: "Michael Lee profile picture", - }, + id: "2", name: "Michael Lee", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Michael Lee profile picture"}, { - id: "3", - name: "Emily Rodriguez", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", - imageAlt: "Emily Rodriguez profile picture", - }, + id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", imageAlt: "Emily Rodriguez profile picture"}, { - id: "4", - name: "David Kim", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg", - imageAlt: "David Kim profile picture", - }, + id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg", imageAlt: "David Kim profile picture"}, { - id: "5", - name: "Jessica White", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg", - imageAlt: "Jessica White profile picture", - }, + id: "5", name: "Jessica White", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg", imageAlt: "Jessica White profile picture"}, { - id: "6", - name: "Carlos Rivera", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-posing-camera_1262-18333.jpg", - imageAlt: "Carlos Rivera profile picture", - }, + id: "6", name: "Carlos Rivera", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-posing-camera_1262-18333.jpg", imageAlt: "Carlos Rivera profile picture"}, ]} cardTitle="What My Clients & Collaborators Say" cardTag="Trusted Partnerships" @@ -363,20 +198,15 @@ export default function LandingPage() { @@ -385,62 +215,37 @@ export default function LandingPage() {