feat: redesign website with professional UI and dark/light theme

.github/workflows/pr-validation.yml

@@ -295,7 +295,7 @@ jobs:
             }
 
             // Page status table
-            const pages = ['home', 'news', 'about', 'screenshots', 'downloads', 'quick-manual', 'support', 'license'];
+            const pages = ['home', 'screenshots', 'documentation', 'downloads', 'support'];
             const pageRows = pages.map(p => {
               const desktopImg = report.images.find(i => i.name === `${p}-desktop.png`);
               const mobileImg = report.images.find(i => i.name === `${p}-mobile.png`);

e2e/screenshots.spec.ts

@@ -3,13 +3,10 @@ import { expectScreenshot, printWarningSummary } from './visual';
 
 const pages = [
   { path: '/', name: 'home' },
-  { path: '/news', name: 'news' },
-  { path: '/about', name: 'about' },
   { path: '/screenshots', name: 'screenshots' },
+  { path: '/documentation', name: 'documentation' },
   { path: '/downloads', name: 'downloads' },
-  { path: '/quick-manual', name: 'quick-manual' },
   { path: '/support', name: 'support' },
-  { path: '/license', name: 'license' },
 ];
 
 const MOBILE_VIEWPORT = { width: 375, height: 812 };
@@ -38,14 +35,19 @@ test.describe('mobile screenshots', () => {
 
 test.describe('redirects', () => {
   const redirects = [
-    { from: '/news.html', to: '/news' },
-    { from: '/about.html', to: '/about' },
+    { from: '/news', to: '/support' },
+    { from: '/news.html', to: '/support' },
+    { from: '/about', to: '/documentation' },
+    { from: '/about.html', to: '/documentation' },
     { from: '/screenshots.html', to: '/screenshots' },
     { from: '/downloads.html', to: '/downloads' },
-    { from: '/quick_manual', to: '/quick-manual' },
-    { from: '/quick_manual.html', to: '/quick-manual' },
+    { from: '/quick_manual', to: '/documentation' },
+    { from: '/quick_manual.html', to: '/documentation' },
+    { from: '/quick-manual', to: '/documentation' },
+    { from: '/quick-manual.html', to: '/documentation' },
     { from: '/support.html', to: '/support' },
-    { from: '/license.html', to: '/license' },
+    { from: '/license', to: '/support' },
+    { from: '/license.html', to: '/support' },
   ];
 
   for (const { from, to } of redirects) {

eslint.config.mjs

@@ -13,7 +13,6 @@ const eslintConfig = [
   ...compat.extends('next/core-web-vitals', 'next/typescript', 'prettier'),
   {
     rules: {
-      'react/jsx-no-target-blank': 'off',
       'prefer-const': 'error',
     },
   },

package.json

@@ -7,9 +7,9 @@
   "author": {
     "name": "Volodymyr Vreshch",
     "email": "vreshch@gmail.com",
-    "url": "http://vreshch.com"
+    "url": "https://vreshch.com"
   },
-  "homepage": "http://diffractwd.com",
+  "homepage": "https://diffractwd.com",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vreshch/diffractwd.com.git"
@@ -29,7 +29,8 @@
     "test:unit": "vitest run",
     "test:watch": "vitest",
     "test:e2e": "npx playwright test",
-    "test:e2e:ui": "npx playwright test --ui"
+    "test:e2e:ui": "npx playwright test --ui",
+    "verify": "npx tsc --noEmit && next lint && npm run build && vitest run"
   },
   "dependencies": {
     "clsx": "^2.1.1",