From 2b36034a5cc23ef0d7b2876b15911fae3b7cbee0 Mon Sep 17 00:00:00 2001 From: aidanCQ Date: Thu, 2 Apr 2026 11:41:34 +0100 Subject: [PATCH 1/2] Init. --- landing/src/app/_components/GuppyLogo.tsx | 154 ++++++++++++++++++++++ landing/src/app/page.tsx | 124 ++++++----------- 2 files changed, 195 insertions(+), 83 deletions(-) create mode 100644 landing/src/app/_components/GuppyLogo.tsx diff --git a/landing/src/app/_components/GuppyLogo.tsx b/landing/src/app/_components/GuppyLogo.tsx new file mode 100644 index 0000000..cc200bf --- /dev/null +++ b/landing/src/app/_components/GuppyLogo.tsx @@ -0,0 +1,154 @@ +import type { ComponentProps } from 'react' + +export const GuppyLogo = (props: ComponentProps<'svg'>) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} diff --git a/landing/src/app/page.tsx b/landing/src/app/page.tsx index 43ea541..7356832 100644 --- a/landing/src/app/page.tsx +++ b/landing/src/app/page.tsx @@ -1,6 +1,6 @@ +import { GuppyLogo } from './_components/GuppyLogo' import { CodeSnippet } from './code_snippet' -import { DocsFooter, DocsNavBar } from '@quantinuum/quantinuum-ui' -import { Button, Separator } from '@quantinuum/quantinuum-ui' +import { Button, DocsFooter, DocsNavBar, Separator } from '@quantinuum/quantinuum-ui' import { ArrowRight } from 'lucide-react' import Image from 'next/image' import Link from 'next/link' @@ -28,18 +28,15 @@ const featureConfig = [ }, { title: 'Classical Compute', - description: - 'Perform classical calculations and data manipulation alongside quantum operations seamlessly.', + description: 'Perform classical calculations and data manipulation alongside quantum operations seamlessly.', }, { title: 'Data Structures', - description: - 'Work with arrays, tuples, and user-defined types in both classical and quantum contexts.', + description: 'Work with arrays, tuples, and user-defined types in both classical and quantum contexts.', }, { title: 'First-class Functions', - description: - 'Define functions to write structured quantum software, and pass them just like any other value.', + description: 'Define functions to write structured quantum software, and pass them just like any other value.', }, { title: 'Legacy Support', @@ -83,8 +80,7 @@ export default async function Home() { }, { title: 'Post-selection', - description: - 'Exit a shot when an error is detected without running any more operations.', + description: 'Exit a shot when an error is detected without running any more operations.', className: 'bg-gradient-to-b from-[#3F8D82] to-[#699B31]', image: 'select.svg', href: '/guppy/guppylang/examples/postselect.html', @@ -108,31 +104,31 @@ export default async function Home() {

- guppy logo - guppy logo + guppy logo + guppy logo

Quantum-first programming
language, embedded in Python.

- +
+ + +
- guppy logo + guppy logo
@@ -172,12 +162,8 @@ export default async function Home() { ].map(({ title, description }) => { return (
-

- {title} -

-

- {description} -

+

{title}

+

{description}

) })} @@ -202,9 +188,7 @@ export default async function Home() { key={feature.title} className="bg-background self-stretch lg:w-[calc(33.333%-1.75rem)] shadow-md rounded-2xl border border-border/60 p-6 py-5 pb-6 text-xl" > -

- {feature.title} -

+

{feature.title}

{feature.description}

@@ -225,9 +209,7 @@ export default async function Home() {

Examples

-

- Some novel use cases with guppy. -

+

Some novel use cases with guppy.

{examples.map((feature) => { return ( @@ -235,31 +217,16 @@ export default async function Home() { key={feature.title} className="border border-border/60 shadow-md flex flex-col rounded-xl bg-background p-5" > -
- {`${feature.title} +
+ {`${feature.title}
-

- {feature.title} -

-

- {feature.description} -

+

{feature.title}

+

{feature.description}

- Open Notebook{' '} - + Open Notebook
) @@ -277,12 +244,10 @@ export default async function Home() {
-

- Open Source -

+

Open Source

- The guppylang compiler and the target HUGR intermediate - representation are open source, and welcome contributions! + The guppylang compiler and the target HUGR intermediate representation are open source, and welcome + contributions!

@@ -297,15 +262,8 @@ export default async function Home() { target="_blank" rel="noreferer" > - {`github - {item.title}{' '} - + {`github + {item.title} ) })} From b2e828c1d9c01e02e48d2e34d1e410a468289267 Mon Sep 17 00:00:00 2001 From: aidanCQ Date: Thu, 2 Apr 2026 11:52:16 +0100 Subject: [PATCH 2/2] Style changes. --- landing/src/app/page.tsx | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/landing/src/app/page.tsx b/landing/src/app/page.tsx index 7356832..bffa0e0 100644 --- a/landing/src/app/page.tsx +++ b/landing/src/app/page.tsx @@ -115,17 +115,14 @@ export default async function Home() { -