From c5dffa3d9504de7c6f9a680891def9fcacbc482b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 14:36:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 165 +++++++++++++++++++++++------------------------
 1 file changed, 82 insertions(+), 83 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1602e09..2398d6f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Sparkles, Zap } from "lucide-react";
+import { Sparkles, Zap, Code2, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,11 +27,12 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Portfolio"
+          brandName="Garvit Pandia"
           navItems={[
-            { name: "Work", id: "featured-projects" },
-            { name: "Services", id: "services" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "About", id: "about" },
+            { name: "Skills", id: "skills" },
+            { name: "Projects", id: "projects" },
+            { name: "Achievements", id: "achievements" },
             { name: "Contact", id: "contact" }
           ]}
           button={{ text: "Get in Touch", href: "#contact" }}
@@ -42,83 +42,85 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Crafting Digital Experiences That Convert"
-          description="I design and build beautiful, high-performance digital products that help brands stand out and drive meaningful results."
-          tag="Creative Director"
+          title="Software Developer & Tech Enthusiast"
+          description="Passionate software developer with expertise in full-stack development, data analysis, and problem-solving. Currently pursuing Computer Science at Lovely Professional University with proficiency in multiple programming languages and modern development tools."
+          tag="Computer Science Student"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108711.jpg",              imageAlt: "Professional portfolio workspace"
+              imageSrc: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108711.jpg",              imageAlt: "Professional development workspace"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg",              imageAlt: "Creative work environment"
+              imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg",              imageAlt: "Collaborative development environment"
             }
           ]}
           mediaAnimation="blur-reveal"
           rating={5}
-          ratingText="Trusted by leading brands"
+          ratingText="Driven by innovation and continuous learning"
           buttons={[
-            { text: "View My Work", href: "#featured-projects" },
-            { text: "Let's Talk", href: "#contact" }
+            { text: "View My Work", href: "#projects" },
+            { text: "Let's Connect", href: "#contact" }
           ]}
           buttonAnimation="opacity"
         />
       </div>
 
-      <div id="featured-projects" data-section="featured-projects">
-        <ProductCardThree
-          products={[
-            {
-              id: "1",              name: "E-Commerce Platform Redesign",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=1",              imageAlt: "E-commerce platform design"
-            },
-            {
-              id: "2",              name: "Brand Identity System",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg?_wi=1",              imageAlt: "Brand identity project"
-            },
-            {
-              id: "3",              name: "Mobile App Interface Design",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-app-template_23-2149579020.jpg?_wi=1",              imageAlt: "Mobile app interface"
-            }
-          ]}
-          title="Featured Projects"
-          description="A selection of recent work showcasing design excellence and strategic thinking"
-          tag="Portfolio Highlights"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          animationType="blur-reveal"
-          buttons={[
-            { text: "View All Projects", href: "#projects" }
-          ]}
-        />
-      </div>
-
-      <div id="services" data-section="services">
+      <div id="about" data-section="about">
         <FeatureCardSeven
           features={[
             {
               id: 1,
-              title: "UI/UX Design",              description: "User-centered design that combines aesthetics with functionality to create intuitive digital experiences.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=2",              imageAlt: "UI/UX Design"
+              title: "Education",              description: "Bachelor of Technology in Computer Science from Lovely Professional University. Strong foundation in algorithms, data structures, software engineering, and modern development practices.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=1",              imageAlt: "Education background"
             },
             {
               id: 2,
-              title: "Brand Strategy",              description: "Strategic branding that defines your unique value proposition and creates lasting emotional connections.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg?_wi=2",              imageAlt: "Brand Strategy"
+              title: "Technical Skills",              description: "Proficient in C++, Java, R, Python, HTML, CSS, JavaScript, MySQL, Git, GitHub, and Tableau. Experience with full-stack web development, data analysis, and version control systems.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg?_wi=1",              imageAlt: "Technical skills showcase"
             },
             {
               id: 3,
-              title: "Web Development",              description: "High-performance websites built with modern technologies, optimized for speed and user engagement.",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-app-template_23-2149579020.jpg?_wi=2",              imageAlt: "Web Development"
+              title: "Professional Growth",              description: "Continuous learner with certifications from NPTEL, Coursera, and Udemy. Passionate about building scalable solutions and staying updated with the latest technology trends and best practices.",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-app-template_23-2149579020.jpg?_wi=1",              imageAlt: "Professional development"
             }
           ]}
-          title="Services & Expertise"
-          description="Comprehensive design and development solutions tailored to your business goals"
-          tag="What I Offer"
+          title="About Me"
+          description="A dedicated developer with a passion for technology and continuous learning"
+          tag="Background"
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={true}
           buttons={[
-            { text: "Let's Collaborate", href: "#contact" }
+            { text: "Download Resume", href: "#" }
+          ]}
+        />
+      </div>
+
+      <div id="skills" data-section="skills">
+        <FeatureCardSeven
+          features={[
+            {
+              id: 1,
+              title: "Programming Languages",              description: "Expertise in C++, Java, Python, and R for developing scalable applications, solving complex algorithmic problems, and data analysis tasks.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=2",              imageAlt: "Programming languages"
+            },
+            {
+              id: 2,
+              title: "Web Development",              description: "Full-stack web development skills using HTML, CSS, JavaScript. Building responsive and interactive user interfaces with modern web standards and best practices.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg?_wi=2",              imageAlt: "Web development skills"
+            },
+            {
+              id: 3,
+              title: "Database & Tools",              description: "Proficient with MySQL for database management, Git and GitHub for version control, and Tableau for data visualization and business intelligence.",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-app-template_23-2149579020.jpg?_wi=2",              imageAlt: "Database and tools"
+            }
+          ]}
+          title="Technical Expertise"
+          description="Core competencies and professional skill set"
+          tag="Skills"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="blur-reveal"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "View Portfolio", href: "#projects" }
           ]}
         />
       </div>
@@ -127,18 +129,15 @@ export default function LandingPage() {
         <BlogCardThree
           blogs={[
             {
-              id: "1",              category: "Web Design",              title: "Transforming E-Commerce Experience",              excerpt: "How strategic UX redesign increased conversion rates by 45% and reduced cart abandonment.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=3",              imageAlt: "E-commerce redesign",              authorName: "You",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Jan 2025"
+              id: "1",              category: "Data Analysis",              title: "Covid-19 Analysis and Visualization",              excerpt: "Comprehensive analysis and visualization of COVID-19 data trends, impact assessment, and statistical insights using data science tools and techniques.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=3",              imageAlt: "Covid-19 analysis project",              authorName: "Garvit Pandia",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "2024"
             },
             {
-              id: "2",              category: "Brand Design",              title: "Building a Modern Brand Identity",              excerpt: "Complete rebranding for a fintech startup, including visual identity, messaging, and digital presence.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg?_wi=3",              imageAlt: "Brand identity project",              authorName: "You",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Dec 2024"
-            },
-            {
-              id: "3",              category: "App Design",              title: "Designing Intuitive Mobile Experiences",              excerpt: "User research-driven approach to designing a productivity app that became Top 10 in category.",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-app-template_23-2149579020.jpg?_wi=3",              imageAlt: "Mobile app design",              authorName: "You",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Nov 2024"
+              id: "2",              category: "Business Intelligence",              title: "Pharmacy Sales Dashboard",              excerpt: "Interactive dashboard for pharmacy sales data visualization and analysis using Tableau. Tracks sales trends, inventory, and performance metrics for business decision-making.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg?_wi=3",              imageAlt: "Pharmacy sales dashboard",              authorName: "Garvit Pandia",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "2024"
             }
           ]}
-          title="Recent Work"
-          description="Detailed case studies showcasing methodology, challenges, and results"
-          tag="Case Studies"
+          title="Featured Projects"
+          description="Innovative solutions and data-driven applications showcasing technical expertise"
+          tag="Portfolio"
           tagAnimation="opacity"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -146,35 +145,35 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="achievements" data-section="achievements">
         <TestimonialCardSixteen
           testimonials={[
             {
-              id: "1",              name: "Sarah Mitchell",              role: "CEO",              company: "TechVenture Inc",              rating: 5,
+              id: "1",              name: "HackerRank",              role: "4-Star Rating",              company: "Java Programming",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
             },
             {
-              id: "2",              name: "James Chen",              role: "Product Director",              company: "InnovateLab",              rating: 5,
+              id: "2",              name: "HackerRank",              role: "3-Star Rating",              company: "SQL Programming",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"
             },
             {
-              id: "3",              name: "Emma Rodriguez",              role: "Marketing Lead",              company: "GrowthCo",              rating: 5,
+              id: "3",              name: "NPTEL",              role: "Certified",              company: "Online Learning Platform",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
             },
             {
-              id: "4",              name: "David Park",              role: "Founder",              company: "StartupXYZ",              rating: 5,
+              id: "4",              name: "Coursera & Udemy",              role: "Multiple Certifications",              company: "Professional Development",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
             }
           ]}
           kpiItems={[
-            { value: "50+", label: "Projects Delivered" },
-            { value: "98%", label: "Client Satisfaction" },
-            { value: "8 years", label: "Industry Experience" }
+            { value: "2+", label: "Years Experience" },
+            { value: "5+", label: "Projects Completed" },
+            { value: "8+", label: "Certifications" }
           ]}
           animationType="blur-reveal"
-          title="Trusted by Industry Leaders"
-          description="See what clients say about working together and the impact created"
-          tag="Testimonials"
+          title="Certifications & Achievements"
+          description="Recognition of technical proficiency and continuous learning dedication"
+          tag="Achievements"
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -185,24 +184,24 @@ export default function LandingPage() {
         <MetricCardSeven
           metrics={[
             {
-              id: "1",              value: "45%",              title: "Average Conversion Rate Increase",              items: [
-                "E-commerce projects optimized",                "User engagement improvements"
+              id: "1",              value: "C++, Java, Python",              title: "Primary Languages",              items: [
+                "Data Structures & Algorithms",                "Object-Oriented Programming"
               ]
             },
             {
-              id: "2",              value: "3.2x",              title: "Average ROI for Clients",              items: [
-                "Design-led transformation",                "Business growth acceleration"
+              id: "2",              value: "Full Stack",              title: "Web Development",              items: [
+                "Frontend: HTML, CSS, JavaScript",                "Backend: Database Design & SQL"
               ]
             },
             {
-              id: "3",              value: "12+",              title: "Award-Winning Projects",              items: [
-                "Industry recognition",                "Design excellence"
+              id: "3",              value: "Data Analysis",              title: "Specialized Skills",              items: [
+                "Tableau Visualization",                "Statistical Analysis"
               ]
             }
           ]}
-          title="Impact & Results"
-          description="Measurable outcomes from strategic design and development work"
-          tag="Performance Metrics"
+          title="Core Competencies"
+          description="Key technical skills and areas of expertise"
+          tag="Capabilities"
           tagAnimation="opacity"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -212,21 +211,21 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Get Started"
-          title="Ready to Bring Your Vision to Life?"
-          description="Let's discuss how I can help create digital experiences that drive real results for your business."
+          tag="Get in Touch"
+          title="Let's Connect & Collaborate"
+          description="Reach out for opportunities, collaborations, or just to say hello. I'm always interested in connecting with fellow developers and exploring new projects."
           tagIcon={Zap}
           background={{ variant: "plain" }}
           useInvertedBackground={true}
           inputPlaceholder="your@email.com"
-          buttonText="Start Conversation"
-          termsText="We respect your privacy. Your information is secure and we'll only reach out about your project."
+          buttonText="Send Message"
+          termsText="Contact: garvit9829@gmail.com | Phone: +91-8905402023 | LinkedIn | GitHub"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterLogoReveal
-          logoText="Portfolio"
+          logoText="Garvit Pandia"
           leftLink={{ text: "Privacy Policy", href: "#" }}
           rightLink={{ text: "Terms of Service", href: "#" }}
         />