const accountId = context.accountId; <Widget src="duocelot.near/widget/error_001" />; const MenuImage = styled.img` box-sizing: border-box; width: 150px; height: auto; border-radius: 30px; margin-right: 10px; display: flex; align-items: center; `; const ContentDiv = styled.div` flex: 1; background-color: #E0E0E0; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; position: relative; // To position the back button absolutely within this div `; const Title = styled.h1` margin: 0; margin-bottom: 20px; font-size: 24px; color: #333; `; const Text = styled.p` margin: 0; font-size: 16px; color: #666; `; const IconLink = styled.div` width: 60px; // Enlarged size height: 60px; // Enlarged size background-color: #666; border-radius: 5px; margin-right: 10px; `; const Button = styled.button` padding: 5px 10px; border: none; border-radius: 15px; background-color: #333; color: #fff; cursor: pointer; position: absolute; // Absolute positioning bottom: 10px; // Position at the bottom right right: 10px; `; const imageUrl = "https://ipfs.near.social/ipfs/bafkreifzp5dafotrrzitwrp2op6shyavpad4nx6rxl2wk2xf343a6vtgqa"; return ( <div style={{ width: "100%", height: "100%", background: "linear-gradient(to right, white, white, white)", backgroundSize: "100% 100%", backgroundPosition: "center", position: "relative", overflow: "hidden", zIndex: 0, display: "flex", alignItems: "center", justifyContent: "center", padding: "10px", }} > <MenuImage src={imageUrl} alt="btn" /> <ContentDiv> <div> <Title>DEV - DEV CONSTELLATION </Title> <Text> At NEAR Protocol, the developer community stands as the bedrock of innovation. With a commitment to open-source ideals, robust tooling, and cutting-edge infrastructure, NEAR empowers developers to craft decentralized solutions seamlessly. From dApps to smart contracts, the DEV team at NEAR is shaping the future of blockchain, prioritizing scalability, security, and user experience. Together, they're not just building on a platform; they're pioneering a decentralized revolution </Text> <div style={{ display: "flex", alignItems: "center", marginTop: "10px" }} > <IconLink /> <IconLink /> <IconLink /> <IconLink /> <IconLink /> <IconLink /> <IconLink /> </div> </div> <Button onClick={() => (window.location.href = "https://near.social/duocelot.near/widget/onboardHUB") } > Back </Button> </ContentDiv> </div> );