added new subsites, filled /about

Author: YasInvolved

app/about/page.tsx

@@ -0,0 +1,26 @@
+import DevshLink from "../components/DevshLink"
+
+export default function Page() {
+    return (
+        <div className="container mx-auto p-4 flex flex-col gap-4 sm:gap-8 sm:items-center h-full justify-center">
+            <div className="flex flex-col gap-4 sm:gap-8">
+                <h1>About Us</h1>
+                <div className="prose sm:prose-sm md:prose-md lg:prose-lg xl:prose-xl 2xl:prose-2xl prose-invert font-thin">
+                    DevSH Graphics Programming (DevSH) sp. z o.o. ( devsh.eu ) is a company specializing in High
+                    Performance Computing with a particular focus on Computer Graphics and GPU Programming.
+                    Currently boasting a team of 10 Consultants and 3 separate concurrent projects.
+                    We offer consulting and co-development to Third Parties with their own products, as well as con-
+                    duct our own Research and Development, developing Open-Source Middleware and Libraries.
+                    The primary mission for all of our self-funded developments is to advance open source ecosys-
+                    tems with innovative tooling, with a particular focus on Vulkan and SPIR-V.
+                    We maintain a single source HLSL202x/C++20 Standard Template Header Only Library and our
+                    Utility and Rapid Prototyping Framework <DevshLink href="https://github.com/Devsh-Graphics-Programming/Nabla" target="_blank" rel="noopener noreferer">Nabla</DevshLink> designed {/*this prevents visual bug, don't remove*/}
+                    to give a CUDA-like programming experience in the Vulkan ecosystem.
+                    We’ve honed the culture of remote work, since the company’s inception before 2019. Subject to
+                    availability of consultants and specific expertise required their regular working hours overlap the
+                    normal working hours from San Francisco to Sydney.
+                </div>
+            </div>
+        </div>
+    )
+}

app/components/DevshLink.tsx

@@ -0,0 +1,20 @@
+import Link from "next/link";
+
+type DevshLinkProps = {
+    href: string,
+    children?: React.ReactNode,
+    className?: string,
+    target?: string,
+    rel?: string
+}
+
+export default function DevshLink({ href, children, className, target, rel }: DevshLinkProps) {
+    return <Link 
+        href={href} 
+        className={`no-underline font-thin text-teal-600 hover:text-teal-300 transition-colors duration-300 ${className}`}
+        target={target}
+        rel={rel}
+        >
+            {children}
+        </Link>
+}

app/components/Navbar.tsx

@@ -13,11 +13,11 @@ type Link = {
 
 const links: Link[] = [
     { name: "Home", url: "/" },
-    { name: "Nabla", url: "/nabla" },
-    { name: "Blog", url: "/blog" },
     { name: "About", url: "/about" },
+    { name: "Nabla", url: "/nabla" },
     { name: "Services", url: "/services" },
-    { name: "Contact", url: "/contact" }
+    { name: "Contact", url: "/contact" },
+    { name: "Blog", url: "/blog" },
 ]
 
 function DropdownIcon() {

app/contact/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <></>
+    )
+}

app/page.tsx

@@ -1,4 +1,4 @@
-import Link from "next/link";
+import DevshLink from "./components/DevshLink";
 import VulkanisedGallery from "./components/VulkanisedGallery";
 
 export default function Home() {
@@ -7,7 +7,7 @@ export default function Home() {
       <h1>Website Under Construction</h1>
       <h3>Check out our Vulkanised videos below</h3>
       <VulkanisedGallery/>
-      <h3>And <Link href="https://youtube.com/watch?v=L0i_cO1iSEM&t=9343" className="text-teal-300 hover:underline" target="_blank" rel="noopener noreferer">MINE GameDev video</Link></h3>
+      <h3>and <DevshLink href="https://youtube.com/watch?v=L0i_cO1iSEM&t=9343" className="text-teal-300 hover:underline" target="_blank" rel="noopener noreferer">MINE GameDev video</DevshLink></h3>
     </div>
   );
 }

app/services/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <></>
+    )
+}