From 04b9d7bbec1a7ee89afef45e958c398ad128e50d Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 16:44:20 +0000 Subject: [PATCH 1/8] Update src/app/achievements/page.tsx --- src/app/achievements/page.tsx | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/app/achievements/page.tsx b/src/app/achievements/page.tsx index d6aad66..0420182 100644 --- a/src/app/achievements/page.tsx +++ b/src/app/achievements/page.tsx @@ -87,7 +87,7 @@ export default function AchievementsPage() { quote: "I tracked all my projects and achievements in Trackfolio. When it came time to interview, I had everything organized and ready to showcase. Got the job!", name: "Jessica Thompson", role: "Computer Science Student", - imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=4", imageAlt: "student woman professional portrait", }, { @@ -96,7 +96,7 @@ export default function AchievementsPage() { quote: "My achievements section became my portfolio. Potential clients loved seeing my organized work history and skill progression. Trackfolio made it all possible.", name: "David Park", role: "Junior Developer", - imageSrc: "http://img.b2bpic.net/free-photo/business-man-by-skyscraper_1303-13654.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/business-man-by-skyscraper_1303-13654.jpg?_wi=4", imageAlt: "junior developer man portrait", }, { @@ -105,7 +105,7 @@ export default function AchievementsPage() { quote: "Trackfolio's achievement hub let me upload and organize all my certificates in one place. So much easier to track my professional development.", name: "Priya Kapoor", role: "UI/UX Designer", - imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg?_wi=4", imageAlt: "designer woman professional portrait", }, { @@ -114,7 +114,7 @@ export default function AchievementsPage() { quote: "I won a hackathon and documented it in Trackfolio. Having all my achievements in one professional dashboard really impressed employers.", name: "Michael Chen", role: "Full Stack Developer", - imageSrc: "http://img.b2bpic.net/free-photo/young-it-engineer_1098-18393.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/young-it-engineer_1098-18393.jpg?_wi=3", imageAlt: "developer man professional portrait", }, { @@ -123,7 +123,7 @@ export default function AchievementsPage() { quote: "Trackfolio's achievements feature helped me visualize my career growth. I could see how far I'd come, which motivated me to achieve even more.", name: "Aisha Patel", role: "Product Manager", - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg?_wi=3", imageAlt: "product manager woman professional", }, { @@ -132,7 +132,7 @@ export default function AchievementsPage() { quote: "My well-documented achievements in Trackfolio made me stand out from other candidates. The organized showcase was the deciding factor.", name: "James Wilson", role: "Data Analyst", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-listening-music_23-2147839945.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-listening-music_23-2147839945.jpg?_wi=3", imageAlt: "data analyst man professional", }, ]} @@ -214,42 +214,42 @@ export default function AchievementsPage() { title: "Certificate Upload", description: "Upload and organize your professional certificates, licenses, and credentials with easy categorization.", buttonIcon: Share2, - imageSrc: "http://img.b2bpic.net/free-vector/set-flat-vintage-badges-ribbons_23-2147549154.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/set-flat-vintage-badges-ribbons_23-2147549154.jpg?_wi=4", imageAlt: "achievement badges awards showcase", }, { title: "Award Showcase", description: "Display your awards, recognitions, and honors in an impressive gallery format.", buttonIcon: Award, - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-gradient-template_23-2148376261.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-gradient-template_23-2148376261.jpg?_wi=4", imageAlt: "dashboard overview analytics statistics", }, { title: "Milestone Tracking", description: "Record important milestones in your career journey and watch your growth unfold.", buttonIcon: TrendingUp, - imageSrc: "http://img.b2bpic.net/free-vector/collection-gradient-infographic-elements_23-2148215458.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/collection-gradient-infographic-elements_23-2148215458.jpg?_wi=4", imageAlt: "skill progression bar chart graph", }, { title: "Achievement Dates", description: "Automatically record achievement dates and create a timeline of your success.", buttonIcon: Target, - imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-application-set-business-startup_81522-4048.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-application-set-business-startup_81522-4048.jpg?_wi=4", imageAlt: "goal tracking checklist interface", }, { title: "Achievement Sharing", description: "Share specific achievements on social media or send them to potential employers.", buttonIcon: Share2, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg?_wi=5", imageAlt: "document export download interface", }, { title: "Achievement Export", description: "Include achievements in your exported portfolio document or web profile.", buttonIcon: Eye, - imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-business-card-desk-high-angle_23-2149343436.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-business-card-desk-high-angle_23-2149343436.jpg?_wi=4", imageAlt: "drag drop interface cards reordering", }, ]} From 35f92fbb75a54839f6228e13d8ecda9d345b2080 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 16:44:21 +0000 Subject: [PATCH 2/8] Update src/app/dashboard/page.tsx --- src/app/dashboard/page.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index ededf8f..2e88391 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -90,7 +90,7 @@ export default function DashboardPage() { { text: "View Tutorial", href: "#" } ]} buttonAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-vector/user-panel-infographic-template-dashboard_23-2148378205.jpg" + imageSrc="http://img.b2bpic.net/free-vector/user-panel-infographic-template-dashboard_23-2148378205.jpg?_wi=2" imageAlt="Dashboard Preview" mediaAnimation="slide-up" background={{ variant: "grid" }} @@ -100,7 +100,7 @@ export default function DashboardPage() { handle: "@trackfolio", testimonial: "Get started in seconds. Add your first project and begin tracking your progress immediately.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg?_wi=2", imageAlt: "Quick Start" }, { @@ -108,7 +108,7 @@ export default function DashboardPage() { handle: "@trackfolio", testimonial: "Organize all your work in one place with intuitive categories and drag-and-drop interface.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-portrait_23-2148105678.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-portrait_23-2148105678.jpg?_wi=2", imageAlt: "Easy Organization" }, { @@ -116,7 +116,7 @@ export default function DashboardPage() { handle: "@trackfolio", testimonial: "See your portfolio grow in real-time as you add projects, skills, and achievements.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66761.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66761.jpg?_wi=2", imageAlt: "Real-time Updates" } ]} @@ -182,7 +182,7 @@ export default function DashboardPage() { { text: "Share Link", href: "#" } ]} buttonAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg" + imageSrc="http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg?_wi=2" imageAlt="Portfolio Export" mediaAnimation="slide-up" background={{ variant: "grid" }} @@ -192,7 +192,7 @@ export default function DashboardPage() { handle: "@trackfolio", testimonial: "Export your portfolio as a beautifully formatted PDF perfect for job applications.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=2", imageAlt: "Professional Export" }, { @@ -200,7 +200,7 @@ export default function DashboardPage() { handle: "@trackfolio", testimonial: "Create unique shareable links to showcase your portfolio to recruiters and clients.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-man-by-skyscraper_1303-13654.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/business-man-by-skyscraper_1303-13654.jpg?_wi=2", imageAlt: "Shareable Links" }, { @@ -208,7 +208,7 @@ export default function DashboardPage() { handle: "@trackfolio", testimonial: "Your shared portfolio updates automatically as you add new projects and achievements.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg?_wi=2", imageAlt: "Live Updates" } ]} From d9111a2ff0bfdc2ac40df514b669eb035336c276 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 16:44:21 +0000 Subject: [PATCH 3/8] Update src/app/goals/page.tsx --- src/app/goals/page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/goals/page.tsx b/src/app/goals/page.tsx index c7e14b4..0193e1a 100644 --- a/src/app/goals/page.tsx +++ b/src/app/goals/page.tsx @@ -88,42 +88,42 @@ export default function GoalsPage() { title: "Goal Setting", description: "Create both short-term and long-term goals with custom deadlines and priority levels.", buttonIcon: Target, - imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-application-set-business-startup_81522-4048.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-application-set-business-startup_81522-4048.jpg?_wi=3", imageAlt: "goal tracking checklist interface", }, { title: "Progress Tracking", description: "Monitor your progress with visual indicators, percentage completion, and milestone checkpoints.", buttonIcon: TrendingUp, - imageSrc: "http://img.b2bpic.net/free-vector/collection-gradient-infographic-elements_23-2148215458.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/collection-gradient-infographic-elements_23-2148215458.jpg?_wi=3", imageAlt: "skill progression bar chart graph", }, { title: "Goal Categories", description: "Organize goals by category such as learning, career, personal development, and skills.", buttonIcon: Eye, - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-gradient-template_23-2148376261.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-gradient-template_23-2148376261.jpg?_wi=3", imageAlt: "dashboard overview analytics statistics", }, { title: "Deadline Alerts", description: "Receive timely reminders for upcoming deadlines and milestones to stay on track.", buttonIcon: Award, - imageSrc: "http://img.b2bpic.net/free-vector/set-flat-vintage-badges-ribbons_23-2147549154.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/set-flat-vintage-badges-ribbons_23-2147549154.jpg?_wi=3", imageAlt: "achievement badges awards showcase", }, { title: "Goal Analytics", description: "Analyze your goal completion rate and identify patterns in your achievement history.", buttonIcon: Share2, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg?_wi=4", imageAlt: "document export download interface", }, { title: "Collaborative Goals", description: "Share goals with team members and collaborate on group objectives for projects.", buttonIcon: Move, - imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-business-card-desk-high-angle_23-2149343436.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-business-card-desk-high-angle_23-2149343436.jpg?_wi=3", imageAlt: "drag drop interface cards reordering", }, ]} From f0ff29417db4f625873eb0bc8afa1521d8ada724 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 16:44:22 +0000 Subject: [PATCH 4/8] Update src/app/layout.tsx --- src/app/layout.tsx | 53 ++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 44 insertions(+), 9 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6cbe480..df4f700 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,28 +1,61 @@ import type { Metadata } from "next"; import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; +import { Open_Sans } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; import { getVisualEditScript } from "@/utils/visual-edit-script"; -import { Open_Sans } from "next/font/google"; - - -export const metadata: Metadata = { - title: "Webild components 2", - description: "Generated by create next app", -}; +const halant = Halant({ + variable: "--font-halant", + subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], +}); const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); + const openSans = Open_Sans({ variable: "--font-open-sans", subsets: ["latin"], }); +export const metadata: Metadata = { + title: "Trackfolio - Portfolio Tracker for Students & Beginners", + description: "Track and manage your personal portfolio effortlessly. Organize projects, skills, goals, and achievements in one beautiful dashboard. Dark mode design, fully responsive.", + keywords: "portfolio tracker, project management, skills tracker, portfolio builder, student portfolio, achievement tracker", + metadataBase: new URL("https://trackfolio.io"), + alternates: { + canonical: "https://trackfolio.io", + }, + openGraph: { + title: "Trackfolio - Track Your Portfolio Like Never Before", + description: "The modern portfolio management tool for students and beginners. Organize projects, track skills, and showcase achievements.", + url: "https://trackfolio.io", + siteName: "Trackfolio", + images: [ + { + url: "http://img.b2bpic.net/free-vector/user-panel-infographic-template-dashboard_23-2148378205.jpg", + alt: "Trackfolio Dashboard", + }, + ], + type: "website", + }, + twitter: { + card: "summary_large_image", + title: "Trackfolio - Portfolio Tracker", + description: "Track and manage your personal portfolio with Trackfolio. Clean dark mode interface, easy organization, and beautiful showcase.", + images: ["http://img.b2bpic.net/free-vector/user-panel-infographic-template-dashboard_23-2148378205.jpg"], + }, + robots: { + index: true, + follow: true, + }, +}; + export default function RootLayout({ children, }: Readonly<{ @@ -31,7 +64,9 @@ export default function RootLayout({ return ( - + {children}