From e3c9341ce4b5e08863dcdb65dcd143480801c6f9 Mon Sep 17 00:00:00 2001
From: JaiBo <65864145+iafhurtado@users.noreply.github.com>
Date: Sun, 25 Feb 2024 18:27:17 +0100
Subject: [PATCH] fixed index copy and started working on streams
---
package.json | 2 +
packages/nextjs/components/index/data.js | 32 +-
packages/nextjs/components/index/faq.js | 10 +-
packages/nextjs/components/index/hero.tsx | 21 +-
.../nextjs/components/index/testimonials.js | 15 +-
.../nextjs/components/streams/SuperTokens.tsx | 122 +
.../components/streams/abis/CFAv1Forwarder.ts | 239 +
.../components/streams/abis/SuperTokenABI.ts | 887 ++++
packages/nextjs/pages/index.tsx | 34 +-
packages/nextjs/pages/streams.tsx | 14 +
packages/nextjs/public/warrior.png | Bin 0 -> 711639 bytes
yarn.lock | 4382 ++++++++++++++++-
12 files changed, 5575 insertions(+), 183 deletions(-)
create mode 100644 packages/nextjs/components/streams/SuperTokens.tsx
create mode 100644 packages/nextjs/components/streams/abis/CFAv1Forwarder.ts
create mode 100644 packages/nextjs/components/streams/abis/SuperTokenABI.ts
create mode 100644 packages/nextjs/pages/streams.tsx
create mode 100644 packages/nextjs/public/warrior.png
diff --git a/package.json b/package.json
index 9ea450c..8c3aa05 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,8 @@
"packageManager": "yarn@3.2.3",
"dependencies": {
"@nextui-org/modal": "^2.0.28",
+ "@superfluid-finance/sdk-core": "^0.6.12",
+ "@superfluid-finance/widget": "^0.4.8",
"@uniswap/sdk-core": "^4.0.10",
"@uniswap/smart-order-router": "^3.21.1",
"@uniswap/v3-sdk": "^3.10.2",
diff --git a/packages/nextjs/components/index/data.js b/packages/nextjs/components/index/data.js
index 2a2e5ca..054ee61 100644
--- a/packages/nextjs/components/index/data.js
+++ b/packages/nextjs/components/index/data.js
@@ -1,4 +1,4 @@
-import benefitOneImg from "../../public/benefit-one.png";
+import benefitOneImg from "../../public/warrior.png";
import benefitTwoImg from "../../public/benefit-two.png";
import {
AdjustmentsHorizontalIcon,
@@ -11,45 +11,45 @@ import {
const benefitOne = {
title: "El primer peso MXN decentralizado",
- desc: "Por medio de contratos inteligentes, $XOC se convierte en una peso MXN digital sin intermediarios de por medio, lo que significa que no está controlada por ningún gobierno o banco central. Esto permite a los usuarios enviar y recibir dinero de forma rápida y segura, sin importar dónde se encuentren.",
+ desc: "$XOC es la encarnación digital del peso mexicano gracias a los contratos inteligentes. Sin intermediarios, esto significa que está libre de control gubernamental o bancario. Así, los usuarios pueden realizar transacciones de manera rápida y segura, sin importar su ubicación.",
image: benefitOneImg,
bullets: [
{
- title: "Tu moneda es codigo en el internet",
- desc: "Es la siguiente evolución del dinero en linea.",
+ title: "Tu moneda, en código en la red:",
+ desc: "Es la evolución natural del dinero digital.",
icon: ,
},
{
- title: "Transacciones rápidas y seguras",
- desc: "Estamos en las redes de Polygon, Gnosis Chain y Optimism.",
+ title: "Transacciones ágiles y seguras:",
+ desc: "Con presencia en las redes de Polygon, Gnosis Chain y Optimism, $XOC garantiza rapidez y seguridad en cada transacción.",
icon: ,
},
{
- title: "Sin intermediarios de por medio",
- desc: "No está controlada por ningún gobierno o banco central.",
+ title: "Sin intermediarios:",
+ desc: "Libre de la influencia gubernamental o bancaria, $XOC te ofrece autonomía y libertad financiera.",
icon: ,
},
],
};
const benefitTwo = {
- title: "Construida por La DAO",
- desc: "Todo surge desde una comunidad de personas que buscan construir un sistema financiero abierto y descentralizado. La DAO es una organización autónoma descentralizada que se encarga de gestionar todo el trabajo requerido para construir en DeFi.",
+ title: "Desarrollado por La DAO",
+ desc: "En el corazón de Scaffold-XOC late el espíritu de una comunidad dedicada a forjar un sistema financiero abierto y descentralizado. La DAO representa una organización autónoma descentralizada que lidera el camino en la construcción de soluciones innovadoras en DeFi.",
image: benefitTwoImg,
bullets: [
{
- title: "Construimos usando herramientas Web3",
- desc: "OpenZeppelin, Scaffold-Eth-2, DaoHaus, Safe y muchas mas...",
+ title: "Construyendo con herramientas Web3:",
+ desc: "Nuestro arsenal está compuesto por las mejores herramientas de Web3, desde OpenZeppelin hasta Scaffold-Eth-2, pasando por DAOHaus y Safe, entre muchas otras. Cada una de estas herramientas es una pieza clave en la construcción de un futuro financiero más inclusivo y accesible.",
icon: ,
},
{
- title: "Una nueva democracia financiera",
- desc: "Todo el trabajo esta direccionado a construir una nueva forma mas justa de hacer finanzas.",
+ title: "Una nueva era de democracia financiera:",
+ desc: "Cada línea de código, cada reunión, cada decisión está orientada hacia la creación de un sistema financiero más equitativo y transparente. Nos comprometemos a impulsar una revolución financiera que brinde oportunidades para todos, sin importar su origen o situación económica.",
icon: ,
},
{
- title: "Encuentra un mentor, o se el que nunca tuviste",
- desc: "Nos encanta onboardear mas y mas gente dispuesta a contribuir.",
+ title: "Encuentra un mentor, o sé el mentor que siempre quisiste tener:",
+ desc: "En La DAO, valoramos el crecimiento personal y profesional. Estamos aquí para guiar y apoyar a aquellos que desean contribuir y aprender. ¡Únete a nosotros y sé parte de esta emocionante jornada hacia un futuro financiero más brillante y equitativo!",
icon: ,
},
],
diff --git a/packages/nextjs/components/index/faq.js b/packages/nextjs/components/index/faq.js
index 35d91cc..1bbf41d 100644
--- a/packages/nextjs/components/index/faq.js
+++ b/packages/nextjs/components/index/faq.js
@@ -5,7 +5,7 @@ const FaqItem = ({ question, answer }) => {
return (
-
+
{question}
@@ -33,22 +33,22 @@ const faqdata = [
{
question: "Como se respalda el valor de cada $XOC?",
answer:
- "Cada $XOC está respaldado por un token ERC20 en la red de Polygon, Gnosis Chain and Optimism, el cual se puede liquidar por el valor equivalente a la deuda en XOC y saldar la cuenta en el proceso, todo confiando en la red de validadores.",
+ "Cada $XOC está respaldado por un token ERC20 en las redes de Polygon, Gnosis Chain y Optimism. Este respaldo garantiza que cada $XOC pueda ser liquidado por su valor equivalente en deuda en $XOC y saldar la cuenta en el proceso, todo respaldado por la red de validadores.",
},
{
question: "Que puedo hacer con $XOC?",
answer:
- "Puedes usar $XOC para pagar tus deudas, comprar bienes y servicios, o simplemente mantenerlo como una reserva de valor como si fuera cualquier otro peso mexicano. Lo mas impactante que puedes hacer es apoyar a la comunidad de La DAO construyendo el siguiente sistema fincanciero abierto y decentralizado.",
+ "Puedes utilizar $XOC para pagar deudas, adquirir bienes y servicios, o simplemente mantenerlo como reserva de valor, al igual que cualquier otro peso mexicano. Además, puedes apoyar a la comunidad de La DAO construyendo el próximo sistema financiero abierto y descentralizado.",
},
{
question: "Quien mantiene todo esto? ",
answer:
- "Usamos un modelo de negocio por medio una DAO, al momento se llama solo 'La DAO' quien se encarga de gestionar todo el trabajo requerido para construir en DeFi.",
+ "Utilizamos un modelo de negocio basado en una DAO, actualmente conocida como 'La DAO'. Esta organización autónoma descentralizada se encarga de gestionar todo el trabajo necesario para construir en DeFi.",
},
{
question: "Como me involucro? ",
answer:
- "Puedes comprar $XOC en cualquier exchange que lo ofrezca, o puedes participar en la DAO y ayudar a construir el futuro de las finanzas descentralizadas. Si tienes alguna habilidad que creas que pueda ser útil, no dudes en contactarnos.",
+ "Puedes adquirir $XOC en cualquier exchange que lo ofrezca, o participar en la DAO y contribuir a la construcción del futuro de las finanzas descentralizadas. Si tienes habilidades que crees que puedan ser útiles, no dudes en contactarnos.",
},
];
diff --git a/packages/nextjs/components/index/hero.tsx b/packages/nextjs/components/index/hero.tsx
index 6439ab2..b8adb5a 100644
--- a/packages/nextjs/components/index/hero.tsx
+++ b/packages/nextjs/components/index/hero.tsx
@@ -95,22 +95,27 @@ const Hero = () => {
Bienvenidos
A Scaffold-XOC
-
- Este proyecto open-source es construido con{" "}
+
+ ¡Nos complace tenerte aquí!
+
+
+ Scaffold-XOC es un proyecto de código abierto diseñado con{" "}
- scaffold-eth-2
+ Scaffold-Eth-2.
{" "}
- lo que significa que puedes clonar el codigo y usarlo a tu favor. Incluye algunas funciones conectadas a
- los contratos de $XOC, incluyendo el ERC-20 y el protocolo para acuñar y quemar el stablecoin y una
- interfaz de usuario sencilla con la que interactuar.
+ Esto significa que puedes clonar el código y empezar a utilizarlo fácilmente. Incluye funciones conectadas
+ a los contratos de $XOC y el protocolo para acuñar y quemar el stablecoin. Además, cuenta con una interfaz
+ de usuario intuitiva para que puedas empezar a interactuar de forma sencilla.
-
- Compra tus primeros 100 $XOC para apoyar a los desarrolladores de este proyecto.
+
+ ¡No importa tu nivel de experiencia! Ya seas un experto en tecnología blockchain o estés dando tus
+ primeros pasos, Scaffold-XOC está aquí para ayudarte a comprender y utilizar $XOC de manera fácil y
+ accesible. ¡Explora, aprende y únete a la revolución de las finanzas descentralizadas con Scaffold-XOC!
- Share a real testimonial
- that hits some of your benefits from one of your popular customer.
+ $XOC revolucionó mi desarrollo financiero. Rápido, seguro y empoderador. Gracias por abrir
+ posibilidades.
-
+
- Make sure you only pick the right sentence
- to keep it short and simple.
+ Con $XOC, las transacciones son rápidas y seguras. Me siento parte de una comunidad sólida.
-
+
- This is an awesome landing page template I've seen. I would use this for anything.
+ $XOC simplifica mis transacciones. Empoderamiento financiero y acceso a DeFi. ¡Gracias por la revolución!
-
- El uso de $XOC es la unica forma de integrarte a la comunidad emergente Web3 que estar creciendo en México y el
- mundo. Aquí te dejamos algunos beneficios de usar $XOC.
+
+ $XOC te abre las puertas a la creciente comunidad de Web3, tanto en México como en el mundo. Descubre los
+ múltiples beneficios que ofrece:
-
- Aprende como funciona la magia de $XOC y como puedes empezar a usarlo. Aquí te dejamos un video para que te des
- una idea de como funciona el protocolo y donde queda mas trabajo por hacer.
-
-
- Aqui te dejamos algunos testimonios de la comunidad emergente que esta construyendo y ya esta usando $XOC y como
- les ha cambiado la vida.
+ {/*
+
+
¿Te preguntas cómo se lleva a cabo la magia de $XOC? ¿Quieres entender cómo funciona este innovador protocolo y cómo puedes comenzar a usarlo? ¡No busques más! Te presentamos un video que te llevará paso a paso a través del fascinante mundo de $XOC.
+
+
Descubre la magia de $XOC:
+
+
+
Aprende cómo funciona el protocolo.
+
Descubre las posibilidades que ofrece.
+
Prepárate para ser parte de la revolución financiera.
+
¡Prepárate para una experiencia visual que te dejará con ganas de más!