diff --git a/src/components/home/ChooseTailcall.tsx b/src/components/home/ChooseTailcall.tsx index 624aab73e2..712654ff74 100644 --- a/src/components/home/ChooseTailcall.tsx +++ b/src/components/home/ChooseTailcall.tsx @@ -1,9 +1,10 @@ import React from "react" -import {chooseTailcall} from "@site/src/constants" +import { chooseTailcall, tailcallFeatures, Theme } from "@site/src/constants" +import LinkButton from "../shared/LinkButton" const ChooseTailcall = (): JSX.Element => { return ( - <> +

More reasons to choose tailcall.

@@ -24,7 +25,19 @@ const ChooseTailcall = (): JSX.Element => {
))} - +
+ {tailcallFeatures.map((item) => ( +
+ {`${item.title} + {item.title} +
+ ))} +
+ console.log('hey')} title="View More" /> + ) } diff --git a/src/constants/index.tsx b/src/constants/index.tsx index 5c464717a4..143e2e1ae4 100644 --- a/src/constants/index.tsx +++ b/src/constants/index.tsx @@ -37,7 +37,7 @@ export const partnerImages: PartnerImage[] = [ }, ] -const Highlight = ({text}: {text: string}) => ( +const Highlight = ({ text }: { text: string }) => ( <> {text} @@ -223,6 +223,49 @@ export const chooseTailcall: ChooseTailcall[] = [ }, ] +export const tailcallFeatures: TailcallFeatures[] = [ + { + id: 1, + title: "Powerful Batching Primitive", + image: require("@site/static/images/choose-tailcall/rocket.png").default, + }, + { + id: 2, + title: "Extensions with plugins and JS support", + image: require("@site/static/images/choose-tailcall/grid.png").default, + }, + { + id: 3, + title: "Field based Authentication & Authorisation", + image: require("@site/static/images/choose-tailcall/shield-tick.png").default, + }, + { + id: 4, + title: "Protocol agnostic", + image: require("@site/static/images/choose-tailcall/check-done.png").default, + }, + { + id: 5, + title: "Performance", + image: require("@site/static/images/choose-tailcall/line-chart-up.png").default, + }, + { + id: 6, + title: "Security", + image: require("@site/static/images/choose-tailcall/lock.png").default, + }, + { + id: 7, + title: "Edge Compatible", + image: require("@site/static/images/choose-tailcall/puzzle-piece.png").default, + }, + { + id: 8, + title: "Compile time tracks", + image: require("@site/static/images/choose-tailcall/clock-stopwatch.png").default, + }, +] + export const benefits: Benefits[] = [ { id: 1, @@ -439,7 +482,7 @@ export const pricingPlans: PricingPlans[] = [ ] export const radioOptions: RadioOptions[] = [ - {id: "1", name: "Evaluating", value: "evaluating"}, + { id: "1", name: "Evaluating", value: "evaluating" }, { id: "2", name: "Monolith", diff --git a/src/types/index.d.ts b/src/types/index.d.ts index ff1cd3d8b9..ed1422d74a 100644 --- a/src/types/index.d.ts +++ b/src/types/index.d.ts @@ -31,6 +31,12 @@ type ChooseTailcall = { image: string } +type TailcallFeatures = { + id: number + title: string + image: string +} + type Benefits = { id: number title: string diff --git a/static/images/choose-tailcall/check-done.png b/static/images/choose-tailcall/check-done.png new file mode 100644 index 0000000000..5d4af28b37 Binary files /dev/null and b/static/images/choose-tailcall/check-done.png differ diff --git a/static/images/choose-tailcall/clock-stopwatch.png b/static/images/choose-tailcall/clock-stopwatch.png new file mode 100644 index 0000000000..02ff0c7707 Binary files /dev/null and b/static/images/choose-tailcall/clock-stopwatch.png differ diff --git a/static/images/choose-tailcall/grid.png b/static/images/choose-tailcall/grid.png new file mode 100644 index 0000000000..a1dc8a1134 Binary files /dev/null and b/static/images/choose-tailcall/grid.png differ diff --git a/static/images/choose-tailcall/line-chart-up.png b/static/images/choose-tailcall/line-chart-up.png new file mode 100644 index 0000000000..f1b59c98f2 Binary files /dev/null and b/static/images/choose-tailcall/line-chart-up.png differ diff --git a/static/images/choose-tailcall/lock.png b/static/images/choose-tailcall/lock.png new file mode 100644 index 0000000000..266dcf3be7 Binary files /dev/null and b/static/images/choose-tailcall/lock.png differ diff --git a/static/images/choose-tailcall/puzzle-piece.png b/static/images/choose-tailcall/puzzle-piece.png new file mode 100644 index 0000000000..f006aeb3e7 Binary files /dev/null and b/static/images/choose-tailcall/puzzle-piece.png differ diff --git a/static/images/choose-tailcall/rocket.png b/static/images/choose-tailcall/rocket.png new file mode 100644 index 0000000000..663de934ce Binary files /dev/null and b/static/images/choose-tailcall/rocket.png differ diff --git a/static/images/choose-tailcall/shield-tick.png b/static/images/choose-tailcall/shield-tick.png new file mode 100644 index 0000000000..f6c9d93838 Binary files /dev/null and b/static/images/choose-tailcall/shield-tick.png differ