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}
+
+ ))}
+
+ 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