From 6ee69a54e843463c5bf6af3e0339ad0dafddeac0 Mon Sep 17 00:00:00 2001 From: Akash Singh Date: Tue, 16 Jul 2024 23:33:02 +0530 Subject: [PATCH] Modify Home page as SEO Friendly --- documentation/src/pages/index.tsx | 63 +++--- documentation/src/pages/showcase/index.tsx | 49 ++--- .../src/prepverse-theme/common-header.tsx | 5 +- .../common-header/mobile-menu-modal.tsx | 2 +- .../prepverse-theme/common-prepverse-logo.tsx | 2 +- .../prepverse-theme/doc-prepverse-logo.tsx | 2 +- .../prepverse-theme/icons/gh-sposor-badge.tsx | 22 ++ .../landing-enterprise-developers.tsx | 159 --------------- .../landing-explore-prepverse.tsx | 193 ++++++++++++++++++ .../src/prepverse-theme/landing-footer.tsx | 6 +- .../src/prepverse-theme/landing-header.tsx | 5 +- .../prepverse-theme/landing-hero-bottom.tsx | 7 +- .../tutorial-prepverse-logo.tsx | 2 +- 13 files changed, 295 insertions(+), 222 deletions(-) create mode 100644 documentation/src/prepverse-theme/icons/gh-sposor-badge.tsx delete mode 100644 documentation/src/prepverse-theme/landing-enterprise-developers.tsx create mode 100644 documentation/src/prepverse-theme/landing-explore-prepverse.tsx diff --git a/documentation/src/pages/index.tsx b/documentation/src/pages/index.tsx index 11691823..27827331 100644 --- a/documentation/src/pages/index.tsx +++ b/documentation/src/pages/index.tsx @@ -4,6 +4,7 @@ import React from "react"; import { CommonLayout } from "../prepverse-theme/common-layout"; import { CommonHeader } from "../prepverse-theme/common-header"; +import { LandingExplorePrepVerse } from "../prepverse-theme/landing-explore-prepverse"; import { LandingFooter } from "../prepverse-theme/landing-footer"; import { LandingHero } from "../prepverse-theme/landing-hero"; import { GithubIcon } from "@site/src/prepverse-theme/icons/github"; @@ -11,13 +12,16 @@ import { TwitterIcon, LinkedInIcon, InstagramIcon } from "@site/src/prepverse-th import { useColorMode } from "@docusaurus/theme-common"; function Home() { - const title = "PrepVerse"; + const title = "PrepVerse | Comprehensive Computer Science Resources"; + const metaDescription = "Explore PrepVerse for a wide range of computer science resources. Access study guides, tutorials, and practice tests to enhance your knowledge and skills."; return ( <> {title} + + + +
@@ -52,17 +58,18 @@ const About: React.FC = () => { const { colorMode } = useColorMode(); return (
-
My Social Network Profiles -
+
{ href="https://github.com/AkashSingh3031" className={clsx( "flex h-max flex-row justify-start gap-3", - "dark:bg-gray-900", + "dark:bg-gray-900 bg-gray-100", "border border-gray-200 dark:border-gray-700", "rounded-xl p-4", "no-underline hover:no-underline", @@ -89,13 +96,13 @@ const About: React.FC = () => { />
diff --git a/documentation/src/pages/showcase/index.tsx b/documentation/src/pages/showcase/index.tsx index a51892c7..3b2ade7a 100644 --- a/documentation/src/pages/showcase/index.tsx +++ b/documentation/src/pages/showcase/index.tsx @@ -1,12 +1,12 @@ -import React, {useState, useMemo, useEffect} from 'react'; +import React, { useState, useMemo, useEffect } from 'react'; import clsx from 'clsx'; import { BlogFooter } from "@site/src/prepverse-theme/blog-footer"; import { CommonHeader } from "@site/src/prepverse-theme/common-header"; import { CommonLayout } from "@site/src/prepverse-theme/common-layout"; import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment'; -import Translate, {translate} from '@docusaurus/Translate'; -import {useHistory, useLocation} from '@docusaurus/router'; -import {usePluralForm} from '@docusaurus/theme-common'; +import Translate, { translate } from '@docusaurus/Translate'; +import { useHistory, useLocation } from '@docusaurus/router'; +import { usePluralForm } from '@docusaurus/theme-common'; import Link from '@docusaurus/Link'; import BackToTopButton from '@theme/BackToTopButton'; import Layout from '@theme/Layout'; @@ -32,7 +32,7 @@ import styles from './styles.module.css'; import CodeBlock from '@theme/CodeBlock' import { motion } from 'framer-motion'; -const TITLE = translate({message: 'Open Source Projects Showcase'}); +const TITLE = translate({ message: 'Open Source Projects Showcase' }); const DESCRIPTION = translate({ message: 'List of Open Source projects in web-devlopments, app-devlopments, machine-learning, data-science', }); @@ -52,13 +52,13 @@ type UserState = { }; function restoreUserState(userState: UserState | null) { - const {scrollTopPosition, focusedElementId} = userState ?? { + const { scrollTopPosition, focusedElementId } = userState ?? { scrollTopPosition: 0, focusedElementId: undefined, }; // @ts-expect-error: if focusedElementId is undefined it returns null document.getElementById(focusedElementId)?.focus(); - window.scrollTo({top: scrollTopPosition}); + window.scrollTo({ top: scrollTopPosition }); } export function prepareUserState(): UserState | undefined { @@ -140,7 +140,7 @@ function ShowcaseHeader() { } function useSiteCountPlural() { - const {selectMessage} = usePluralForm(); + const { selectMessage } = usePluralForm(); return (sitesCount: number) => selectMessage( sitesCount, @@ -151,7 +151,7 @@ function useSiteCountPlural() { 'Pluralized label for the number of sites found on the showcase. Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)', message: '1 site|{sitesCount} sites', }, - {sitesCount}, + { sitesCount }, ), ); } @@ -172,7 +172,7 @@ function ShowcaseFilters() {
    {TagList.map((tag, i) => { - const {label, description, color} = Tags[tag]; + const { label, description, color } = Tags[tag]; const id = `showcase_checkbox_id_${tag}`; return ( @@ -302,6 +302,7 @@ function ShowcaseCardsInfo() { ); } + function ShowcaseCards() { const filteredUsers = useFilteredUsers(); @@ -348,7 +349,7 @@ function ShowcaseCards() {
-

+

All Projects

    @@ -380,21 +381,21 @@ export default function Showcase(): JSX.Element {
    - - -
    - -
    - - {/* */} + + +
    + +
    + + {/* */}
    diff --git a/documentation/src/prepverse-theme/common-header.tsx b/documentation/src/prepverse-theme/common-header.tsx index e55bb5f0..b0251319 100644 --- a/documentation/src/prepverse-theme/common-header.tsx +++ b/documentation/src/prepverse-theme/common-header.tsx @@ -85,7 +85,10 @@ export const CommonHeader = ({ "landing-lg:w-[200px]", )} > - +
diff --git a/documentation/src/prepverse-theme/common-header/mobile-menu-modal.tsx b/documentation/src/prepverse-theme/common-header/mobile-menu-modal.tsx index d9d37430..d7865043 100644 --- a/documentation/src/prepverse-theme/common-header/mobile-menu-modal.tsx +++ b/documentation/src/prepverse-theme/common-header/mobile-menu-modal.tsx @@ -97,7 +97,7 @@ const Modal: FC> = ({ >