💄 Style optimization

src/components/CapDrawer.tsx

@@ -15,7 +15,6 @@ import Image from 'next/image'
 
 import FeedIcon from '@mui/icons-material/Feed'
 import PhotoLibraryIcon from '@mui/icons-material/PhotoLibrary'
-import InfoIcon from '@mui/icons-material/Info'
 import PolicyIcon from '@mui/icons-material/Policy'
 import Link from 'next/link'
 
@@ -40,11 +39,6 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
   ]
 
   const additionalLinks: NavLink[] = [
-    {
-      title: 'About',
-      icon: <InfoIcon />,
-      href: '/about',
-    },
     {
       title: 'Terms & Conditions',
       icon: <PolicyIcon />,

src/pages/_app.tsx

@@ -33,11 +33,7 @@ export default function App({ Component, pageProps }: AppProps) {
     userStore.fetchUser()
   }, [])
 
-  const title = pageProps.title
+  const title = pageProps.title ? `${pageProps.title} | Solsynth LLC` : 'Solsynth LLC'
-    ? pageProps.title.endsWith('Solar Network')
-      ? pageProps.title
-      : `${pageProps.title} | Solsynth LLC`
-    : 'Solsynth LLC'
 
   return (
     <>

src/pages/products/solar-network.tsx

@@ -14,6 +14,7 @@ import {
   AccordionSummary,
 } from '@mui/material'
 import { JSX } from 'react'
+import { Roboto_Serif } from 'next/font/google'
 import Image from 'next/image'
 import NextLink from 'next/link'
 
@@ -43,6 +44,21 @@ interface AskableQuestion {
   answer: string
 }
 
+const fontSerif = Roboto_Serif({
+  subsets: ['latin'],
+  weight: ['300'],
+  display: 'swap',
+  style: 'italic',
+})
+
+export async function getStaticProps() {
+  return {
+    props: {
+      title: 'Solar Network',
+    },
+  }
+}
+
 export default function ProductSolarNetwork() {
   const downloadableAssets: DownloadableAsset[] = [
     {
@@ -133,6 +149,16 @@ export default function ProductSolarNetwork() {
           The next generation Social Network platform.
         </Typography>
 
+        <Typography
+          variant="subtitle1"
+          fontSize={26}
+          fontFamily={fontSerif.style.fontFamily}
+          sx={{ mt: 2.5, width: 'fit-content', fontStyle: 'italic' }}
+          className="textmarker-effect animate__animated animate__fadeInUp"
+        >
+          Social Network, Redefined.
+        </Typography>
+
         <Link href="#download" sx={{ my: 2.5 }}>
           Download <DownloadIcon sx={{ fontSize: 15, marginLeft: 0.5 }} />
         </Link>