Optimize the navbar and extend the courses

Author: XY56L7

.dockerignore

@@ -0,0 +1,12 @@
+node_modules
+.next
+.git
+.gitignore
+README.md
+.env*.local
+*.log
+.DS_Store
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+

.github/workflows/ci.yml

@@ -0,0 +1,75 @@
+name: CI/CD Pipeline
+
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+
+jobs:
+  test:
+    name: Test and Build
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Run linter
+        run: npm run lint
+      
+      - name: Build project
+        run: npm run build
+      
+      - name: Check build output
+        run: |
+          if [ ! -d ".next" ]; then
+            echo "Build failed - .next directory not found"
+            exit 1
+          fi
+
+  deploy-preview:
+    name: Deploy Preview
+    runs-on: ubuntu-latest
+    needs: test
+    if: github.event_name == 'pull_request'
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      
+      - name: Deploy to Vercel Preview
+        uses: amondnet/vercel-action@v25
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+          vercel-args: '--prod'
+
+  deploy-production:
+    name: Deploy Production
+    runs-on: ubuntu-latest
+    needs: test
+    if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      
+      - name: Deploy to Vercel Production
+        uses: amondnet/vercel-action@v25
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+          vercel-args: '--prod'
+

DEPLOYMENT.md

@@ -0,0 +1,76 @@
+# Deployment Guide
+
+## Quick Deploy Options
+
+### 1. Vercel (Recommended - 2 minutes)
+
+```bash
+# Install Vercel CLI
+npm i -g vercel
+
+# Deploy
+vercel
+
+# Production
+vercel --prod
+```
+
+Or use the Vercel dashboard:
+1. Go to [vercel.com](https://vercel.com)
+2. Import your GitHub repository
+3. Click Deploy
+4. Done! 🎉
+
+### 2. Netlify
+
+```bash
+# Install Netlify CLI
+npm i -g netlify-cli
+
+# Build
+npm run build
+
+# Deploy
+netlify deploy --prod
+```
+
+### 3. Railway
+
+1. Connect GitHub repository
+2. Railway auto-detects Next.js
+3. Deploys automatically
+4. Get URL instantly
+
+### 4. Docker Deployment
+
+```bash
+# Build image
+docker build -t rust-blockchain-course .
+
+# Run container
+docker run -p 3000:3000 rust-blockchain-course
+```
+
+## Environment Variables
+
+No environment variables needed for basic deployment.
+
+## Custom Domain
+
+1. **Vercel**: Settings → Domains → Add domain
+2. **Netlify**: Domain settings → Add custom domain
+3. **Railway**: Settings → Domains
+
+## Performance Optimization
+
+- Enable Next.js Image Optimization
+- Use CDN for static assets
+- Enable compression
+- Optimize bundle size
+
+## Monitoring
+
+- Add Vercel Analytics
+- Set up error tracking (Sentry)
+- Monitor performance (Lighthouse)
+

Dockerfile

@@ -0,0 +1,29 @@
+FROM node:20-alpine AS base
+
+FROM base AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm ci
+
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+RUN npm run build
+
+FROM base AS runner
+WORKDIR /app
+ENV NODE_ENV=production
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+EXPOSE 3000
+ENV PORT=3000
+CMD ["node", "server.js"]
+

app/layout.tsx

@@ -4,6 +4,8 @@ import "./globals.css";
 import ParticleBackground from "@/components/ParticleBackground";
 import ScrollToTop from "@/components/ScrollToTop";
 import ThemeScript from "@/components/ThemeScript";
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
 
 const inter = Inter({ 
   subsets: ["latin"],
@@ -28,9 +30,11 @@ export default function RootLayout({
       </head>
       <body className="antialiased font-sans relative">
         <ParticleBackground />
+        <Navbar />
         <div className="relative z-10">
           {children}
         </div>
+        <Footer />
         <ScrollToTop />
       </body>
     </html>

app/lessons/[lessonId]/page.tsx

@@ -34,7 +34,7 @@ export default async function LessonPage({ params }: LessonPageProps) {
   };
 
   return (
-    <main className="min-h-screen bg-gradient-to-br from-orange-50 via-white to-orange-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
+    <main className="min-h-screen bg-gradient-to-br from-orange-50 via-white to-orange-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900 pt-24">
       <div className="container mx-auto px-4 py-8 max-w-4xl">
         <div className="mb-6">
           <Link

app/page.tsx

@@ -1,10 +1,9 @@
 import Link from 'next/link';
 import { loadCourse, loadLesson } from '@/utils/dataLoader';
 import { Course } from '@/types';
-import Navbar from '@/components/Navbar';
 import Hero from '@/components/Hero';
 import Features from '@/components/Features';
-import Footer from '@/components/Footer';
+import CareerGuide from '@/components/CareerGuide';
 
 export default async function Home() {
   const course: Course = await loadCourse();
@@ -31,11 +30,12 @@ export default async function Home() {
 
   return (
     <>
-      <Navbar />
       <Hero course={course} totalLessons={totalExistingLessons} />
 
       <Features />
 
+      <CareerGuide />
+
       <section id="chapters" className="py-24 bg-gradient-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800 relative overflow-hidden">
         <div className="absolute inset-0 opacity-5">
           <div className="absolute top-20 right-10 w-96 h-96 bg-orange-500 rounded-full blur-3xl"></div>
@@ -119,8 +119,6 @@ export default async function Home() {
           </div>
         </div>
       </section>
-
-      <Footer />
     </>
   );
 }