diff --git a/src/app/page.tsx b/src/app/page.tsx index e346765..c53c989 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,29 +31,17 @@ export default function LandingPage() { @@ -62,45 +50,28 @@ export default function LandingPage() {
@@ -112,22 +83,16 @@ export default function LandingPage() { description="I’m a full stack web developer who creates clean, scalable sites and applications. My focus is on strong front-end experiences, dependable APIs, and maintainable code that feels natural to work with. From UI polish to server routes and deployment, I keep projects moving with clarity, performance, and a professional finish." metrics={[ { - value: "5+", - title: "Years Experience", - }, + value: "5+", title: "Years Experience"}, { - value: "Clean", - title: "Code Focus", - }, + value: "Clean", title: "Code Focus"}, { - value: "Scalable", - title: "Solutions", - }, + value: "Scalable", title: "Solutions"}, ]} imageSrc="http://img.b2bpic.net/free-photo/stressed-computer-scientist-praying-eliminate-errors-after-applying-patch_482257-103737.jpg" imageAlt="Jahanzaib Mahar working on a multi-monitor setup" - mediaAnimation="background-highlight" - metricsAnimation="background-highlight" + mediaAnimation="blur-reveal" + metricsAnimation="blur-reveal" /> @@ -138,32 +103,17 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - id: "web-applications", - title: "Web Applications", - descriptions: [ - "React-based interfaces with strong visual polish, responsive layouts, and smooth interactions.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038906.jpg", - imageAlt: "Responsive web application across devices", - }, + id: "web-applications", title: "Web Applications", descriptions: [ + "React-based interfaces with strong visual polish, responsive layouts, and smooth interactions."], + imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038906.jpg", imageAlt: "Responsive web application across devices"}, { - id: "backend-apis", - title: "Backend APIs", - descriptions: [ - "Node.js and Express services built for reliability, clean data flow, and fast iteration.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480171.jpg", - imageAlt: "Abstract visualization of backend API architecture", - }, + id: "backend-apis", title: "Backend APIs", descriptions: [ + "Node.js and Express services built for reliability, clean data flow, and fast iteration."], + imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480171.jpg", imageAlt: "Abstract visualization of backend API architecture"}, { - id: "optimization", - title: "Optimization", - descriptions: [ - "Performance tuning, deployment readiness, and front-end improvements that keep products fast.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", - imageAlt: "Website performance optimization illustration", - }, + id: "optimization", title: "Optimization", descriptions: [ + "Performance tuning, deployment readiness, and front-end improvements that keep products fast."], + imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Website performance optimization illustration"}, ]} title="What I Do" description="Services designed to support every stage of your product." @@ -179,53 +129,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "portfolio-launch", - name: "Portfolio Launch", - price: "Personal Project", - variant: "React, CSS, Responsive", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg", - imageAlt: "Screenshot of a modern personal website", - }, + id: "portfolio-launch", name: "Portfolio Launch", price: "Personal Project", variant: "React, CSS, Responsive", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg", imageAlt: "Screenshot of a modern personal website"}, { - id: "analytics-dashboard", - name: "Analytics Dashboard", - price: "Client Project", - variant: "UI, API, Charts", - imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg", - imageAlt: "Screenshot of a data-driven analytics dashboard", - }, + id: "analytics-dashboard", name: "Analytics Dashboard", price: "Client Project", variant: "UI, API, Charts", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg", imageAlt: "Screenshot of a data-driven analytics dashboard"}, { - id: "ecommerce-landing", - name: "E-commerce Landing", - price: "Client Project", - variant: "Frontend, UX, Conversion", - imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg", - imageAlt: "Screenshot of an e-commerce landing page", - }, + id: "ecommerce-landing", name: "E-commerce Landing", price: "Client Project", variant: "Frontend, UX, Conversion", imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg", imageAlt: "Screenshot of an e-commerce landing page"}, { - id: "mobile-task-app", - name: "Mobile Task App", - price: "Concept Project", - variant: "React Native, UI/UX", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fitness-app-template_23-2151088857.jpg", - imageAlt: "Mobile task management application", - }, + id: "mobile-task-app", name: "Mobile Task App", price: "Concept Project", variant: "React Native, UI/UX", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fitness-app-template_23-2151088857.jpg", imageAlt: "Mobile task management application"}, { - id: "saas-platform", - name: "SaaS Collaboration Platform", - price: "Client Project", - variant: "Next.js, Node.js, PostgreSQL", - imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-company-graph-laptop-computer-working-management-presentation-business-meeting-startup-office-diverse-businesspeople-discussing-collaboration-project_482257-29807.jpg", - imageAlt: "SaaS project collaboration platform interface", - }, + id: "saas-platform", name: "SaaS Collaboration Platform", price: "Client Project", variant: "Next.js, Node.js, PostgreSQL", imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-company-graph-laptop-computer-working-management-presentation-business-meeting-startup-office-diverse-businesspeople-discussing-collaboration-project_482257-29807.jpg", imageAlt: "SaaS project collaboration platform interface"}, { - id: "tech-blog", - name: "Developer Blog", - price: "Personal Project", - variant: "Next.js, Markdown, SEO", - imageSrc: "http://img.b2bpic.net/free-photo/online-ticket-booking_53876-65475.jpg", - imageAlt: "Modern tech blog website homepage", - }, + id: "tech-blog", name: "Developer Blog", price: "Personal Project", variant: "Next.js, Markdown, SEO", imageSrc: "http://img.b2bpic.net/free-photo/online-ticket-booking_53876-65475.jpg", imageAlt: "Modern tech blog website homepage"}, ]} title="Projects" description="Selected work that demonstrates clean code and polished delivery." @@ -237,15 +151,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "React", - "Next.js", - "Node.js", - "Express", - "TypeScript", - "MongoDB", - "PostgreSQL", - "REST API", - ]} + "React", "Next.js", "Node.js", "Express", "TypeScript", "MongoDB", "PostgreSQL", "REST API"]} title="Skills" description="Technologies I use to build products end to end." showCard={true} @@ -259,45 +165,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - handle: "@sarahj", - testimonial: "Jahanzaib delivered an outstanding web application that exceeded our expectations. His attention to detail and ability to tackle complex problems was truly impressive. Highly recommended!", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", - imageAlt: "Sarah Johnson", - }, + id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Jahanzaib delivered an outstanding web application that exceeded our expectations. His attention to detail and ability to tackle complex problems was truly impressive. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", imageAlt: "Sarah Johnson"}, { - id: "2", - name: "Michael Chen", - handle: "@michaelc", - testimonial: "Working with Jahanzaib was a pleasure. He's a skilled developer who consistently delivered high-quality code and valuable insights throughout the project. Our new platform is much more robust.", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg", - imageAlt: "Michael Chen", - }, + id: "2", name: "Michael Chen", handle: "@michaelc", testimonial: "Working with Jahanzaib was a pleasure. He's a skilled developer who consistently delivered high-quality code and valuable insights throughout the project. Our new platform is much more robust.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg", imageAlt: "Michael Chen"}, { - id: "3", - name: "Emily Rodriguez", - handle: "@emilyr", - testimonial: "Jahanzaib transformed our vision into a functional and beautiful product. His expertise in both front-end and back-end development made the entire process seamless and efficient.", - imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Jahanzaib transformed our vision into a functional and beautiful product. His expertise in both front-end and back-end development made the entire process seamless and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", imageAlt: "Emily Rodriguez"}, { - id: "4", - name: "David Kim", - handle: "@davidk", - testimonial: "Professional, reliable, and incredibly talented. Jahanzaib's work on our API integration was flawless, ensuring our systems communicated perfectly. A true full-stack expert.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", - imageAlt: "David Kim", - }, + id: "4", name: "David Kim", handle: "@davidk", testimonial: "Professional, reliable, and incredibly talented. Jahanzaib's work on our API integration was flawless, ensuring our systems communicated perfectly. A true full-stack expert.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "David Kim"}, { - id: "5", - name: "Olivia White", - handle: "@oliviaw", - testimonial: "I approached Jahanzaib with a challenging project, and he delivered with exceptional results. His problem-solving skills and commitment to quality are second to none.", - imageSrc: "http://img.b2bpic.net/free-photo/youn-g-bearded-man-working-laptop-bar_1303-19972.jpg", - imageAlt: "Olivia White", - }, + id: "5", name: "Olivia White", handle: "@oliviaw", testimonial: "I approached Jahanzaib with a challenging project, and he delivered with exceptional results. His problem-solving skills and commitment to quality are second to none.", imageSrc: "http://img.b2bpic.net/free-photo/youn-g-bearded-man-working-laptop-bar_1303-19972.jpg", imageAlt: "Olivia White"}, ]} title="Client Testimonials" description="Hear what satisfied clients say about my work and dedication." @@ -308,16 +184,13 @@ export default function LandingPage() { @@ -329,63 +202,39 @@ export default function LandingPage() { logoText="Jahanzaib Mahar" columns={[ { - title: "About Me", - items: [ + title: "About Me", items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Skills", - href: "#skills", - }, + label: "Skills", href: "#skills"}, ], }, { - title: "Quick Links", - items: [ + title: "Quick Links", items: [ { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, { - label: "Projects", - href: "#projects", - }, + label: "Projects", href: "#projects"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms & Conditions", - href: "#", - }, + label: "Terms & Conditions", href: "#"}, ], }, { - title: "Connect With Me", - items: [ + title: "Connect With Me", items: [ { - label: "LinkedIn", - href: "https://linkedin.com/in/jahanzaibmahar", - }, + label: "LinkedIn", href: "https://linkedin.com/in/jahanzaibmahar"}, { - label: "GitHub", - href: "https://github.com/jahanzaibmahar", - }, + label: "GitHub", href: "https://github.com/jahanzaibmahar"}, ], }, ]}