Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-27 19:45:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

spacing

Browse Source
This commit is contained in:
YasinShaikh123
2024-04-08 16:12:52 +05:30
parent 5d27e50208
commit 1ed4b05eb8
8 changed files with 69 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/HomePage/HomeBanner.jsx
View File

@@ -50,16 +50,27 @@ const HomeBanner = () => {
},
}}
>
<Container maxW="container.lg" textAlign={"center"}>
<Container
maxW="container.lg"
alignItems={"center"}
display={"flex"}
justifyContent={"center"}
flexDirection={"column"}
height={"100vh"}
alignContent={"center"}
textAlign={"center"}
paddingTop={"12%"}
>
{BannerContent.map((item, index) => {
return (
<Box key={index}>
<Text
as={"h2"}
fontWeight={700}
fontSize={"60px"}
fontSize={"52px"}
textTransform={"upperCase"}
color={"#DE858E"}
lineHeight={"62px"}
sx={{
"@media (max-width: 996px)": {
fontSize: "45px",
@@ -75,19 +86,19 @@ const HomeBanner = () => {
}}
>
{item.heading1}
<span
<Text
fontSize={"42px"}
style={{
color: "#fff",
fontWeight: "600",
fontWeight: "500",
}}
>
{item.heading2}
</span>
</Text>
</Text>
<Container maxW="container.lg">
<Text
color={"#fff"}
fontSize={"25px"}
fontSize={"22px"}
fontWeight={"400"}
lineHeight={"37.5px"}
fontFamily={"Poppins"}
@@ -102,21 +113,9 @@ const HomeBanner = () => {
>
{item.subheading}
</Text>
</Container>
</Box>
);
})}
</Container>
<Container
maxW="container.md"
textAlign={"center"}
marginTop={"3rem"}
sx={{
"@media (max-width: 375px)": {
marginTop: "1rem",
},
}}
>
{BannerContent[2] && (
<Button
position={"relative"}
@@ -124,15 +123,16 @@ const HomeBanner = () => {
cursor={"pointer"}
transition="0.3s ease-in-out"
color={"#fff"}
width={"227px"}
height={"60px"}
width={"216px"}
height={"56px"}
fontFamily={"Poppins"}
fontWeight={"400"}
border={"1px solid white"}
borderRadius={"10px"}
fontSize={"20px"}
fontSize={"18px"}
zIndex={"1"}
overflow={"hidden"}
marginTop={"2rem"}
sx={{
"::before": {
content: '""',

23
src/components/HomePage/Stats.jsx
View File

@@ -33,7 +33,7 @@ const Stats = () => {
as={"h2"}
paddingTop={"2rem"}
paddingBottom={"2rem"}
fontWeight={700}
fontWeight={500}
fontSize={"40px"}
textAlign={"center"}
textTransform={"capitalize"}
@@ -88,7 +88,7 @@ const Stats = () => {
position: "absolute",
height: "100%",
right: "-70px",
borderRight: "2px solid #EFEFEF",
borderRight: "1px solid #EFEFEF",
zIndex: "2",
}}
sx={{
@@ -105,11 +105,12 @@ const Stats = () => {
start={0}
end={51400000}
delay={0}
style={{ fontSize: "40px", fontWeight: "700" }}
style={{ fontSize: "38px", fontWeight: "500" }}
/>
)}
<Text
textTransform={"uppercase"}
color={"#ADADAD"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 435px)": {
@@ -133,7 +134,7 @@ const Stats = () => {
position: "absolute",
height: "100%",
right: "-70px",
borderRight: "2px solid #EFEFEF",
borderRight: "1px solid #EFEFEF",
zIndex: "2",
}}
sx={{
@@ -150,11 +151,12 @@ const Stats = () => {
start={0}
end={10247786}
delay={0}
style={{ fontSize: "40px", fontWeight: "700" }}
style={{ fontSize: "38px", fontWeight: "500" }}
/>
)}
<Text
textTransform={"uppercase"}
color={"#ADADAD"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 435px)": {
@@ -174,11 +176,12 @@ const Stats = () => {
start={0}
end={174015}
delay={0}
style={{ fontSize: "40px", fontWeight: "700" }}
style={{ fontSize: "38px", fontWeight: "500" }}
/>
)}
<Text
textTransform={"uppercase"}
color={"#ADADAD"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 435px)": {
@@ -220,7 +223,7 @@ const Stats = () => {
position: "absolute",
height: "100%",
right: "-70px",
borderRight: "2px solid #EFEFEF",
borderRight: "1px solid #EFEFEF",
zIndex: "2",
}}
sx={{
@@ -237,11 +240,12 @@ const Stats = () => {
start={0}
end={51400000}
delay={0}
style={{ fontSize: "40px", fontWeight: "700" }}
style={{ fontSize: "38px", fontWeight: "500" }}
/>
)}
<Text
textTransform={"uppercase"}
color={"#ADADAD"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 435px)": {
@@ -261,11 +265,12 @@ const Stats = () => {
start={0}
end={10247786}
delay={0}
style={{ fontSize: "40px", fontWeight: "700" }}
style={{ fontSize: "38px", fontWeight: "500" }}
/>
)}
<Text
textTransform={"uppercase"}
color={"#ADADAD"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 435px)": {

18
src/components/NavBar/NavBar.jsx
View File

@@ -52,19 +52,24 @@ const NavBar = () => {
<>
{!isMobile ? (
<>
<Box
position={"fixed"}
zIndex={"999"}
width={"100%"}
>
<Box
backgroundColor={"#141315"}
position={"fixed"}
// position={"fixed"}
zIndex={"9999"}
width={"100%"}
textAlign={"right"}
padding={"0.8px 0px"}
padding={"4px 0px"}
>
<Box marginRight={"6%"}>
<Link to="/" style={{ color: "#fff", marginRight: "2.5rem" }}>
<Link to="/" style={{ color: "#fff", marginRight: "2.5rem" ,fontSize:'14px'}}>
WALLET
</Link>
<Link to="/" style={{ color: "#fff", marginRight: "2.5rem" }}>
<Link to="/" style={{ color: "#fff", marginRight: "2.5rem",fontSize:'14px' }}>
EXPLORER
</Link>
</Box>
@@ -80,11 +85,11 @@ const NavBar = () => {
// "linear-gradient(to right, #9c5d67, #86455f, #6b3059, #4c1f54, #23144e)"
}
// boxShadow={"0px 0px 4px 0px rgba(0, 0, 0, 0.25)"}
position={"fixed"}
// position={"fixed"}
zIndex={"999"}
width={"100%"}
top={"0px"}
padding={"2.5rem 0 2rem 0"}
padding={"28px 0"}
sx={{
"@media (max-width: 996px)": {
justifyContent: "space-between",
@@ -195,6 +200,7 @@ const NavBar = () => {
</Link>
</Box>
</Box>
</Box>
</>
) : (
<MobileMenu />

7
src/components/SubnetsComponent/Component1.jsx
View File

@@ -22,6 +22,7 @@ export const Component1 = () => {
borderRadius={"28.5px"}
color={"#fff"}
border={"1px solid #A5A5A5"}
fontSize={"16px"}
// _after={{
// content: "''",
// position: "absolute",
@@ -57,12 +58,12 @@ export const Component1 = () => {
</Button>
</Box>
<UnorderedList color={"#E1E1E1"}>
<ListItem>Only L1 powering full mobile nodes</ListItem>
<ListItem>
<ListItem fontSize={"14px"}>Only L1 powering full mobile nodes</ListItem>
<ListItem fontSize={"14px"}>
Mobile nodes with full state data will settle P2P . Consensus provided
by nearby node validators.
</ListItem>
<ListItem>
<ListItem fontSize={"14px"}>
High scalability, Partition tolerance and portability
</ListItem>
</UnorderedList>

7
src/components/SubnetsComponent/Component2.jsx
View File

@@ -23,6 +23,7 @@ export const Component2 = () => {
borderRadius={"28.5px"}
color={"#fff"}
border={"1px solid #A5A5A5"}
fontSize={"16px"}
_after={{
content: "''",
position: "absolute",
@@ -46,9 +47,9 @@ export const Component2 = () => {
</Button>
</Box>
<UnorderedList color={"#E1E1E1"}>
<ListItem>Leverage own infrastructure for block space</ListItem>
<ListItem>Smart contracts in Rust , GoLang and C/C++</ListItem>
<ListItem>WASM compiler for smooth code migration</ListItem>
<ListItem fontSize={"14px"}>Leverage own infrastructure for block space</ListItem>
<ListItem fontSize={"14px"}>Smart contracts in Rust , GoLang and C/C++</ListItem>
<ListItem fontSize={"14px"}>WASM compiler for smooth code migration</ListItem>
</UnorderedList>
</>
);

7
src/components/SubnetsComponent/Component3.jsx
View File

@@ -29,6 +29,7 @@ export const Component3 = () => {
borderRadius={"28.5px"}
color={"#fff"}
border={"1px solid #A5A5A5"}
fontSize={"16px"}
_before={{
content: "''",
position: "absolute",
@@ -58,9 +59,9 @@ export const Component3 = () => {
width={"552px"}
>
<UnorderedList color={"#E1E1E1"}>
<ListItem>No GAS fees</ListItem>
<ListItem>Incremental and modular infrastructure ask</ListItem>
<ListItem>
<ListItem fontSize={"14px"}>No GAS fees</ListItem>
<ListItem fontSize={"14px"}>Incremental and modular infrastructure ask</ListItem>
<ListItem fontSize={"14px"}>
No expensive re training of development <br />
resources
</ListItem>

10
src/components/SubnetsComponent/Component4.jsx
View File

@@ -23,12 +23,14 @@ export const Component4 = () => {
<Button
position={"relative"}
background={"transparent"}
width={"165px"}
// width={"165px"}
height={"57px"}
borderRadius={"28.5px"}
color={"#fff"}
border={"1px solid #A5A5A5"}
textTransform={"uppercase"}
fontSize={"16px"}
padding={"6px 20px"}
_after={{
content: "''",
position: "absolute",
@@ -58,11 +60,11 @@ export const Component4 = () => {
width={"565px"}
>
<UnorderedList color={"#E1E1E1"}>
<ListItem>
<ListItem fontSize={"14px"}>
Permissioned subnets with no oracles and <br /> intermediaries
</ListItem>
<ListItem>INo block space ransom</ListItem>
<ListItem>
<ListItem fontSize={"14px"}>INo block space ransom</ListItem>
<ListItem fontSize={"14px"}>
Zero risk of transactions being blocked out of <br />
chain.
</ListItem>

6
src/components/SubnetsComponent/SubnetPage2.jsx
View File

@@ -120,7 +120,7 @@ export const SubnetPage2 = () => {
>
01. Decentralisation
</Text>
<Text fontSize={"18px"}>
<Text fontSize={"16px"}>
Rubix Decentralised Identity(DID) issued at L1 is the
foundation for building digital ownership enhancing
applications
@@ -139,7 +139,7 @@ export const SubnetPage2 = () => {
>
01. Decentralisation
</Text>
<Text fontSize={"18px"}>
<Text fontSize={"16px"}>
Rubix Decentralised Identity(DID) issued at L1 is the
foundation for building digital ownership enhancing
applications
@@ -158,7 +158,7 @@ export const SubnetPage2 = () => {
>
01. Decentralisation
</Text>
<Text fontSize={"18px"}>
<Text fontSize={"16px"}>
Rubix Decentralised Identity(DID) issued at L1 is the
foundation for building digital ownership enhancing
applications