Skip to content

Commit

Permalink
Large screen version
Browse files Browse the repository at this point in the history
  • Loading branch information
édouard wautier authored and édouard wautier committed Oct 25, 2023
1 parent ef6b910 commit 2fa447b
Show file tree
Hide file tree
Showing 5 changed files with 180 additions and 100 deletions.
4 changes: 2 additions & 2 deletions front/components/home/contentComponents.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ export const Grid = ({
const hClasses = {
h1: "font-objektiv text-4xl font-bold tracking-tight md:text-6xl drop-shadow-lg",
h2: "font-objektiv text-3xl font-bold tracking-tight md:text-5xl drop-shadow-lg",
h3: "font-objektiv text-xl font-bold tracking-tight md:text-2xl drop-shadow-md",
h4: "font-objektiv text-lg font-bold tracking-tight md:text-xl drop-shadow-md",
h3: "font-objektiv text-xl font-bold tracking-tight md:text-3xl drop-shadow-md",
h4: "font-objektiv text-lg font-bold tracking-tight md:text-2xl drop-shadow-md",
};

interface ContentProps {
Expand Down
8 changes: 4 additions & 4 deletions front/package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion front/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
"initdb": "env $(cat .env.local) npx tsx admin/db.ts"
},
"dependencies": {
"@dust-tt/sparkle": "0.2.24-theta",
"@dust-tt/sparkle": "0.2.24-iota",
"@emoji-mart/data": "^1.1.2",
"@emoji-mart/react": "^1.1.1",
"@headlessui/react": "^1.7.7",
Expand Down
102 changes: 55 additions & 47 deletions front/pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import {
GithubWhiteLogo,
GoogleLogo,
HuggingFaceLogo,
LightbulbIcon,
Logo,
LogoHorizontalWhiteLogo,
MicrosoftLogo,
Expand All @@ -15,6 +16,7 @@ import {
PriceTable,
RocketIcon,
SlackLogo,
SparklesIcon,
} from "@dust-tt/sparkle";
import { GetServerSideProps, InferGetServerSidePropsType } from "next";
import Head from "next/head";
Expand Down Expand Up @@ -183,7 +185,7 @@ export default function Home({
Amplify your team's potential
</span>{" "}
<br />
with customizable and secure AI&nbsp;assistants
with customizable and secure AI&nbsp;assistants.
</H1>
<H3 className="col-span-6 col-start-3">
AI is changing the way we work.
Expand All @@ -194,7 +196,7 @@ export default function Home({
<div className="flex w-full flex-col items-start">
<Button
variant="primary"
size="md"
size="lg"
label="Start with Dust now"
icon={RocketIcon}
/>
Expand Down Expand Up @@ -320,7 +322,6 @@ export default function Home({
.
</P>
</div>
<div />
<div className="test-right col-span-4 flex h-full flex-col justify-center gap-6">
<ReactiveImg>
<img src="/static/landing/connect.png" />
Expand Down Expand Up @@ -379,8 +380,7 @@ export default function Home({
</div>
<div
className={classNames(
defaultFlexClasses,
"col-span-3 col-start-3 justify-center gap-16"
"col-span-3 col-start-3 flex flex-col justify-center gap-10"
)}
>
<P border="amber">
Expand Down Expand Up @@ -471,10 +471,10 @@ export default function Home({
<Grid>
<div className="col-span-8 col-start-3">
<H2 color="text-amber-400">
Deal with Dust;
Deal with Dust!
<br />
<H2 color="text-amber-100" isSpan>
Meet our pricing plans
Meet our pricing plans.
</H2>
</H2>
</div>
Expand Down Expand Up @@ -508,7 +508,12 @@ export default function Home({
/>
<PriceTable.Item label="No connections" variant="xmark" />
<PriceTable.ActionContainer>
<Button variant="primary" size="md" label="Start testing" />
<Button
variant="primary"
size="lg"
label="Start testing"
icon={LightbulbIcon}
/>
</PriceTable.ActionContainer>
</PriceTable>

Expand Down Expand Up @@ -539,7 +544,12 @@ export default function Home({
variant="dash"
/>
<PriceTable.ActionContainer>
<Button variant="primary" size="md" label="Start now" />
<Button
variant="primary"
size="lg"
label="Start now"
icon={RocketIcon}
/>
</PriceTable.ActionContainer>
</PriceTable>

Expand All @@ -566,51 +576,49 @@ export default function Home({
<PriceTable.Item label="Advanced workspace role and permissions" />
<PriceTable.Item label="Dedicated account support" />
<PriceTable.ActionContainer>
<Button variant="secondary" size="md" label="Contact us" />
<Button
variant="primary"
size="lg"
label="Contact us"
icon={SparklesIcon}
/>
</PriceTable.ActionContainer>
</PriceTable>
</div>
</div>
</Grid>
<div className={defaultFlexClasses}>
<H2 color="text-red-400">
Our product{" "}
<H2 isSpan color="text-red-200">
constitution
</H2>
<Grid>
<H2 color="text-emerald-400 col-span-8 col-start-3">
Our product constitution
</H2>
<div className="grid gap-4 text-slate-200 sm:grid-cols-2 lg:grid-cols-4">
<div className={defaultFlexClasses}>
<H4>Augmenting humans, not&nbsp;replacing&nbsp;them</H4>
<P>
We're optimistic about making work life better for smart
people. We're building R2-D2, not Skynet.
</P>
</div>
<div className="flex flex-col gap-3">
<H4>Uncompromising on data security&nbsp;&&nbsp;privacy</H4>
<P>
We aspire to define standards rather than simply abide by
the&nbsp;existing ones.
</P>
</div>
<div className="flex flex-col gap-3">
<H4>Hard problems over&nbsp;hype</H4>
<P>
There's more to do than wrapping GPT into a chat UI. We're in
this to solve hard problems on user experience and product
quality.
</P>
</div>
<div className="flex flex-col gap-3">
<H4>Building with an&nbsp;AI&nbsp;core</H4>
<P>
We're building with large language models in mind from the
ground up, rather than sprinkling them here and&nbsp;there.
</P>
</div>
<div
className={classNames(
defaultFlexClasses,
"col-span-3 col-start-3"
)}
>
<H4>Augmenting humans, not&nbsp;replacing&nbsp;them</H4>
<P>
We're optimistic about making work life better for smart people.
We're building R2-D2, not Skynet.
</P>
</div>
</div>
<div className={classNames(defaultFlexClasses, "col-span-3")}>
<H4>Hard problems over&nbsp;hype</H4>
<P>
There's more to do than wrapping GPT into a chat UI. We're in
this to solve hard problems on user experience and product
quality.
</P>
</div>
<div className={classNames(defaultFlexClasses, "col-span-3")}>
<H4>Building with an&nbsp;AI&nbsp;core</H4>
<P>
We're building with large language models in mind from the
ground up, rather than sprinkling them here and&nbsp;there.
</P>
</div>
</Grid>
</div>

<Footer />
Expand Down
Loading

0 comments on commit 2fa447b

Please sign in to comment.