у теюя есть идеи по оптимизации и улучшению кода этих страниц:
1. import Image from "next/image";
import Link from "next/link";
import Layout from "../components/Layout";

export default function NotFound() {
  const pageTitle = "404 - Упс! Что-то пошло не так";
  const pageDescription = "Страница, которую вы ищете, не найдена. Возможно, она была удалена или вы ввели неправильный адрес.";

  return (
    <Layout title={pageTitle} description={pageDescription}>
      <div
        className="bg-white dark:bg-neutral-900 w-full px-4 pt-32 pb-16"
        id="faq"
      >
        <h2 className="text-4xl font-bold text-center">Упс! Что-то пошло не так.</h2>
        <p className="pt-6 pb-16 text-base max-w-2xl text-center m-auto dark:text-neutral-400">
          Страница не найдена.
        </p>
        <Image
          src="/images/404/404.svg"
          alt="Image 404"
          width={1920}
          height={1080}
          quality={75}
          sizes="100vw"
          className="w-[350px] md:w-4/12 justify-center text-center mx-auto"
        />
        <div className="mt-16 text-center">
          <Link href="/">
            <button className="bg-rose-500 text-white text-base rounded-full px-16 p-3 font-medium">
              Вернуться на главную
            </button>
          </Link>
        </div>
      </div>
    </Layout>
  );
}

2. // pages/about.tsx

import Head from "next/head";
import Layout from "../components/Layout";
import { About } from "../components/About";

const AboutPage: React.FC = () => {
  return (
    <Layout title="О нас - SmartDiag">
      <Head>
        {/* Мета-теги для SEO */}
        <meta
          name="description"
          content="SmartDiag предлагает широкий выбор диагностических приборов и программ для автосервиса. Узнайте больше о наших услугах."
        />
        <meta
          name="keywords"
          content="автодиагностика, диагностическое оборудование, услуги диагностики, SmartDiag"
        />
        <meta name="robots" content="index, follow" />
        <meta
          property="og:title"
          content="О нас - SmartDiag"
        />
        <meta
          property="og:description"
          content="SmartDiag предлагает качественные диагностические решения для автомобилей. Узнайте больше о наших услугах."
        />
      </Head>

      {/* Компонент Услуг */}
      <About />
    </Layout>
  );
};

export default AboutPage;

3. // pages/articles.tsx

import Head from "next/head";
import Layout from "../components/Layout";
import Articles from "../components/Articles";

const ArticlesPage: React.FC = () => {
  return (
    <Layout title="Статьи - SmartDiag">
      <Head>
        {/* Мета-теги для SEO */}
        <meta
          name="description"
          content="Читайте наши статьи и получайте советы по диагностике автомобилей и программному обеспечению от SmartDiag."
        />
        <meta
          name="keywords"
          content="статьи, автодиагностика, программное обеспечение, советы, SmartDiag"
        />
        <meta name="robots" content="index, follow" />
        <meta property="og:title" content="Статьи - SmartDiag" />
        <meta
          property="og:description"
          content="Читайте наши статьи и получайте советы по диагностике автомобилей и программному обеспечению от SmartDiag."
        />
        {/* Дополнительные мета-теги можно добавить по необходимости */}
      </Head>

      {/* Компонент Статей */}
      <Articles />
    </Layout>
  );
};

export default ArticlesPage;

4. // pages/contact.tsx

import Head from "next/head";
import Layout from "../components/Layout";
import Contact from "../components/Contact";

const ContactPage: React.FC = () => {
  return (
    <Layout title="Контакты - SmartDiag">
      <Head>
        {/* Мета-теги для SEO */}
        <meta
          name="description"
          content="Свяжитесь с нами для получения поддержки, заказов или любых вопросов. SmartDiag всегда готов помочь вам с диагностическими решениями для автомобилей."
        />
        <meta
          name="keywords"
          content="контакты, поддержка, заказ оборудования, установка ПО, SmartDiag"
        />
        <meta name="robots" content="index, follow" />
        <meta property="og:title" content="Контакты - SmartDiag" />
        <meta
          property="og:description"
          content="Свяжитесь с нами для получения поддержки, заказов или любых вопросов. SmartDiag всегда готов помочь вам с диагностическими решениями для автомобилей."
        />
        {/* Дополнительные мета-теги можно добавить по необходимости */}
      </Head>

      {/* Компонент Контактов */}
      <Contact />
    </Layout>
  );
};

export default ContactPage;5. import { Hero } from "../components/Hero";
import Layout from "../components/Layout";
import Head from "next/head";

export default function Home() {
  return (
    <Layout title="SmartDiag - Ваш проводник в мире автодиагностики">
      <Head>
        {/* Мета-теги для поисковых систем */}
        <meta
          name="description"
          content="SmartDiag предлагает широкий выбор диагностических приборов и программ для автосервиса. Подключение и диагностика автомобилей через VCDS, Вася, Autocom CDP+, Delphi DS150, ELM 327, Wurth WoW Snooper, Mucar, Thinkdiag, Diagzone, X-DIAG, ProDiag, Galletto 1260, BMW E-NET (E-Sys), K-Dcan INPA, ELS 27, Mini-VCI, Lexia 3/PP2000, Kingbolen, Thinkcar."
        />
        <meta
          name="keywords"
          content="диагностическое оборудование для авто, автодиагностика, VCDS, Вася диагност, Autocom CDP+, Delphi DS150, ELM 327, Wurth WoW Snooper, Mucar, Thinkdiag, Diagzone, X-DIAG, ProDiag, Galletto 1260, BMW E-NET, E-Sys, K-Dcan INPA, ELS 27, Mini-VCI, Lexia 3, PP2000, Kingbolen, Thinkcar, автооборудование, диагностика автомобилей, программное обеспечение для диагностики, автосервис"
        />
        <meta name="robots" content="index, follow" />
        <meta
          property="og:title"
          content="SmartDiag - Ваш проводник в мире автодиагностики"
        />
        <meta
          property="og:description"
          content="SmartDiag предлагает качественные диагностические решения для автомобилей. Поддержка популярных приборов: VCDS, Вася, Autocom CDP+, Delphi DS150, ELM 327, Wurth WoW Snooper, Mucar, Thinkdiag, Diagzone, X-DIAG, ProDiag, Galletto 1260, BMW E-NET (E-Sys), K-Dcan INPA, ELS 27, Mini-VCI, Lexia 3/PP2000, Kingbolen, Thinkcar."
        />
      </Head>

      {/* Компоненты страницы */}
      <Hero />
    </Layout>
  );
}

6. import Head from "next/head";
import Layout from "../components/Layout";
import Soft from "../components/Soft"; // Импорт компонента Soft без деструктуризации

const SoftPage: React.FC = () => {
  return (
    <Layout title="Программы - SmartDiag">
      <Head>
        {/* Мета-теги для SEO */}
        <meta
          name="description"
          content="SmartDiag предлагает широкий выбор диагностических приборов и программ для автосервиса. Узнайте больше о наших услугах."
        />
        <meta
          name="keywords"
          content="автодиагностика, диагностическое оборудование, услуги диагностики, SmartDiag"
        />
        <meta name="robots" content="index, follow" />
        <meta
          property="og:title"
          content="Программы - SmartDiag"
        />
        <meta
          property="og:description"
          content="SmartDiag предлагает качественные диагностические решения для автомобилей. Узнайте больше о наших услугах."
        />
        {/* Указываем favicon */}
        <link rel="icon" href="/favicon.ico" />
      </Head>

      {/* Компонент Программ */}
      <Soft />
    </Layout>
  );
};

export default SoftPage;