Merge branch 'main' into feat/questions-carousel-component

Author: Logannford

src/app/(marketing)/blog/posts/introducing-techblitz.mdx

@@ -54,7 +54,7 @@ For those with a competitive spirit, our global leaderboard system lets you meas
 </div>
 
 <div className="mt-4">
-Explore our daily challenge system in detail <a href="/features/daily-challenges" className="text-accent">here</a>, or <a href="/signup" className="text-accent">begin your journey today</a>.
+Explore our daily challenge system in detail <a href="/features/daily-challenges" aria-label="Navigate to Daily Challenges" className="text-accent">here</a>, or <a href="/signup" aria-label="Navigate to Signup" className="text-accent">begin your journey today</a>.
 </div>
 
 <br />

src/app/(marketing)/daily-challenge/layout.tsx

@@ -1,23 +1,3 @@
-import { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: 'Daily Challenge | JavaScript Questions | techblitz',
-  description: 'Daily coding challenge to improve your coding skills.',
-  keywords: [
-    'coding',
-    'learn to code',
-    'programming',
-    'daily challenge',
-    'coding challenge',
-    'web development',
-    'tech skills assessment'
-  ],
-  robots: {
-    index: true,
-    follow: true
-  }
-};
-
 export default function Layout({ children }: { children: React.ReactNode }) {
   return <div className="flex flex-col h-full">{children}</div>;
 }

src/app/(marketing)/daily-challenge/page.tsx

@@ -12,12 +12,23 @@ import ResizableLayout from '@/components/ui/resizable-layout';
 
 export const metadata = createMetadata({
   title: 'Daily Challenge | TechBlitz',
-  description: 'Daily coding challenge to level up your skills.',
+  description:
+    'Daily coding challenge to improve your coding skills. Learn to code for free, with our short-form, interactive coding challenges.',
+  keywords: [
+    'coding',
+    'learn to code for free',
+    'learn javascript',
+    'coding challenges',
+    'daily coding challenges',
+    'web development',
+    'tech skills assessment',
+  ],
   image: {
     text: `Daily Challenge ${new Date().toLocaleDateString()} | TechBlitz`,
     bgColor: '#000',
     textColor: '#fff',
   },
+  canonicalUrl: '/daily-challenge',
 });
 
 export default async function MarketingQuestionPage() {

src/app/(marketing)/features/daily-challenges/page.tsx

@@ -13,13 +13,23 @@ export async function generateMetadata() {
   return createMetadata({
     title: 'Daily Coding Challenges | TechBlitz',
     description:
-      'Improve your coding skills with our daily challenges. Perfect for developers who want consistent growth through bite-sized practice.',
+      'Daily coding challenges to improve your coding skills. Learn to code for free, with our short-form, interactive coding challenges.',
+    keywords: [
+      'learn to coding',
+      'learn to code for free',
+      'learn javascript',
+      'coding challenges',
+      'daily coding challenges',
+      'web development',
+      'tech skills assessment',
+      'learn to code on phone',
+    ],
     image: {
-      text: 'Daily Coding Challenges | TechBlitz',
+      text: `Daily Coding Challenges | TechBlitz`,
       bgColor: '#000',
       textColor: '#fff',
     },
-    canonicalUrl: '/features/daily-challenges',
+    canonicalUrl: 'features/daily-challenge',
   });
 }
 
@@ -63,9 +73,9 @@ const items = [
         />
       </svg>
     ),
-    title: 'Daily Growth System',
+    title: 'Daily Coding Challenges',
     description:
-      'Build unstoppable momentum with our proven daily challenge system. Join thousands of developers who’ve transformed their careers through consistent practice.',
+      'Daily coding challenges to improve your coding skills. Learn to code for free, with our short-form, interactive coding challenges from a range of topics including JavaScript, React, Node.js, web development, and more.',
   },
   {
     icon: (
@@ -99,7 +109,7 @@ const items = [
         />
       </svg>
     ),
-    title: 'Instant feedback',
+    title: 'Instant Feedback',
     description:
       'Get real-time feedback on your solutions. Learn from mistakes and improve faster.',
   },
@@ -132,7 +142,7 @@ const items = [
     icon: <MobileIcon className="size-6" />,
     title: 'Seamless Mobile Experience',
     description:
-      'Code on any device with our responsive platform. Practice during commutes or breaks with our optimized mobile interface - never miss a day of learning.',
+      'Learn to code on your phone. Practice during commutes or breaks with our optimized mobile interface - never miss a day of learning.',
   },
 ];
 
@@ -179,11 +189,11 @@ export default function FeatureDailyQuestionPage() {
       <FeatureDailyChallengeHero />
       <FeatureLeftRightSection />
 
-      <MarketingContentGrid title="Coding made easy." items={items} />
+      <MarketingContentGrid title="Learn to code, faster." items={items} />
       <FAQsBlock faqs={faqs} />
       <CallToActionBlock
         title="The fastest way to master coding."
-        description="Daily challenges designed to make you a better developer, faster."
+        description="Daily coding challenges designed to make you a better developer, faster."
       />
     </div>
   );

src/app/(marketing)/features/roadmap/page.tsx

@@ -4,7 +4,13 @@ import FeatureRoadmapCustomizationBlock from '@/components/marketing/features/ro
 import FeatureRoadmapThreeGridBlock from '@/components/marketing/features/roadmap/roadmap-three-grid';
 import CallToActionBlock from '@/components/marketing/global/call-to-action-block';
 import FAQsBlock from '@/components/marketing/global/faqs';
-import { Code, Globe, MessageSquareCode, Paintbrush, User } from 'lucide-react';
+import {
+  Code,
+  MessageSquareCode,
+  Paintbrush,
+  BookOpen,
+  Target,
+} from 'lucide-react';
 
 import MarketingContentGrid, {
   type MarketingContentGridProps,
@@ -17,7 +23,17 @@ export async function generateMetadata() {
   return createMetadata({
     title: 'Roadmap | TechBlitz',
     description:
-      'Create your own progression path with our AI powered roadmaps.',
+      'Create your own coding progression paths with our personalized roadmaps.',
+    keywords: [
+      'learn to code',
+      'personalized coding',
+      'coding roadmap',
+      'learn to code with ai',
+      'coding for beginners',
+      'programming learning path',
+      'developer career roadmap',
+      'tech skills progression',
+    ],
     image: {
       text: 'Roadmap | TechBlitz',
       bgColor: '#000',
@@ -29,11 +45,6 @@ export async function generateMetadata() {
 
 // faqs
 const faqs = [
-  {
-    question: 'When will TechBlitz launch?',
-    answer:
-      'TechBlitz is set to launch in Q1 2025! Join our waitlist today to get early access and be notified as soon as we go live.',
-  },
   {
     question: "How can I access the roadmaps on TechBlitz's platform?",
     answer: (
@@ -83,7 +94,7 @@ const faqs = [
     question: 'What will you be adding to techblitz in the future?',
     answer: (
       <>
-        We’re constantly improving TechBlitz with new features and updates.
+        We're constantly improving TechBlitz with new features and updates.
         Check out our{' '}
         <a
           href="https://github.com/users/Logannford/projects/5"
@@ -92,7 +103,7 @@ const faqs = [
         >
           roadmap
         </a>{' '}
-        to see what’s next, and share your suggestions — we’d love to hear your
+        to see what's next, and share your suggestions — we'd love to hear your
         ideas!
       </>
     ),
@@ -101,40 +112,40 @@ const faqs = [
 
 const featureShowcaseItems: MarketingContentGridProps[] = [
   {
-    icon: <User />,
-    title: 'Personalized Learning Path',
+    icon: <Target />,
+    title: 'Beginner-Friendly Learning Path',
     description:
-      'Experience adaptive learning with our roadmaps that evolve with your progress. Get a customized curriculum that matches your skill level and career goals.',
+      'Start your coding journey with confidence using our beginner-focused roadmaps. Progress from basic concepts to advanced skills at your own pace.',
   },
   {
-    icon: <Globe />,
-    title: 'Industry-Standard Problem Solving',
+    icon: <BookOpen />,
+    title: 'Free Coding Resources',
     description:
-      'Master professional software development with real enterprise challenges. Build a portfolio of solutions that top tech companies actually use.',
+      'Access a wealth of free programming tutorials, guides, and interactive lessons. Perfect for self-paced learning and skill development.',
   },
   {
     icon: <MobileIcon />,
-    title: 'Learn Anywhere with Mobile Access',
+    title: 'Learn to Code Anywhere',
     description:
-      'Never miss a learning opportunity with our responsive platform. Study during commutes, breaks, or whenever inspiration strikes - available 24/7 on all devices.',
+      'Practice coding on any device with our mobile-optimized platform. Turn your commute time into learning time with accessible programming lessons.',
   },
   {
     icon: <Paintbrush />,
-    title: 'Create Your Perfect Learning Journey',
+    title: 'Personalized Learning Experience',
     description:
-      'Take control of your education with fully customizable learning paths. Add, remove, or modify content to create the exact curriculum you need for career success.',
+      "Create custom learning paths tailored to your goals. Whether you're a complete beginner or advancing your skills, find the perfect route for your journey.",
   },
   {
     icon: <MessageSquareCode />,
-    title: 'Instant Expert Feedback System',
+    title: 'AI-Powered Assistance',
     description:
-      'Accelerate your learning with our intelligent feedback engine. Get detailed explanations and suggestions that help you understand concepts deeply and fix mistakes instantly.',
+      'Get instant help with our AI tutor. Receive personalized questions, and guidance to accelerate your programming journey.',
   },
   {
     icon: <Code />,
-    title: 'Complete Developer Evolution',
+    title: 'Practical Coding Skills',
     description:
-      'Transform from coding novice to industry expert with our comprehensive curriculum. Join thousands who’ve accelerated their tech careers through our proven learning system.',
+      'Learn real-world programming through hands-on projects and exercises. Build a strong foundation in coding with our comprehensive curriculum.',
   },
 ];
 
@@ -150,7 +161,7 @@ export default function FeatureDailyQuestionPage() {
       />
       <FAQsBlock faqs={faqs} />
       <CallToActionBlock
-        title="The smarter way to stay on top of tech."
+        title="Personalized coding for everyone."
         description="Create your own progression path with our personalized roadmaps, designed to help you grow as a developer."
         leftCta={{
           title: 'Get Started',

src/app/(marketing)/features/statistics/page.tsx

@@ -8,10 +8,20 @@ import { createMetadata } from '@/utils';
 
 export async function generateMetadata() {
   return createMetadata({
-    title: 'Statistics | TechBlitz',
+    title: 'Track your coding journey | TechBlitz',
     description: 'Track your coding journey with our statistics dashboard.',
+    keywords: [
+      'track coding progress',
+      'coding statistics',
+      'developer analytics',
+      'coding performance insights',
+      'improve coding skills',
+      'coding improvement tools',
+      'coding mastery',
+      'coding challenges dashboard',
+    ],
     image: {
-      text: 'Statistics | TechBlitz',
+      text: 'Track your coding journey | TechBlitz',
       bgColor: '#000',
       textColor: '#fff',
     },
@@ -21,15 +31,15 @@ export async function generateMetadata() {
 
 const featureShowcaseItems = [
   {
-    title: 'Build Unbreakable Coding Habits',
+    title: 'Track Your Coding Progress',
     description:
-      'Stay motivated with daily coding streaks and achievement milestones that reinforce consistent learning habits.',
+      'Monitor your daily coding activity with detailed statistics and progress tracking to build consistent learning habits.',
     icon: <Code />,
   },
   {
-    title: 'Comprehensive Skill Analytics',
+    title: 'Developer Analytics Dashboard',
     description:
-      'Monitor your mastery across programming languages, algorithms, and system design with detailed performance metrics.',
+      'Get deep insights into your coding performance with comprehensive analytics across different programming concepts and challenges.',
     icon: (
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -50,27 +60,27 @@ const featureShowcaseItems = [
     ),
   },
   {
-    title: 'Personalized Learning Insights',
+    title: 'Measure Coding Mastery',
     description:
-      'Receive data-driven recommendations and personalized learning paths based on your unique strengths and areas for improvement.',
+      'Track your journey to coding mastery with detailed performance metrics and achievement milestones that showcase your growing expertise.',
     icon: <FileBadge2 />,
   },
   {
-    title: 'Adaptive Learning Technology',
+    title: 'Performance Insights',
     description:
-      'Experience dynamic question generation that evolves with your skill level, ensuring optimal learning progression.',
+      'Leverage powerful analytics tools to identify your strengths and areas for improvement, helping you become a better developer.',
     icon: <LaptopIcon />,
   },
   {
-    title: 'Interactive Progress Dashboard',
+    title: 'Coding Improvement Tools',
     description:
-      'Transform your learning data into actionable insights with beautiful, interactive charts and progress visualizations.',
+      'Access a suite of statistical tools and visualizations designed to help you track and improve your coding skills over time.',
     icon: <BarChart />,
   },
   {
-    title: 'Learn Anywhere, Anytime',
+    title: 'Challenge Dashboard',
     description:
-      'Track your coding journey seamlessly across all devices with our responsive, mobile-first statistics dashboard.',
+      'Monitor your progress through coding challenges with a comprehensive dashboard that tracks your solutions and learning patterns.',
     icon: <MobileIcon />,
   },
 ];
@@ -79,18 +89,13 @@ export default function StatisticsPage() {
   return (
     <div className="container">
       <StatsHero />
-      {/**
-       * Sections needed:
-       * 1. Talking about interactive charts
-       * 2. easy to use and understand
-       */}
       <StatsReportSection />
       <MarketingContentGrid
-        title="Tracking your coding journey made simple."
+        title="Tracking coding progress made simple."
         items={featureShowcaseItems}
       />
       <CallToActionBlock
-        title="The simplest way to track your progress."
+        title="Improve coding skills effortlessly."
         leftCta={{
           title: 'Get Started',
           href: '/signup',

src/app/(marketing)/layout.tsx

@@ -15,10 +15,7 @@ import dynamic from 'next/dynamic';
 import { Analytics } from '@vercel/analytics/react';
 
 // Dynamically import components that are not needed immediately
-const MarketingNavigation = dynamic(
-  () => import('@/components/marketing/global/navigation/navigation'),
-  { ssr: true } // Keep SSR for SEO
-);
+import MarketingNavigation from '@/components/marketing/global/navigation/navigation';
 
 const MarketingFooter = dynamic(
   () => import('@/components/marketing/global/footer/footer'),
@@ -48,7 +45,7 @@ export default function Layout({
     <ReactQueryClientProvider>
       <html lang="en">
         <body
-          className={`${InterFont.variable} ${SatoshiFont.variable} ${UbuntuFont.variable} ${OnestFont.variable} antialiased`}
+          className={`${InterFont.variable} ${SatoshiFont.variable} ${UbuntuFont.variable} ${OnestFont.variable} overflow-x-hidden  antialiased`}
         >
           <main>
             <StarsBackground className="-z-10" />