Changes reverted on NewSubnet

This commit is contained in:
rockyeverlast
2024-04-05 19:59:03 +05:30
parent 8583dc01c7
commit b4a3a8df39
3 changed files with 10 additions and 172 deletions

View File

@@ -27,7 +27,7 @@ const Stats = () => {
"@media (max-width: 600px)": {
fontSize: "28px",
},
}}
}}
>
<Text
as={"h2"}

View File

@@ -153,7 +153,11 @@ const NavBar = () => {
<Link to="/" className="link" style={{ position: "relative" }}>
USE CASES
</Link>
<Link to="/community" className="link" style={{ position: "relative" }}>
<Link
to="/community"
className="link"
style={{ position: "relative" }}
>
COMMUNITY
</Link>
<Link to="/" className="link" style={{ position: "relative" }}>

View File

@@ -41,33 +41,14 @@ export const NewSubnetComp = () => {
position: "sticky",
top: "-116px",
opacity: 0,
autoAlpha: 1,
// autoAlpha: 1,
},
{
// transform: "translateX(0)",
// duration: 0.5,
opacity: 1,
duration: 1,
autoAlpha: 0,
}
);
const tl2 = gsap.timeline({
scrollTrigger: {
trigger: textBox.current,
start: "top center+=50",
end: "bottom bottom+=100",
scrub: 1,
markers: false,
},
});
tl2.fromTo(
textBox.current,
{
opacity: 0,
},
{
opacity: 1,
duration: 0.5,
duration: 0.3,
// autoAlpha: 0,
}
);
return () => {
@@ -191,7 +172,7 @@ export const NewSubnetComp = () => {
</Box>
<Box
backgroundColor={"#000"}
height={"auto"}
height={"120vh"}
padding={"0 5rem"}
paddingBottom={"2rem"}
ref={secondBoxRef}
@@ -469,150 +450,3 @@ export const NewSubnetComp = () => {
</Box>
);
};
// <Box
// backgroundColor={"#000"}
// height={"auto"}
// padding={"0 5rem"}
// paddingBottom={"2rem"}
// // position={stickyPosition ? "sticky" : "static"}
// // top={stickyPosition ? "98px" : "auto"}
// >
// <Fade in={true}>
// <Text
// as={"h2"}
// paddingTop={"2rem"}
// fontWeight={700}
// fontSize={"40px"}
// textTransform={"capitalize"}
// color={"#fff"}
// marginBottom={"5rem"}
// textAlign={"center"}
// sx={{
// "@media (max-width: 1024px)": {},
// "@media (max-width: 600px)": {
// fontSize: "28px",
// },
// }}
// >
// All In One Composable Stack
// </Text>
// <Container maxW="container.xl" textAlign={"center"}>
// <Box display={"flex"} alignItems={"start"} gap={"3rem"}>
// <Box width={"100%"}>
// <Box color={"#E1E1E1"} textAlign={"right"} marginBottom={"2rem"}>
// <Text
// as={"h2"}
// fontSize={"20px"}
// color={"#fff"}
// marginBottom={"10px"}
// >
// Single Comprehensive Stack:
// </Text>
// <Text fontSize={"16px"}>
// Full Mobile node SDK, Smart Contracts, DID's, Secondary tokens
// ( FTs and NFTs) all in one place.
// </Text>
// </Box>
// <Box color={"#E1E1E1"} textAlign={"right"} marginBottom={"2rem"}>
// <Text
// as={"h2"}
// fontSize={"20px"}
// color={"#fff"}
// marginBottom={"10px"}
// >
// High Partition Tolerence:
// </Text>
// <Text fontSize={"16px"}>
// Issues in one shard wont affect other shards performance
// </Text>
// </Box>
// <Box color={"#E1E1E1"} textAlign={"right"} marginBottom={"2rem"}>
// <Text
// as={"h2"}
// fontSize={"20px"}
// color={"#fff"}
// marginBottom={"10px"}
// >
// Fully Deterministic:
// </Text>
// <Text fontSize={"16px"}>
// App can bring own Block space ( BYOB )
// </Text>
// </Box>
// </Box>
// <Box>
// <Image
// src={stack}
// width={"700px"}
// // position={"absolute"}
// left={"0"}
// right={"0"}
// marginLeft={"auto"}
// marginRight={"auto"}
// cursor={"pointer"}
// transform="translateY(-10%)"
// animation="floatAnimation 2s infinite alternate"
// // onClick={click}
// sx={{
// "@keyframes floatAnimation": {
// "0%": {
// transform: "translateY(0)",
// },
// "100%": {
// transform: "translateY(-20px)",
// },
// },
// }}
// />
// </Box>
// <Box width={"100%"}>
// <Box
// color={"#E1E1E1"}
// textAlign={"left"}
// marginBottom={"2rem"}
// minHeight={"80px"}
// >
// <Text
// as={"h2"}
// fontSize={"20px"}
// color={"#fff"}
// marginBottom={"10px"}
// >
// Unique Token/Object Based Architecture
// </Text>
// <Text fontSize={"16px"}>
// : Build unlimited FTs and NFTs all at L1!!
// </Text>
// </Box>
// <Box color={"#E1E1E1"} textAlign={"left"} marginBottom={"2rem"}>
// <Text
// as={"h2"}
// fontSize={"20px"}
// color={"#fff"}
// marginBottom={"10px"}
// >
// Green By The Design
// </Text>
// <Text fontSize={"16px"}>
// : 100000 Rubix Transaction consume &lt; 10 kWh &lt; 100000
// Visa transaction
// </Text>
// </Box>
// <Box color={"#E1E1E1"} textAlign={"left"} marginBottom={"2rem"}>
// <Text
// as={"h2"}
// fontSize={"20px"}
// color={"#fff"}
// marginBottom={"10px"}
// >
// Fixed Hard Capped Supply Of RBT At 51.4 Million
// </Text>
// {/* <Text fontSize={"18px"}>
// </Text> */}
// </Box>
// </Box>
// </Box>
// </Container>
// </Fade>
// </Box>;