+
+
+
+
Collate off-chain and on-chain data
- Connect your private data source securely into the Top Ledger platform and combine it with on-chain Solana smart contract data.
-
Answer complex questions, strengthen decision making and finally share the enriched dashboards with your key stakeholders.
-
-
-
+ Connect your private data source securely into the Top Ledger
+ platform and combine it with on-chain Solana smart contract data.
+
+
+ Answer complex questions, strengthen decision making and finally
+ share the enriched dashboards with your key stakeholders.{" "}
+
diff --git a/components/TrustedBySection/index.jsx b/components/TrustedBySection/index.jsx
new file mode 100644
index 00000000..432a57b0
--- /dev/null
+++ b/components/TrustedBySection/index.jsx
@@ -0,0 +1,69 @@
+import cx from "classnames";
+
+import styles from "./index.module.scss";
+
+const trustees = [
+ {
+ link: "https://tulip.garden/",
+ icon: "/assets/images/trustee-icons/solana-foundation.svg",
+ name: "Solana Foundation",
+ },
+ {
+ link: "https://www.metaplex.com/",
+ icon: "/assets/images/trustee-icons/metaplex.svg",
+ name: "Metaplex",
+ },
+ {
+ link: "https://tulip.garden/",
+ icon: "/assets/images/trustee-icons/orca.svg",
+ name: "Orca",
+ },
+ {
+ link: "https://invariant.app/",
+ icon: "/assets/images/trustee-icons/drift.svg",
+ name: "Drift",
+ },
+ {
+ link: "https://tulip.garden/",
+ icon: "/assets/images/trustee-icons/squads.svg",
+ name: "Squads",
+ },
+ {
+ link: "https://tulip.garden/",
+ icon: "/assets/images/trustee-icons/switchboard.svg",
+ name: "Switchboard",
+ },
+ {
+ link: "https://gari.network/",
+ icon: "/assets/images/trustee-icons/drip.svg",
+ name: "Drip",
+ },
+ {
+ link: "https://squads.so/",
+ icon: "/assets/images/trustee-icons/frakt.svg",
+ name: "Frakt",
+ },
+];
+
+const TrustedBySection = () => {
+ return (
+
+
+
+
+ {trustees.map((trustee) => (
+
+ ))}
+
+
+ );
+};
+
+export default TrustedBySection;
diff --git a/components/TrustedBySection/index.module.scss b/components/TrustedBySection/index.module.scss
new file mode 100644
index 00000000..09d7012a
--- /dev/null
+++ b/components/TrustedBySection/index.module.scss
@@ -0,0 +1,117 @@
+@import "@/assets/styles/mixins.scss";
+
+.trustees {
+ --scaling-factor: 1.3;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ background-color: rgba(255, 255, 255, 0);
+ backdrop-filter: blur(8px);
+ padding: calc(10.4rem / var(--scaling-factor))
+ calc(17.6rem / var(--scaling-factor)) calc(12.6rem / var(--scaling-factor));
+
+ &::before {
+ content: " ";
+ background-image: url(/assets/images/dashboard-background.png);
+ display: inline-flex;
+ position: absolute;
+ width: 100%;
+ height: calc(100% + 2rem);
+ left: 0;
+ top: 0;
+ opacity: 0.15;
+ z-index: -1;
+ }
+
+ :global {
+ .trustedText {
+ position: relative;
+ padding-bottom: 0.5rem;
+
+ &::after {
+ content: " ";
+ display: inline-block;
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ width: 100%;
+ border-bottom: 2px solid #1a3989;
+ z-index: 1;
+ }
+ }
+ }
+
+ .imagesContainer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: calc(5rem / var(--scaling-factor))
+ calc(10rem / var(--scaling-factor));
+ backdrop-filter: blur(20px);
+ --border-radius: calc(5.33rem / var(--scaling-factor));
+ border-radius: var(--border-radius);
+ @include gradient-border(var(--border-radius));
+ box-shadow: 0px 2px 4px rgba(255, 255, 255, 1);
+
+ @media screen and (max-width: 1200px) {
+ --border-radius: calc(2rem / var(--scaling-factor));
+ padding: calc(2rem / var(--scaling-factor));
+ }
+
+ &::before {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ border-radius: var(--border-radius);
+ filter: blur(20px);
+ background-image: url("/assets/images/clientbg.webp");
+ background-size: cover;
+ background-position: 50% 50%;
+ background-attachment: fixed;
+ }
+
+ .bottomImages {
+ width: calc(54rem / var(--scaling-factor));
+ padding: calc(2.66rem / var(--scaling-factor))
+ calc(8.66rem / var(--scaling-factor));
+
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ gap: calc(2.33rem / var(--scaling-factor));
+
+ border-radius: calc(3.2rem / var(--scaling-factor));
+ border: 1px solid rgba(26, 57, 137, 0.25);
+ background: rgba(26, 57, 137, 0.64);
+ box-shadow: 0px 4px 9px 0px rgba(80, 80, 160, 0.25);
+
+ :global {
+ .icon {
+ height: calc(3rem / var(--scaling-factor));
+ display: inline-flex;
+ align-items: center;
+ }
+ }
+
+ @media screen and (max-width: 1200px) {
+ width: auto;
+ padding: calc(1rem / var(--scaling-factor));
+ border-radius: calc(1.5rem / var(--scaling-factor));
+ }
+ }
+
+ @media screen and (max-width: 1200px) {
+ margin: 0rem 1rem;
+ }
+ }
+
+ @media screen and (max-width: 1200px) {
+ padding: calc(2rem / var(--scaling-factor))
+ calc(0rem / var(--scaling-factor)) calc(2rem / var(--scaling-factor));
+ }
+}
diff --git a/components/WeOffer/index.js b/components/WeOffer/index.js
index 3ea0957a..40b124e7 100644
--- a/components/WeOffer/index.js
+++ b/components/WeOffer/index.js
@@ -16,10 +16,9 @@ const WeOffer = () => {
Build custom dashboards using plain SQL
Create successful business strategies, generate meaningful graphs
- and do powerful analysis on the decoded Solana program
- data. Our backend infra pulls in raw data from the Solana
- blockchain and labels and indexes them into different tables on a
- daily basis.
+ and do powerful analysis on the decoded Solana program data. Our
+ backend infra pulls in raw data from the Solana blockchain and
+ labels and indexes them into different tables on a daily basis.
Run blazingly fast SQL queries and leave auto-scaling, replication
@@ -30,12 +29,15 @@ const WeOffer = () => {
+ 
@@ -54,7 +56,7 @@ const WeOffer = () => {
-
- 
- 
- 
- 
- 
- 
- 
-