Merge pull request #769 from iron-fish/bridge-launch

Bridge launch

components/BridgeDropdown/BridgeDropdown.tsx

@@ -28,21 +28,14 @@ export function BridgeDropdown() {
   return (
     <Box position="relative">
       <ButtonContents hidden />
-      <ButtonContents
-        disabled
-        position="absolute"
-        top={0}
-        left={0}
-        zIndex={1}
-      />
+      <ButtonContents position="absolute" top={0} left={0} zIndex={1} />
     </Box>
   );
 }
 
 function ButtonContents({
   hidden,
   children,
-  disabled,
   ...rest
 }: BoxProps & {
   hidden?: boolean;
@@ -61,36 +54,11 @@ function ButtonContents({
       borderRadius={28}
       onClick={toggleIsOpen}
       w="100%"
-      disabled={disabled}
-      _disabled={{
-        cursor: "not-allowed",
-        bg: "#F3F3F4",
-      }}
       {...rest}
     >
-      <Flex
-        flexDir="column"
-        px={10}
-        h={14}
-        alignItems="center"
-        gap={disabled ? 0 : 2}
-        justifyContent="center"
-      >
-        {disabled ? (
-          <>
-            <Text lineHeight="1.2" fontSize="sm" color="#686868">
-              {formatMessage(messages.bridge)}
-            </Text>
-            <Text whiteSpace="nowrap" fontSize="xs" color="#686868">
-              {formatMessage(messages.comingSoon)}
-            </Text>
-          </>
-        ) : (
-          <>
-            <Text fontSize="xl">Bridge</Text>
-            {isOpen ? <IoChevronUp size={20} /> : <IoChevronDown size={20} />}
-          </>
-        )}
+      <Flex px={10} h={14} alignItems="center" gap={2} justifyContent="center">
+        <Text fontSize="xl">Bridge</Text>
+        {isOpen ? <IoChevronUp size={20} /> : <IoChevronDown size={20} />}
       </Flex>
       {!hidden && isOpen && (
         <>

components/Footer/Footer.tsx

@@ -153,20 +153,20 @@ export function Footer() {
       <Flex
         alignItems={{
           base: "flex-start",
-          lg: "center",
+          xl: "center",
         }}
         w="100%"
         flexDirection={{
           base: "column",
-          lg: "row",
+          xl: "row",
         }}
       >
         <Flex
           alignItems="center"
           w="100%"
           mb={{
             base: 16,
-            lg: 0,
+            xl: 0,
           }}
         >
           <Circle />
@@ -181,6 +181,24 @@ export function Footer() {
               md: "row",
             }}
           >
+            <Text
+              as={Link}
+              href="/terms-and-conditions"
+              _hover={{
+                textDecoration: "underline",
+              }}
+            >
+              Terms and Conditions
+            </Text>
+            <Text
+              mx={2}
+              display={{
+                base: "none",
+                md: "block",
+              }}
+            >
+              |
+            </Text>
             <Text
               as={Link}
               href="/privacy-policy"

components/HomePage/Hero/Hero.tsx

@@ -117,15 +117,15 @@ export function Hero() {
         >
           <Box width="100%">
             <AspectRatio position="relative" ratio={657 / 424}>
-              {/* <VideoPopup videoUrl="https://x3mk3ilmgdzxy3rj.public.blob.vercel-storage.com/hero-video-vGWSDl6a97OlvBkJuv3tXnzqGJOwDD.mp4"> */}
-              <Image
-                priority
-                src="/images/home/hero-video.png"
-                alt=""
-                style={{ objectFit: "contain" }}
-                fill
-              />
-              {/* </VideoPopup> */}
+              <VideoPopup videoUrl="https://x3mk3ilmgdzxy3rj.public.blob.vercel-storage.com/hero-video-vGWSDl6a97OlvBkJuv3tXnzqGJOwDD.mp4">
+                <Image
+                  priority
+                  src="/images/home/hero-video.png"
+                  alt=""
+                  style={{ objectFit: "contain" }}
+                  fill
+                />
+              </VideoPopup>
             </AspectRatio>
           </Box>
         </GridItem>

components/HomePage/Safety/Safety.tsx

@@ -276,18 +276,12 @@ function ItemCard({
   comingSoon,
   ...rest
 }: ItemCardProps) {
-  const linkProps = comingSoon
-    ? null
-    : {
-        as: Link,
-        href,
-        target: href.startsWith("http") ? "_blank" : undefined,
-        rel: href.startsWith("http") ? "noreferrer" : undefined,
-      };
-
   return (
     <ShadowBox
-      {...linkProps}
+      as={Link}
+      href={href}
+      target={href.startsWith("http") ? "_blank" : undefined}
+      rel={href.startsWith("http") ? "noreferrer" : undefined}
       bg="#242424"
       borderColor="#3B3B3B"
       shadowColor="#242424"
@@ -321,15 +315,7 @@ function ItemCard({
       <Text color="white" textStyle="md" mb={8}>
         {description}
       </Text>
-      {comingSoon ? (
-        <Box mb={8} bg="#2F3A1F" borderRadius="4px">
-          <Text px={6} py={2} color="#C7F182">
-            Coming Soon
-          </Text>
-        </Box>
-      ) : (
-        <FancyLink color="pink.400">{linkText}</FancyLink>
-      )}
+      <FancyLink color="pink.400">{linkText}</FancyLink>
 
       <HStack flexGrow={1} alignItems="flex-end" {...imageContainerProps}>
         <Image src={imageSrc} alt={name} />

content/get-started/sidebar.ts

@@ -1,7 +1,6 @@
 import { SidebarDefinition } from "@/lib/markdown";
 
 export const sidebar: SidebarDefinition = [
-  "get-started",
   "mining",
   // "ledger", // TODO: Uncomment after Ledger Live launch
   "glossary",

content/legal/terms-and-conditions.mdx

@@ -0,0 +1,96 @@
+---
+title: Terms and Conditions
+description: Terms and Conditions | Iron Fish
+---
+
+## Legal Disclaimer
+
+**Last updated on January 2025**
+
+Please read this disclaimer carefully before using [https://ironfish.network](https://ironfish.network/) (hereinafter referred to as the "Website," and the services offered therein as "Our Services").
+
+The terms of use of the Website contained herein (the "Terms of Use") are entered into by and between the Website user ("You") and Iron Fish Inc. (hereinafter referred to as "We," "Us," or "Our").
+
+By accessing or utilizing the Website, you acknowledge and agree to these Terms of Use, as well as any additional terms referenced herein. If you do not agree, you must cease using the Website and its services immediately.
+
+You further represent and warrant that you:
+
+(a) are of legal age to enter into a binding agreement;
+
+(b) have not been previously banned, suspended, or otherwise prohibited from using Our Services; and
+
+(c) have full legal authority to enter into this agreement and, in doing so, do not violate any applicable laws or agreements to which you are a party.
+
+If you are using the Website on behalf of a legal entity, you also represent and warrant that:
+
+(a) the entity is validly registered and operating under the applicable laws of its jurisdiction, and
+
+(b) you are duly authorized to act on behalf of the entity and bind it to these Terms of Use.
+
+### Purpose and Nature of the Service
+
+Iron Fish provides a decentralized platform and protocol for private and secure blockchain transactions. The protocol consists of open-source or source-available software, including smart contracts deployed on blockchain networks. By interacting with the protocol and its associated user interface, you acknowledge the experimental nature of the technology and the inherent risks that come with its use.
+
+Your use of the Iron Fish Website and protocol is entirely voluntary and based on your own understanding of the associated risks. It is your responsibility to review all relevant documentation, terms, and risk disclosures to ensure you fully understand the functionalities, limitations, and potential outcomes of using the protocol.
+
+Additionally, just as email protocols (e.g., SMTP) may be accessed through various clients, the Iron Fish protocol may be accessed through multiple web or mobile interfaces. You are responsible for conducting due diligence on any third-party interfaces you use and understanding the associated risks and costs.
+
+### Risks Associated with Use
+
+Your participation in the Iron Fish ecosystem, including but not limited to interacting with the protocol or conducting transactions via the Website, involves significant risks. These risks may include, but are not limited to:
+
+- Loss of funds due to user error (e.g., sending tokens to incorrect addresses).
+- Bugs or vulnerabilities in smart contracts or the protocol.
+- Fluctuations in the value of cryptocurrencies or other digital assets.
+- Temporary or permanent unavailability of blockchain infrastructure.
+- Failures caused by hardware, software, or network issues.
+- Security breaches, including the introduction of malicious software or unauthorized access to your wallet.
+
+The Company does not own or control the protocol, which operates via deployed smart contracts. By using the protocol, you accept that the Company is not responsible for any losses, damages, or disruptions resulting from your interaction with the protocol or other users.
+
+**The Website, protocol, and all associated services are provided on an "AS IS" and "AS AVAILABLE" basis, without warranties of any kind, either express or implied.**
+
+### Experimental Technology
+
+The Iron Fish protocol is an experimental project. By using it, you acknowledge and accept the risks inherent in interacting with novel blockchain technologies. These risks include, but are not limited to, potential bugs, errors, or failures in the code, as well as the possibility of permanent loss of funds.
+
+Your use of the protocol is entirely at your own risk. Iron Fish Inc. and its contributors disclaim all liability for losses, damages, or claims arising from your use of the protocol, including but not limited to:
+
+- Direct, indirect, or incidental damages.
+- Loss of profits or digital assets.
+- Security breaches or unauthorized access.
+- Any other consequential damages arising from your inability to interact with the protocol or its services.
+
+### No Liability
+
+By using the Iron Fish protocol, you agree that no entity or individual involved in its creation, maintenance, or development will be held liable for any claims, damages, or losses related to your use of the protocol. This includes, but is not limited to:
+
+- Loss of cryptocurrencies, tokens, or other assets.
+- Network interruptions or failures.
+- Errors or inaccuracies in the protocol or Website.
+
+You agree to waive any claims or demands against Iron Fish Inc. and its contributors for any loss, damage, or liability related to your use of the protocol.
+
+### Compliance and Tax Obligations
+
+You are solely responsible for determining and fulfilling any legal or tax obligations related to your use of the Iron Fish protocol and associated services. We do not provide tax, financial, or legal advice and are not responsible for calculating or remitting taxes on your behalf.
+
+### Security
+
+While every effort is made to ensure the security of the protocol and Website, no system is entirely free from risks. You are responsible for safeguarding your private keys, wallet credentials, and any other sensitive information.
+
+We cannot guarantee that the Website, protocol, or associated services are free from bugs, vulnerabilities, or malicious code. As such, we strongly recommend that you take all necessary precautions to secure your interactions with the protocol, including using reputable wallet software and maintaining an up-to-date understanding of blockchain security best practices.
+
+### Third-Party Interfaces
+
+The Iron Fish protocol may be accessed through third-party applications or interfaces. We do not endorse, control, or take responsibility for any third-party services or content, including their fees, security, or functionality. Your use of third-party interfaces is entirely at your own risk, and you are solely responsible for evaluating their risks and benefits.
+
+### Modifications and Termination
+
+We reserve the right to modify or discontinue any part of the Website or protocol without prior notice. Any updates to these Terms of Use will be effective immediately upon posting. Your continued use of the Website or protocol following any changes constitutes your acceptance of the revised terms.
+
+### Arbitration and Dispute Resolution
+
+Any disputes arising out of or related to these Terms of Use or your use of the Website or protocol shall be resolved through binding arbitration under the rules of the Judicial Arbitration and Mediation Services (JAMS). Arbitration shall occur on an individual basis, and class arbitration is not permitted.
+
+If the prohibition on class arbitration is deemed unenforceable, the remainder of this arbitration agreement shall remain valid.

lib/ui/src/components/NavBar/Desktop/DesktopVariant.tsx

@@ -112,7 +112,7 @@ export function DesktopVariant({ content }: { content: NavItems }) {
         })}
       </HStack>
       <HStack alignItems="center">
-        <Button size="lg" as={Link} href="/use/get-started">
+        <Button size="lg" as={Link} href="/get-started">
           <Box mr={4}>Get Started</Box>
           <FancyArrowRight />
         </Button>

lib/ui/src/components/NavBar/Mobile/MobileVariant.tsx

@@ -164,7 +164,7 @@ export function MobileVariant({ content }: { content: NavItems }) {
               );
             })}
             <Box py={6}>
-              <Button size="lg" as={Link} href="/use/get-started">
+              <Button size="lg" as={Link} href="/get-started">
                 <Box mr={4}>Get Started</Box>
                 <FancyArrowRight />
               </Button>

lib/ui/src/components/ShadowBox/ShadowBox.tsx

@@ -1,8 +1,9 @@
-import { Box, BoxProps, ChakraComponent } from "@chakra-ui/react";
+import { Box, BoxProps, ChakraComponent, useBoolean } from "@chakra-ui/react";
 
 export type ShadowBoxProps = {
   children: React.ReactNode;
   shadowColor?: BoxProps["bg"];
+  hoverShadowColor?: BoxProps["bg"];
   borderColor?: BoxProps["borderColor"];
   offset?: string;
   containerProps?: BoxProps;
@@ -11,6 +12,7 @@ export type ShadowBoxProps = {
 export const ShadowBox: ChakraComponent<"div", ShadowBoxProps> = ({
   children,
   shadowColor = "pink.500",
+  hoverShadowColor,
   offset = "6px",
   borderRadius = "1.5px",
   borderWidth = "1.5px",
@@ -19,6 +21,8 @@ export const ShadowBox: ChakraComponent<"div", ShadowBoxProps> = ({
   containerProps,
   ...rest
 }: ShadowBoxProps) => {
+  const [isHovered, setHovered] = useBoolean(false);
+
   return (
     <Box
       position="relative"
@@ -28,6 +32,8 @@ export const ShadowBox: ChakraComponent<"div", ShadowBoxProps> = ({
       alignItems="stretch"
       justifyContent="stretch"
       w={width}
+      onMouseEnter={setHovered.on}
+      onMouseLeave={setHovered.off}
       {...containerProps}
     >
       <Box
@@ -37,7 +43,7 @@ export const ShadowBox: ChakraComponent<"div", ShadowBoxProps> = ({
         inset={0}
         mt={offset}
         ml={offset}
-        bg={shadowColor}
+        bg={isHovered ? hoverShadowColor : shadowColor}
       />
       <Box
         bg="white"

next.config.js

@@ -75,7 +75,12 @@ ${isDev ? '' : 'upgrade-insecure-requests;'}
       },
       {
         source: "/use/get-started",
-        destination: "/use/get-started/get-started",
+        destination: "/get-started",
+        permanent: false,
+      },
+      {
+        source: "/learn/get-started",
+        destination: "/get-started",
         permanent: false,
       },
       {