diff --git a/app/about/page.tsx b/app/about/page.tsx index 7b7cb75..c390fa3 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,19 +1,42 @@ -import { Paragraph, Chapter } from "../components/TextUtils"; import { aboutParagraphs } from "../data/aboutContent"; +import NablaShaderBackdrop from "../nabla/NablaShaderBackdrop"; + +const heroStatement = "We are not a traditional software house"; +const extractedSentence = `${heroStatement}.`; +const bodyParagraphs = aboutParagraphs.map((paragraph) => + paragraph.replace(` ${extractedSentence}`, "") +); export default function Page() { - return ( -
- - - {aboutParagraphs.map((paragraph, index) => ( - - {paragraph} - {index < aboutParagraphs.length - 1 && <>

} - - ))} - - -
- ); + return ( +
+
+
+ +
+
+ {bodyParagraphs.map((paragraph, index) => ( +

+ {paragraph} +

+ ))} +
+
+
+ ); } diff --git a/app/components/AboutSection.tsx b/app/components/AboutSection.tsx index 3aeb795..ff3d052 100644 --- a/app/components/AboutSection.tsx +++ b/app/components/AboutSection.tsx @@ -1,24 +1,14 @@ -import CTAButton from "./CTAButton"; -import { aboutParagraphs } from "../data/aboutContent"; +import CTAButton from "./CTAButton"; export default function AboutSection() { return ( -
-
-
+
+
+

Who We Are

-
- -
- {aboutParagraphs.map((paragraph, index) => ( -

- {paragraph} -

- ))} -
- -
- +
+ +
diff --git a/app/components/CTAButton.tsx b/app/components/CTAButton.tsx index 3b0b68c..afe0f60 100644 --- a/app/components/CTAButton.tsx +++ b/app/components/CTAButton.tsx @@ -17,11 +17,10 @@ export default function CTAButton({ return ( {label} - +
-
+

Community and standards

Advancing the Ecosystem @@ -67,30 +67,32 @@ export default function EcosystemSection() { our technical blog and presentations at major conferences like Vulkanised and the Shading Languages Symposium.

- diff --git a/app/components/ExpertiseGrid.tsx b/app/components/ExpertiseGrid.tsx index 2338746..07af999 100644 --- a/app/components/ExpertiseGrid.tsx +++ b/app/components/ExpertiseGrid.tsx @@ -140,9 +140,9 @@ function Card({ title, images, href }: { title: string; images: MediaItem[]; hre export default function ExpertiseGrid() { return ( -
+
-
+

Our Expertise

{/* Two-column mobile grid, then a wrapped centered row on wider screens. */} diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx index 26ec446..92a410b 100644 --- a/app/components/Footer.tsx +++ b/app/components/Footer.tsx @@ -1,15 +1,108 @@ -import GP_Links from "./GP_Links" +import Link from "next/link"; +import GP_Links from "./GP_Links"; -export default function footer() { +const quickLinks = [ + { label: "Home", href: "/" }, + { label: "Services", href: "/services" }, + { label: "Pricing", href: "/pricing.pdf" }, + { label: "Nabla", href: "/nabla" }, + { label: "Research", href: "/research" }, + { label: "Blog", href: "/blog" }, +]; + +const socialLinks = [ + { label: "LinkedIn", href: "https://www.linkedin.com/company/devsh-graphics-programming/", icon: "linkedin" }, + { label: "X", href: "https://x.com/devsh_gfx_prog", icon: "x" }, + { label: "GitHub", href: "https://github.com/Devsh-Graphics-Programming", icon: "github" }, +]; + +function SocialIcon({ icon }: { icon: string }) { + if (icon === "linkedin") { + return ( + + ); + } + + if (icon === "x") { return ( -
- - - build info + + ); + } + + return ( + + ); +} + +export default function Footer() { + return ( + + ); } diff --git a/app/components/HeroHeader.tsx b/app/components/HeroHeader.tsx index 8edd176..fb29ae7 100644 --- a/app/components/HeroHeader.tsx +++ b/app/components/HeroHeader.tsx @@ -1,22 +1,20 @@ +import NablaShaderBackdrop from "../nabla/NablaShaderBackdrop"; import CTAButton from "./CTAButton"; export default function HeroHeader() { return ( -
-