Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7bc9f4af9e | |||
| 7b88b57035 | |||
| cc0dd73066 | |||
| 7eaf52eda5 | |||
| c5dffa3d95 | |||
| e55a6d9b93 | |||
| b74ede893d | |||
| cd58ff57df | |||
| fbf2e0a627 |
@@ -1,50 +1,39 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
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: {
|
||||
canonical: "https://yourportfolio.com"},
|
||||
canonical: "https://garvitpandia.com"
|
||||
},
|
||||
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: {
|
||||
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({
|
||||
children,
|
||||
children
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -1418,4 +1407,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
167
src/app/page.tsx
167
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: "Explore My Projects", 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,25 +211,25 @@ 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: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user