5 Commits

Author SHA1 Message Date
c5dffa3d95 Update src/app/page.tsx 2026-03-03 14:36:18 +00:00
e55a6d9b93 Update src/app/layout.tsx 2026-03-03 14:36:17 +00:00
b74ede893d Merge version_1 into main
Merge version_1 into main
2026-03-03 14:19:18 +00:00
cd58ff57df Merge version_1 into main
Merge version_1 into main
2026-03-03 14:17:47 +00:00
fbf2e0a627 Merge version_1 into main
Merge version_1 into main
2026-03-03 14:15:32 +00:00
2 changed files with 93 additions and 105 deletions

View File

@@ -1,50 +1,39 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Manrope } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Creative Portfolio | UI/UX Design & Development", description: "Explore stunning digital projects and discover how strategic design drives business growth. High-quality portfolio showcasing design excellence.", keywords: "portfolio, ui design, ux design, web development, branding, case studies", metadataBase: new URL("https://yourportfolio.com"), title: "Garvit Pandia - Software Developer Portfolio", description: "Garvit Pandia's professional portfolio showcasing skills in C++, Java, Python, Web Development, and Data Analysis. Explore projects, certifications, and achievements from Lovely Professional University.", keywords: "Garvit Pandia, portfolio, software developer, C++, Java, Python, web development, data analysis, LPU, Lovely Professional University", metadataBase: new URL("https://garvitpandia.com"),
alternates: { alternates: {
canonical: "https://yourportfolio.com"}, canonical: "https://garvitpandia.com"
},
openGraph: { openGraph: {
title: "Creative Portfolio | UI/UX Design & Development", description: "Explore stunning digital projects and discover how strategic design drives business growth.", url: "https://yourportfolio.com", siteName: "Portfolio", type: "website", images: [ title: "Garvit Pandia - Software Developer Portfolio", description: "Garvit Pandia's professional portfolio showcasing skills in C++, Java, Python, Web Development, and Data Analysis.", url: "https://garvitpandia.com", siteName: "Garvit Pandia Portfolio", type: "website", images: [
{ {
url: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108711.jpg", alt: "Portfolio showcase"}, url: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108711.jpg", alt: "Portfolio showcase"
], }
]
}, },
twitter: { twitter: {
card: "summary_large_image", title: "Creative Portfolio | UI/UX Design & Development", description: "Explore stunning digital projects and discover how strategic design drives business growth.", images: ["http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108711.jpg"], card: "summary_large_image", title: "Garvit Pandia - Software Developer Portfolio", description: "Garvit Pandia's professional portfolio showcasing skills in C++, Java, Python, Web Development, and Data Analysis.", images: ["http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108711.jpg"]
}, }
}; };
export default function RootLayout({ export default function RootLayout({
children, children
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${inter.variable} antialiased`}>
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}

View File

@@ -3,14 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia'; import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven'; import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import BlogCardThree from '@/components/sections/blog/BlogCardThree'; import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; 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() { export default function LandingPage() {
return ( return (
@@ -28,11 +27,12 @@ export default function LandingPage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Portfolio" brandName="Garvit Pandia"
navItems={[ navItems={[
{ name: "Work", id: "featured-projects" }, { name: "About", id: "about" },
{ name: "Services", id: "services" }, { name: "Skills", id: "skills" },
{ name: "Testimonials", id: "testimonials" }, { name: "Projects", id: "projects" },
{ name: "Achievements", id: "achievements" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ text: "Get in Touch", href: "#contact" }} button={{ text: "Get in Touch", href: "#contact" }}
@@ -42,83 +42,85 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
title="Crafting Digital Experiences That Convert" title="Software Developer & Tech Enthusiast"
description="I design and build beautiful, high-performance digital products that help brands stand out and drive meaningful results." 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="Creative Director" tag="Computer Science Student"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "plain" }}
mediaItems={[ 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" mediaAnimation="blur-reveal"
rating={5} rating={5}
ratingText="Trusted by leading brands" ratingText="Driven by innovation and continuous learning"
buttons={[ buttons={[
{ text: "View My Work", href: "#featured-projects" }, { text: "View My Work", href: "#projects" },
{ text: "Let's Talk", href: "#contact" } { text: "Let's Connect", href: "#contact" }
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
/> />
</div> </div>
<div id="featured-projects" data-section="featured-projects"> <div id="about" data-section="about">
<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">
<FeatureCardSeven <FeatureCardSeven
features={[ features={[
{ {
id: 1, 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, 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, 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" title="About Me"
description="Comprehensive design and development solutions tailored to your business goals" description="A dedicated developer with a passion for technology and continuous learning"
tag="What I Offer" tag="Background"
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
animationType="blur-reveal" animationType="blur-reveal"
useInvertedBackground={true} useInvertedBackground={true}
buttons={[ 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> </div>
@@ -127,18 +129,15 @@ export default function LandingPage() {
<BlogCardThree <BlogCardThree
blogs={[ 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: "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"
},
{
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"
} }
]} ]}
title="Recent Work" title="Featured Projects"
description="Detailed case studies showcasing methodology, challenges, and results" description="Innovative solutions and data-driven applications showcasing technical expertise"
tag="Case Studies" tag="Portfolio"
tagAnimation="opacity" tagAnimation="opacity"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -146,35 +145,35 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="achievements" data-section="achievements">
<TestimonialCardSixteen <TestimonialCardSixteen
testimonials={[ 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" 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" 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" 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" imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
} }
]} ]}
kpiItems={[ kpiItems={[
{ value: "50+", label: "Projects Delivered" }, { value: "2+", label: "Years Experience" },
{ value: "98%", label: "Client Satisfaction" }, { value: "5+", label: "Projects Completed" },
{ value: "8 years", label: "Industry Experience" } { value: "8+", label: "Certifications" }
]} ]}
animationType="blur-reveal" animationType="blur-reveal"
title="Trusted by Industry Leaders" title="Certifications & Achievements"
description="See what clients say about working together and the impact created" description="Recognition of technical proficiency and continuous learning dedication"
tag="Testimonials" tag="Achievements"
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
@@ -185,24 +184,24 @@ export default function LandingPage() {
<MetricCardSeven <MetricCardSeven
metrics={[ metrics={[
{ {
id: "1", value: "45%", title: "Average Conversion Rate Increase", items: [ id: "1", value: "C++, Java, Python", title: "Primary Languages", items: [
"E-commerce projects optimized", "User engagement improvements" "Data Structures & Algorithms", "Object-Oriented Programming"
] ]
}, },
{ {
id: "2", value: "3.2x", title: "Average ROI for Clients", items: [ id: "2", value: "Full Stack", title: "Web Development", items: [
"Design-led transformation", "Business growth acceleration" "Frontend: HTML, CSS, JavaScript", "Backend: Database Design & SQL"
] ]
}, },
{ {
id: "3", value: "12+", title: "Award-Winning Projects", items: [ id: "3", value: "Data Analysis", title: "Specialized Skills", items: [
"Industry recognition", "Design excellence" "Tableau Visualization", "Statistical Analysis"
] ]
} }
]} ]}
title="Impact & Results" title="Core Competencies"
description="Measurable outcomes from strategic design and development work" description="Key technical skills and areas of expertise"
tag="Performance Metrics" tag="Capabilities"
tagAnimation="opacity" tagAnimation="opacity"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -212,21 +211,21 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
tag="Get Started" tag="Get in Touch"
title="Ready to Bring Your Vision to Life?" title="Let's Connect & Collaborate"
description="Let's discuss how I can help create digital experiences that drive real results for your business." 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} tagIcon={Zap}
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={true} useInvertedBackground={true}
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"
buttonText="Start Conversation" buttonText="Send Message"
termsText="We respect your privacy. Your information is secure and we'll only reach out about your project." termsText="Contact: garvit9829@gmail.com | Phone: +91-8905402023 | LinkedIn | GitHub"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Portfolio" logoText="Garvit Pandia"
leftLink={{ text: "Privacy Policy", href: "#" }} leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }} rightLink={{ text: "Terms of Service", href: "#" }}
/> />