From 5119287ce6f059a1e52773df7df80350f4682267 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 13:46:00 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 275 +++++++++-------------------------------------- 1 file changed, 49 insertions(+), 226 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c3b9089..7a1a981 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -67,51 +53,28 @@ export default function LandingPage() {
@@ -156,85 +111,35 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "HTML", - description: "Semantic and accessible markup for robust web structures.", - bentoComponent: "reveal-icon", - icon: Code, - imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-with-sos-water-drop_23-2148485613.jpg", - imageAlt: "HTML icon modern tech", + title: "HTML", description: "Semantic and accessible markup for robust web structures.", bentoComponent: "reveal-icon", icon: Code }, { - title: "CSS", - description: "Crafting beautiful and responsive designs with modern styling techniques.", - bentoComponent: "reveal-icon", - icon: Palette, - imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910928.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "CSS", description: "Crafting beautiful and responsive designs with modern styling techniques.", bentoComponent: "reveal-icon", icon: Palette }, { - title: "JavaScript", - description: "Dynamic and interactive web experiences using modern JavaScript.", - bentoComponent: "reveal-icon", - icon: Zap, - imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-visualizes-solar-cells-designs-with-3d-software-tools-drinking-coffee_482257-135656.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "JavaScript", description: "Dynamic and interactive web experiences using modern JavaScript.", bentoComponent: "reveal-icon", icon: Zap }, { - title: "React", - description: "Building powerful single-page applications with reusable components.", - bentoComponent: "reveal-icon", - icon: BarChart, - imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "React", description: "Building powerful single-page applications with reusable components.", bentoComponent: "reveal-icon", icon: BarChart }, { - title: "Next.js", - description: "Developing performant, full-stack React applications with server-side rendering.", - bentoComponent: "reveal-icon", - icon: ArrowRight, - imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-template_23-2148587406.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "Next.js", description: "Developing performant, full-stack React applications with server-side rendering.", bentoComponent: "reveal-icon", icon: ArrowRight }, { - title: "Python", - description: "Proficiency in Python for data analysis, machine learning, and web backend.", - bentoComponent: "reveal-icon", - icon: Feather, - imageSrc: "http://img.b2bpic.net/free-photo/man-monitoring-company-systems-using-notebook-while-standing-office_482257-124884.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "Python", description: "Proficiency in Python for data analysis, machine learning, and web backend.", bentoComponent: "reveal-icon", icon: Feather }, { - title: "Data Science", - description: "Skilled in data analysis, visualization, and predictive modeling.", - bentoComponent: "reveal-icon", - icon: Database, - imageSrc: "http://img.b2bpic.net/free-photo/young-boy-playing-computer_23-2148860550.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "Data Science", description: "Skilled in data analysis, visualization, and predictive modeling.", bentoComponent: "reveal-icon", icon: Database }, { - title: "Git & GitHub", - description: "Version control and collaborative development workflows.", - bentoComponent: "reveal-icon", - icon: Github, - imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg?_wi=2", - imageAlt: "HTML icon modern tech", + title: "Git & GitHub", description: "Version control and collaborative development workflows.", bentoComponent: "reveal-icon", icon: Github }, { - title: "Responsive Design", - description: "Ensuring optimal user experience across all devices and screen sizes.", - bentoComponent: "reveal-icon", - icon: Laptop, - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-code-logo-collection_23-2148812934.jpg", - imageAlt: "HTML icon modern tech", + title: "Responsive Design", description: "Ensuring optimal user experience across all devices and screen sizes.", bentoComponent: "reveal-icon", icon: Laptop }, { - title: "SEO", - description: "Optimizing websites for search engine visibility and performance.", - bentoComponent: "reveal-icon", - icon: Search, - imageSrc: "http://img.b2bpic.net/free-photo/notebook-icon-left-side-with-white-background_187299-39913.jpg", - imageAlt: "HTML icon modern tech", - }, + title: "SEO", description: "Optimizing websites for search engine visibility and performance.", bentoComponent: "reveal-icon", icon: Search + } ]} title="My Technical Skills" description="A comprehensive overview of my expertise in web development and data science, honed through coursework and freelance projects. I continually strive to expand my skill set to deliver impactful solutions." @@ -249,53 +154,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "FashionAura E-commerce Website", - price: "Live Demo", - variant: "React, Next.js, Stripe, Tailwind CSS", - imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-digital-nomads_23-2151254065.jpg", - imageAlt: "FashionAura E-commerce Website", - }, + id: "p1", name: "FashionAura E-commerce Website", price: "Live Demo", variant: "React, Next.js, Stripe, Tailwind CSS", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-digital-nomads_23-2151254065.jpg", imageAlt: "FashionAura E-commerce Website"}, { - id: "p2", - name: "Luxury Fashion Landing Page", - price: "Live Demo", - variant: "HTML, CSS, JavaScript, GSAP", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clothes-bed-fast-fashion-concept_23-2149726122.jpg", - imageAlt: "Luxury Fashion Landing Page", - }, + id: "p2", name: "Luxury Fashion Landing Page", price: "Live Demo", variant: "HTML, CSS, JavaScript, GSAP", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clothes-bed-fast-fashion-concept_23-2149726122.jpg", imageAlt: "Luxury Fashion Landing Page"}, { - id: "p3", - name: "Restaurant Website", - price: "Live Demo", - variant: "React, Node.js, Express, MongoDB", - imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328154.jpg", - imageAlt: "Restaurant Website", - }, + id: "p3", name: "Restaurant Website", price: "Live Demo", variant: "React, Node.js, Express, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328154.jpg", imageAlt: "Restaurant Website"}, { - id: "p4", - name: "Personal Portfolio Website", - price: "Live Demo", - variant: "Next.js, Tailwind CSS, Framer Motion", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", - imageAlt: "Personal Portfolio Website", - }, + id: "p4", name: "Personal Portfolio Website", price: "Live Demo", variant: "Next.js, Tailwind CSS, Framer Motion", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "Personal Portfolio Website"}, { - id: "p5", - name: "Business Landing Page", - price: "Live Demo", - variant: "Webflow, Custom CSS", - imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", - imageAlt: "Business Landing Page", - }, + id: "p5", name: "Business Landing Page", price: "Live Demo", variant: "Webflow, Custom CSS", imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", imageAlt: "Business Landing Page"}, { - id: "p6", - name: "Financial Data Dashboard", - price: "Live Demo", - variant: "Python, Pandas, Matplotlib, Dash", - imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", - imageAlt: "Financial Data Dashboard", - }, + id: "p6", name: "Financial Data Dashboard", price: "Live Demo", variant: "Python, Pandas, Matplotlib, Dash", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "Financial Data Dashboard"}, ]} title="My Portfolio Projects" description="A showcase of my recent work, demonstrating my skills in web development and data science. Each project highlights my approach to design, development, and problem-solving." @@ -307,14 +176,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Website Development", - "Landing Page Design", - "Responsive Website Design", - "Website Redesign", - "Frontend Development", - "UI/UX Consulting", - "API Integration", - ]} + "Website Development", "Landing Page Design", "Responsive Website Design", "Website Redesign", "Frontend Development", "UI/UX Consulting", "API Integration"]} title="Services I Offer" description="As a freelance web developer, I provide a range of services designed to help individuals and businesses establish a strong online presence. My goal is to deliver high-quality, scalable, and visually appealing digital solutions tailored to your specific needs." showCard={true} @@ -328,45 +190,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Sarah Chen", - role: "Startup Founder", - testimonial: "Pavani built an incredible landing page for my startup. Her attention to detail and design flair transformed our vision into a stunning, high-converting reality. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", - imageAlt: "Sarah Chen", - }, + id: "t1", name: "Sarah Chen", role: "Startup Founder", testimonial: "Pavani built an incredible landing page for my startup. Her attention to detail and design flair transformed our vision into a stunning, high-converting reality. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", imageAlt: "Sarah Chen"}, { - id: "t2", - name: "Michael Davis", - role: "Small Business Owner", - testimonial: "The website redesign Pavani did for my restaurant was outstanding. It's now modern, easy to navigate, and has significantly improved our online presence. A true professional!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-tablet-pc_1262-1044.jpg", - imageAlt: "Michael Davis", - }, + id: "t2", name: "Michael Davis", role: "Small Business Owner", testimonial: "The website redesign Pavani did for my restaurant was outstanding. It's now modern, easy to navigate, and has significantly improved our online presence. A true professional!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-tablet-pc_1262-1044.jpg", imageAlt: "Michael Davis"}, { - id: "t3", - name: "Emily Rodriguez", - role: "Marketing Director", - testimonial: "Working with Pavani on our e-commerce platform was a game-changer. She delivered a robust and beautiful site that exceeded our expectations, all within budget and on time.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "t3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Working with Pavani on our e-commerce platform was a game-changer. She delivered a robust and beautiful site that exceeded our expectations, all within budget and on time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Emily Rodriguez"}, { - id: "t4", - name: "David Kim", - role: "Tech Lead", - testimonial: "Pavani's data science insights were invaluable for our project. Her ability to analyze complex data and present clear findings helped us make crucial business decisions.", - imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", - imageAlt: "David Kim", - }, + id: "t4", name: "David Kim", role: "Tech Lead", testimonial: "Pavani's data science insights were invaluable for our project. Her ability to analyze complex data and present clear findings helped us make crucial business decisions.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Kim"}, { - id: "t5", - name: "Jessica Lee", - role: "Project Manager", - testimonial: "Her frontend development skills are top-notch. Pavani is reliable, responsive, and creates beautiful, functional interfaces. A pleasure to collaborate with!", - imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", - imageAlt: "Jessica Lee", - }, + id: "t5", name: "Jessica Lee", role: "Project Manager", testimonial: "Her frontend development skills are top-notch. Pavani is reliable, responsive, and creates beautiful, functional interfaces. A pleasure to collaborate with!", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "Jessica Lee"}, ]} title="Client Testimonials" description="Hear what my clients have to say about working with me. I'm committed to delivering excellent results and building strong, collaborative relationships." @@ -377,20 +209,15 @@ export default function LandingPage() {
@@ -401,13 +228,9 @@ export default function LandingPage() { logoAlt="Pavani Portfolio Logo" logoText="Pavani Portfolio" leftLink={{ - text: "© 2024 Pavani. All rights reserved.", - href: "#", - }} + text: "© 2024 Pavani. All rights reserved.", href: "#"}} rightLink={{ - text: "Privacy Policy", - href: "#", - }} + text: "Privacy Policy", href: "#"}} />