diff --git a/index.html b/index.html index aecbe30..90b11ab 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,7 @@ - - + Rubix diff --git a/src/assets/images/contactDiscord.png b/src/assets/images/contactDiscord.png new file mode 100644 index 0000000..3c243a5 Binary files /dev/null and b/src/assets/images/contactDiscord.png differ diff --git a/src/assets/images/favicon.png b/src/assets/images/favicon.png new file mode 100644 index 0000000..72359f5 Binary files /dev/null and b/src/assets/images/favicon.png differ diff --git a/src/components/BuildPage/Solve.jsx b/src/components/BuildPage/Solve.jsx index 2e168d7..e84d16f 100644 --- a/src/components/BuildPage/Solve.jsx +++ b/src/components/BuildPage/Solve.jsx @@ -28,10 +28,7 @@ const items = [ id: 1, img: image1, title: "DeFi Apps", - content: `Use Rubix to develop DeFi apps with improved payment processing, - money transfers, record keeping, and compliance reporting.
-
- Use Rubix to develop a variety of DeFi apps. + content: `Use Rubix to develop a variety of DeFi apps. Rubix can also help you with improving payment processing, money transfers, record keeping, and compliance reporting.`, }, @@ -40,9 +37,6 @@ const items = [ img: token, title: "Tokenization", content: `Rubix allows you to build ultra-scalable, interoperable, - and permissioned networks across industries at low or no cost, without any intermediaries.
-
- Rubix allows you to build ultra-scalable, interoperable, and permissioned networks to build asset tokenization use cases across industries at low or no cost, without any intermediaries. `, @@ -51,11 +45,7 @@ const items = [ id: 3, img: collab, title: "Data Collaboration", - content: `Rubix in tandem with the right privacy-enhancing tools, - can help organisations build trustless and permissionless data collaboration use cases.
-
- - Rubix in tandem with the right privacy-enhancing tools, can help organisations build trustless and permissionless data collaboration use cases. + content: `Rubix in tandem with the right privacy-enhancing tools, can help organisations build trustless and permissionless data collaboration use cases. The plethora of use cases could range from simple insight sharing to running acquisition campaigns on second-party data or non-competing brands building federated learning-based look-alike models without sharing PII data with each other.`, }, @@ -91,9 +81,9 @@ const Solve = () => { const handleToggle = (index) => { setExpandedCardIndex((prevIndex) => (prevIndex === index ? null : index)); setCollapseStates((prevStates) => { - const updatedStates = [...prevStates]; // Create a copy of previous states - updatedStates[index] = !updatedStates[index]; // Toggle the state of the clicked card - return updatedStates; // Return the updated states + const updatedStates = [...prevStates]; + updatedStates[index] = !updatedStates[index]; + return updatedStates; }); }; diff --git a/src/components/Card/CommCard.jsx b/src/components/Card/CommCard.jsx index 33f5c26..b01b4ac 100644 --- a/src/components/Card/CommCard.jsx +++ b/src/components/Card/CommCard.jsx @@ -4,6 +4,7 @@ import { Text, SimpleGrid, Card, Image, Box, Flex } from "@chakra-ui/react"; // import map from "../../assets/images/map-pin.png"; import linkedin from "../../assets/images/linkedin.png"; import games from "../../assets/images/discot.png"; +import { Link } from "react-router-dom"; const CommCard = ({ id, imageUrl, name, jobTitle, description, location }) => { return ( @@ -14,23 +15,24 @@ const CommCard = ({ id, imageUrl, name, jobTitle, description, location }) => { backgroundRepeat={"no-repeat"} > - - + { position: "absolute", bottom: 0, left: "15px", - height: "62%", + height: "84%", width: "100%", borderLeft: "1px solid #ffffff70", }} > - - + + + + {/* */} {/* { }} > { fontSize={"38px"} color={"#fff"} marginBottom={"3rem"} + textAlign={"center"} sx={{ "@media (max-width: 500px)": { fontSize: "22px", diff --git a/src/components/Community/Place.jsx b/src/components/Community/Place.jsx index fafbb28..bddde97 100644 --- a/src/components/Community/Place.jsx +++ b/src/components/Community/Place.jsx @@ -76,6 +76,7 @@ const Place = () => { fontSize={"38px"} textTransform={"capitalize"} color={"#fff"} + textAlign={"center"} sx={{ "@media (max-width: 500px)": { fontSize: "22px", diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx index bcd9cbd..d8ee21c 100644 --- a/src/components/Contact/Form.jsx +++ b/src/components/Contact/Form.jsx @@ -24,7 +24,7 @@ import { } from "@chakra-ui/react"; import BGimage from "../../assets/images/form.webp"; import formx from "../../assets/images/formx.png"; -import formfb from "../../assets/images/formfb.png"; +import discord from "../../assets/images/contactDiscord.png"; import forml from "../../assets/images/forml.png"; import { Link } from "react-router-dom"; import ReCAPTCHA from "react-google-recaptcha"; @@ -191,19 +191,22 @@ const Contact = () => { marginTop={"20px"} gap={"2rem"} > - + - - - - + + + + - + {/* { 914 578 1245 - + */} {/* Form */} @@ -437,9 +440,9 @@ const Contact = () => { required: true, })} /> - {errors.Email && ( + {errors.email && (

- {errors.Email.message} + {errors.email.message}

)} @@ -483,9 +486,9 @@ const Contact = () => { required: true, })} /> - {errors.Phone && ( + {errors.phone && (

- {errors.Phone.message} + {errors.phone.message}

)} @@ -533,9 +536,9 @@ const Contact = () => { )} /> - {errors.selectOption && ( + {errors.typeofenquiry && (

- {errors.selectOption.message} + {errors.typeofenquiry.message}

)} diff --git a/src/components/HomePage/Resources.jsx b/src/components/HomePage/Resources.jsx index 6395b1c..67cffc2 100644 --- a/src/components/HomePage/Resources.jsx +++ b/src/components/HomePage/Resources.jsx @@ -10,10 +10,10 @@ const content = [ link: `bring-your-own-blockspace`, }, { - id: 2, - date: `Published: December 30, 2021`, - text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`, - link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`, + id: 5, + date: `Published: January 28, 2022`, + text: `Enterprise blockchains on a Public Chain!`, + link: `enterprise-blockchains-on-a-public-chain`, }, { id: 3, @@ -27,18 +27,19 @@ const content = [ text: `Securing wallet to wallet transfers across the network: Rubix solved it differently`, link: `securing-wallet-to-wallet-transfers-across-the-network-rubix-solved-it-differently`, }, - { - id: 5, - date: `Published: January 28, 2022`, - text: `Enterprise blockchains on a Public Chain!`, - link: `enterprise-blockchains-on-a-public-chain`, - }, + { id: 6, date: `Published: January 12, 2022`, text: `Multichain over Blockchain — A reality check on security threat`, link: `multichain-over-blockchain-a-reality-check-on-security-threat`, }, + { + id: 2, + date: `Published: December 30, 2021`, + text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`, + link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`, + }, // { // id: 7, // date: `Published: January 12, 2022`, @@ -103,7 +104,7 @@ const Resources = () => { {content.map((item) => ( diff --git a/src/components/HomePage/Stats.jsx b/src/components/HomePage/Stats.jsx index f1d1b54..1e21652 100644 --- a/src/components/HomePage/Stats.jsx +++ b/src/components/HomePage/Stats.jsx @@ -178,7 +178,7 @@ const Stats = () => { {inView && ( { {inView && ( { {inView && ( { return ( @@ -21,7 +22,7 @@ const GetStarted = () => { { }, }} > - Rubix allows developers to build on a fast, secure, and scalable chain - that has a unique approach to data sharing, objects. + 4 easy steps to quickly launch your dAPP @@ -88,7 +88,7 @@ const GetStarted = () => { }} > - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} { { }, }} > - - Start by reading our whitepaper + Step 1 - Start by reading our whitepaper + + Click here to download + + + + + Step 2 - Install a Rubix node on your laptop + + + Step 3 - Migrate your current use case or process to Rubix { }, }} > - - Install a Rubix node on your laptop - - - - Migrate your current use case or process to Rubix - - - - Design your first dApp + Step 4 - Design your first dApp diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx index 37c51a2..4974913 100644 --- a/src/components/NavBar/NavBar.jsx +++ b/src/components/NavBar/NavBar.jsx @@ -251,11 +251,11 @@ const NavBar = () => { target="_blank" rel="noopener noreferrer" className="link" - style={ - location.pathname === "/LearnPage" - ? highlight - : normal - } + // style={ + // location.pathname === "/LearnPage" + // ? highlight + // : normal + // } > { target="_blank" rel="noopener noreferrer" className="link" - style={ - location.pathname === "/LearnPage" - ? highlight - : normal - } + // style={ + // location.pathname === "/LearnPage" + // ? highlight + // : normal + // } > { target="_blank" rel="noopener noreferrer" className="link" - style={ - location.pathname === "/LearnPage" - ? highlight - : normal - } + // style={ + // location.pathname === "/LearnPage" + // ? highlight + // : normal + // } > { */} - + {/* - {/* */} - + /> + */} { - const firstBoxRef = useRef(null); - const secondBoxRef = useRef(null); - const thirdBoxRef = useRef(null); - const mainBox = useRef(null); + // const firstBoxRef = useRef(null); + // const secondBoxRef = useRef(null); + // const thirdBoxRef = useRef(null); + // const mainBox = useRef(null); useEffect(() => { // gsap.set(firstBoxRef.current, { opacity: 1 }); - let tl = gsap - .timeline({ - scrollTrigger: { - trigger: mainBox.current, - start: "top top", - scrub: 1, - pin: true, - end: "bottom bottom-=500vh", - markers: false, - }, - }) - .fromTo(firstBoxRef.current, { opacity: 1 }, { opacity: 0 }) - .fromTo(secondBoxRef.current, { opacity: 0 }, { opacity: 1 }) - .fromTo(secondBoxRef.current, { opacity: 1 }, { opacity: 0 }) - .fromTo(thirdBoxRef.current, { opacity: 0 }, { opacity: 1 }); + // let tl = gsap + // .timeline({ + // scrollTrigger: { + // trigger: mainBox.current, + // start: "top top", + // scrub: 1, + // pin: true, + // end: "bottom bottom-=500vh", + // markers: false, + // }, + // }) + // .fromTo(firstBoxRef.current, { opacity: 1 }, { opacity: 0 }) + // .fromTo(secondBoxRef.current, { opacity: 0 }, { opacity: 1 }) + // .fromTo(secondBoxRef.current, { opacity: 1 }, { opacity: 0 }) + // .fromTo(thirdBoxRef.current, { opacity: 0 }, { opacity: 1 }); // .fromTo( // firstBoxRef.current, @@ -65,7 +66,7 @@ export const NewSubnetComp = () => { // ); return () => { - tl.kill(); + // tl.kill(); }; }, []); @@ -77,18 +78,18 @@ export const NewSubnetComp = () => { }} > { textAlign={"center"} height={"100vh"} display={"grid"} + // p={10} + paddingTop={"10rem"} alignContent={"center"} > { }, }} > - {SubnetContent.heading} + decentralised Auto Syncing subnets { width={"100%"} padding={"0 5rem"} paddingBottom={"2rem"} - ref={secondBoxRef} - position={"absolute"} - top={"0"} - left={"0"} + // ref={secondBoxRef} + // position={"absolute"} + // top={"0"} + // left={"0"} display={"grid"} placeContent={"center"} > { width={"100%"} padding={"2rem"} // paddingBottom={"2rem"} - ref={thirdBoxRef} - position={"absolute"} - top={"0"} - left={"0"} + // ref={thirdBoxRef} + // position={"absolute"} + // top={"0"} + // left={"0"} display={"grid"} placeContent={"center"} >