-
-
-
+
+
+
+
);
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8a93f2b..381a43c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,42 +7,27 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
- variable: "--font-halant",
- subsets: ["latin"],
+ variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
- variable: "--font-inter",
- subsets: ["latin"],
+ variable: "--font-inter", subsets: ["latin"],
});
const archivo = Archivo({
- variable: "--font-archivo",
- subsets: ["latin"],
+ variable: "--font-archivo", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "TrakApply - Job Application Tracker for Students",
- description: "Track job applications, manage follow-ups, and land your next opportunity. Free job application tracker for students and recent graduates.",
- keywords: "job application tracker, job search, application management, resume tracker, interview tracker",
- openGraph: {
- title: "TrakApply - Job Application Tracker",
- description: "Stop managing job applications in spreadsheets. Track, organize, and succeed with TrakApply.",
- siteName: "TrakApply",
- type: "website",
- images: [
+ title: "TrakApply - Job Application Tracker for Students", description: "Track job applications, manage follow-ups, and land your next opportunity. Free job application tracker for students and recent graduates.", keywords: "job application tracker, job search, application management, resume tracker, interview tracker", openGraph: {
+ title: "TrakApply - Job Application Tracker", description: "Stop managing job applications in spreadsheets. Track, organize, and succeed with TrakApply.", siteName: "TrakApply", type: "website", images: [
{
- url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa4DjH4nqtvm1RVk8EeBf92VBo/a-modern-job-application-tracking-dashbo-1772817322817-dd6e3967.png",
- alt: "TrakApply Dashboard",
- },
+ url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa4DjH4nqtvm1RVk8EeBf92VBo/a-modern-job-application-tracking-dashbo-1772817322817-dd6e3967.png", alt: "TrakApply Dashboard"},
],
},
twitter: {
- card: "summary_large_image",
- title: "TrakApply - Job Application Tracker",
- description: "Track and manage your job search in one place.",
- images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa4DjH4nqtvm1RVk8EeBf92VBo/a-modern-job-application-tracking-dashbo-1772817322817-dd6e3967.png"],
+ card: "summary_large_image", title: "TrakApply - Job Application Tracker", description: "Track and manage your job search in one place.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa4DjH4nqtvm1RVk8EeBf92VBo/a-modern-job-application-tracking-dashbo-1772817322817-dd6e3967.png"],
},
};
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 14993af..b2eb3da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,6 +18,7 @@ export default function HomePage() {
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" },
+ { name: "Follow-ups", id: "follow-ups" },
{ name: "Contact", id: "contact" },
];
@@ -88,7 +89,7 @@ export default function HomePage() {
+
+
-
+
+ Kanban Board
++ Visualize your entire application pipeline with our enhanced Kanban board. Drag and drop applications between columns to update their status in real-time. Color-coded cards help you quickly identify priority applications and follow-up deadlines. +
+-
+
- + ✓ + Drag-and-drop status updates + +
- + ✓ + Customizable pipeline columns + +
- + ✓ + Color-coded priority levels + +
- + ✓ + Quick-view application details + +
+ 
+
+
+
-
+
+
+
+
+ 
+
+
+
+
+ AI Cover Letter Generator
++ Generate personalized cover letters powered by AI. TrakApply analyzes job descriptions and your profile to create compelling, customized cover letters in seconds. Save time while making stronger applications. +
+-
+
- + ✓ + AI-powered personalization + +
- + ✓ + One-click generation + +
- + ✓ + Edit and customize + +
- + ✓ + Cover letter history + +
+
+
+
+ Interview Prep Features
++ Prepare for your interviews with built-in interview prep tools. Practice common questions, get AI feedback, and build confidence before your big day. Track interview progress and learnings from each round. +
+-
+
- + ✓ + Mock interview practice + +
- + ✓ + AI feedback on answers + +
- + ✓ + Company-specific prep + +
- + ✓ + Interview notes and insights + +
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Advanced Follow-Up Management +
++ Our intelligent follow-up system ensures you never miss an opportunity. Schedule reminders, automate your follow-up workflow, and track all your outreach in one place. +
+ + Learn More + +
+ {[
+ {
+ title: "What follow-up scheduling options are available?", content:
+ "You can schedule one-time reminders on specific dates, set recurring follow-ups at custom intervals, or use our smart scheduling to automatically suggest optimal follow-up times based on company response patterns. Pro users get access to all scheduling options."},
+ {
+ title: "How do I know when to follow up?", content:
+ "TrakApply recommends follow-up timing based on your application date and company typical response times. You can manually set follow-up dates or let our intelligent system suggest them. Overdue reminders ensure you never forget to reach out."},
+ {
+ title: "Can I track follow-up history for each application?", content:
+ "Yes! Every follow-up reminder, email, or message you log is tracked in the application history. You can see your complete outreach timeline, previous messages, and company responses all in one place for easy reference."},
+ ].map((faq, idx) => (
+
+
+
+ ))}
+ + {faq.title} + + ▼ + +
+{faq.content}
+
@@ -427,20 +364,14 @@ export default function HomePage() {
{[
{
- title: "What's your typical response time?",
- content:
- "Free plan users can expect responses within 24-48 hours. Pro plan users get priority support with response times typically within 2-4 hours during business hours.",
- },
+ title: "What's your typical response time?", content:
+ "Free plan users can expect responses within 24-48 hours. Pro plan users get priority support with response times typically within 2-4 hours during business hours."},
{
- title: "Do you offer onboarding assistance?",
- content:
- "Yes! We offer guided onboarding tours, video tutorials, and email templates to help you get started. Pro plan users also get access to our weekly office hours for personalized advice.",
- },
+ title: "Do you offer onboarding assistance?", content:
+ "Yes! We offer guided onboarding tours, video tutorials, and email templates to help you get started. Pro plan users also get access to our weekly office hours for personalized advice on follow-up strategies."},
{
- title: "Can I request new features?",
- content:
- "Absolutely! We love hearing from students about features they'd find useful. Visit our Feature Request page to suggest new features and vote on community requests.",
- },
+ title: "Can I request new features?", content:
+ "Absolutely! We love hearing from students about features they'd find useful. Visit our Feature Request page to suggest new features and vote on community requests."},
].map((faq, idx) => (
({});
+ const [loading, setLoading] = useState(false);
+
+ const validateEmail = (value: string) => {
+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ return emailRegex.test(value);
+ };
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ const newErrors: { email?: string; password?: string } = {};
+
+ if (!email.trim()) {
+ newErrors.email = "Email is required";
+ } else if (!validateEmail(email)) {
+ newErrors.email = "Please enter a valid email";
+ }
+
+ if (!password.trim()) {
+ newErrors.password = "Password is required";
+ } else if (password.length < 6) {
+ newErrors.password = "Password must be at least 6 characters";
+ }
+
+ setErrors(newErrors);
+
+ if (Object.keys(newErrors).length === 0) {
+ setLoading(true);
+ setTimeout(() => {
+ setLoading(false);
+ console.log("Sign in submitted", { email, password });
+ }, 1500);
+ }
+ };
+
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
new file mode 100644
index 0000000..e9db9a4
--- /dev/null
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,382 @@
+"use client";
+
+import Link from "next/link";
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Mail, Github, Linkedin, Eye, EyeOff, Check } from "lucide-react";
+
+export default function SignUpPage() {
+ const navItems = [
+ { name: "Dashboard", id: "dashboard" },
+ { name: "Features", id: "features" },
+ { name: "Pricing", id: "pricing" },
+ { name: "FAQ", id: "faq" },
+ { name: "Contact", id: "contact" },
+ { name: "Sign In", id: "/signin" },
+ { name: "Sign Up", id: "/signup" },
+ ];
+
+ const footerColumns = [
+ {
+ items: [
+ { label: "Dashboard", href: "/dashboard" },
+ { label: "Applications", href: "/applications" },
+ { label: "Interview Prep", href: "/interview-prep" },
+ { label: "Settings", href: "/settings" },
+ ],
+ },
+ {
+ items: [
+ { label: "Pricing", href: "/pricing" },
+ { label: "Features", href: "#features" },
+ { label: "FAQ", href: "#faq" },
+ { label: "Blog", href: "/blog" },
+ ],
+ },
+ {
+ items: [
+ { label: "About Us", href: "/about" },
+ { label: "Contact", href: "/contact" },
+ { label: "Support", href: "/support" },
+ { label: "Status", href: "https://status.trakapply.com" },
+ ],
+ },
+ {
+ items: [
+ { label: "Privacy Policy", href: "/privacy" },
+ { label: "Terms of Service", href: "/terms" },
+ { label: "Cookie Policy", href: "/cookies" },
+ { label: "Accessibility", href: "/accessibility" },
+ ],
+ },
+ {
+ items: [
+ { label: "Twitter", href: "https://twitter.com/trakapply" },
+ { label: "LinkedIn", href: "https://linkedin.com/company/trakapply" },
+ { label: "Instagram", href: "https://instagram.com/trakapply" },
+ { label: "Discord", href: "https://discord.gg/trakapply" },
+ ],
+ },
+ ];
+
+ const [showPassword, setShowPassword] = useState(false);
+ const [name, setName] = useState("");
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [acceptTerms, setAcceptTerms] = useState(false);
+ const [errors, setErrors] = useState<{
+ name?: string;
+ email?: string;
+ password?: string;
+ terms?: string;
+ }>({});
+ const [loading, setLoading] = useState(false);
+
+ const validateEmail = (value: string) => {
+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ return emailRegex.test(value);
+ };
+
+ const validatePassword = (value: string) => {
+ return (
+ value.length >= 8 &&
+ /[A-Z]/.test(value) &&
+ /[a-z]/.test(value) &&
+ /[0-9]/.test(value)
+ );
+ };
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ const newErrors: {
+ name?: string;
+ email?: string;
+ password?: string;
+ terms?: string;
+ } = {};
+
+ if (!name.trim()) {
+ newErrors.name = "Name is required";
+ } else if (name.trim().length < 2) {
+ newErrors.name = "Name must be at least 2 characters";
+ }
+
+ if (!email.trim()) {
+ newErrors.email = "Email is required";
+ } else if (!validateEmail(email)) {
+ newErrors.email = "Please enter a valid email";
+ }
+
+ if (!password.trim()) {
+ newErrors.password = "Password is required";
+ } else if (!validatePassword(password)) {
+ newErrors.password =
+ "Password must be 8+ characters with uppercase, lowercase, and numbers";
+ }
+
+ if (!acceptTerms) {
+ newErrors.terms = "You must accept the terms and conditions";
+ }
+
+ setErrors(newErrors);
+
+ if (Object.keys(newErrors).length === 0) {
+ setLoading(true);
+ setTimeout(() => {
+ setLoading(false);
+ console.log("Sign up submitted", { name, email, password, acceptTerms });
+ }, 1500);
+ }
+ };
+
+ const passwordStrength = {
+ length: password.length >= 8,
+ uppercase: /[A-Z]/.test(password),
+ lowercase: /[a-z]/.test(password),
+ numbers: /[0-9]/.test(password),
+ };
+
+ return (
+
+
+
+
+ );
+}
+
+
+
+
+
+
+
+
+
+
+ + Sign In +
++ Access your TrakApply dashboard +
+ + {/* OAuth Options */} +
+
+
+
+
+
+ {/* Divider */}
+
+
+
+ {/* Email/Password Form */}
+
+
+ {/* Sign Up Link */}
+
+
+
+
+ Or continue with email
+
+ + Don't have an account?{" "} + + Create one + +
+
+
+
+
+
+
+
+
+
+
+
+ + Create Account +
++ Join thousands of students tracking their job search +
+ + {/* OAuth Options */} +
+
+
+
+
+
+ {/* Divider */}
+
+
+
+ {/* Email/Password Form */}
+
+
+ {/* Sign In Link */}
+
+
+
+
+ Or sign up with email
+
+ + Already have an account?{" "} + + Sign in + +
+