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

spacing

Browse Source
This commit is contained in:
YasinShaikh123
2024-04-09 13:00:11 +05:30
parent 27b2e99823
commit ee9ed5fc65
26 changed files with 305 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/components/BuildPage/BuildBanner.jsx
View File

@@ -34,10 +34,15 @@ const BuildBanner = () => {
}}
>
<Container
alignItems={"center"}
display={"flex"}
height={"100vh"}
alignContent={"center"}
paddingTop={"10%"}
maxW="container.xl"
textAlign={"left"}
marginTop={"2rem"}
paddingLeft={"4rem"}
paddingLeft={"3.5rem"}
sx={{
"@media (max-width: 435px)": {
paddingLeft: "2rem",
@@ -55,9 +60,11 @@ const BuildBanner = () => {
<Text
as={"h2"}
fontWeight={700}
fontSize={"60px"}
fontSize={"52px"}
textTransform={"capitalize"}
color={"#DE858E"}
lineHeight={"62px"}
letterSpacing={"1px"}
sx={{
"@media (max-width: 996px)": {
fontSize: "35px",
@@ -76,7 +83,6 @@ const BuildBanner = () => {
<span
style={{
color: "#fff",
fontWeight: "600",
}}
>
{BannerContent[0].heading2}
@@ -101,69 +107,55 @@ const BuildBanner = () => {
{BannerContent[1].subheading}
</Text>
</Box>
<Button
position={"relative"}
backgroundColor={"transparent"}
cursor={"pointer"}
transition="0.3s ease-in-out"
color={"#fff"}
width={"216px"}
marginTop={"2rem"}
height={"56px"}
fontFamily={"Poppins"}
fontWeight={"400"}
border={"1px solid white"}
borderRadius={"10px"}
fontSize={"20px"}
zIndex={"1"}
overflow={"hidden"}
sx={{
"::before": {
content: '""',
position: "absolute",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
width: "65px",
height: "65px",
borderRadius: "50%",
transition: "0.35s linear",
zIndex: -1,
bgGradient:
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
opacity: "0",
},
"&:hover::before": {
width: "100%",
height: "120%",
borderRadius: "0px",
opacity: "1",
},
}}
_hover={{
color: "#000",
border: "none",
zIndex: 1,
}}
>
{BannerContent[2].btn}
</Button>
</Box>
</Container>
<Container
maxW="container.xl"
textAlign={"left"}
marginTop={"3rem"}
paddingLeft={"4rem"}
sx={{
"@media (max-width: 435px)": {
paddingLeft: "2rem",
},
"@media (max-width: 375px)": {
marginTop: "1rem",
},
}}
>
<Button
position={"relative"}
backgroundColor={"transparent"}
cursor={"pointer"}
transition="0.3s ease-in-out"
color={"#fff"}
width={"227px"}
height={"60px"}
fontFamily={"Poppins"}
fontWeight={"400"}
border={"1px solid white"}
borderRadius={"10px"}
fontSize={"20px"}
zIndex={"1"}
overflow={"hidden"}
sx={{
"::before": {
content: '""',
position: "absolute",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
width: "65px",
height: "65px",
borderRadius: "50%",
transition: "0.35s linear",
zIndex: -1,
bgGradient:
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
opacity: "0",
},
"&:hover::before": {
width: "100%",
height: "120%",
borderRadius: "0px",
opacity: "1",
},
}}
_hover={{
color: "#000",
border: "none",
zIndex: 1,
}}
>
{BannerContent[2].btn}
</Button>
</Container>
</Box>
);
};

16
src/components/BuildPage/Connect.jsx
View File

@@ -147,12 +147,16 @@ const Connect = () => {
{item.social2}
</Text>
</Link>
<Link display={"grid"} placeContent={"center"}>
<Image src={item.logo3} margin={"0 auto 20px auto"} />
<Text className="rubix-text-small" fontWeight={"400"}>
{item.social3}
</Text>
</Link>
{item.social3 ? (
<Link display={"grid"} placeContent={"center"}>
<Image src={item.logo3} margin={"0 auto 20px auto"} />
<Text className="rubix-text-small" fontWeight={"400"}>
{item.social3}
</Text>
</Link>
) : (
""
)}
{/* <>{console.log(item.logo1)}</> */}
</CardBody>
</Card>

4
src/components/BuildPage/LearnMore.jsx
View File

@@ -26,9 +26,9 @@ const LearnMore = () => {
<Text
as={"h2"}
paddingTop={"2rem"}
paddingBottom={"2rem"}
paddingBottom={"1rem"}
fontWeight={700}
// fontSize={"40px"}
fontSize={"40px"}
className="rubix-text-title"
textAlign={"center"}
textTransform={"capitalize"}

4
src/components/BuildPage/Solve.jsx
View File

@@ -154,8 +154,8 @@ const Solve = () => {
background={"transparent"}
color={"#fff"}
fontFamily={"Poppins"}
// fontWeight={"500"}
fontSize={"18px"}
fontWeight={"100"}
fontSize={"16px"}
padding={"0px"}
_hover={{
background: "transparent",

24
src/components/BuildPage/Tools.jsx
View File

@@ -62,17 +62,17 @@ const Tools = () => {
<Container maxW="container.xl">
<Text
fontFamily={"Mona Sans"}
fontWeight={"700"}
fontSize={"40px"}
fontWeight={"600"}
fontSize={"38px"}
color={"#fff"}
>
Tools and resources to help you succeed
Tools And Resources To Help You Succeed
</Text>
</Container>
<Container
maxW="container.xl"
justifyContent={"center"}
marginTop={"4rem"}
marginTop={"3rem"}
textAlign={"center"}
>
<SimpleGrid
@@ -83,7 +83,7 @@ const Tools = () => {
<>
<Box
backgroundImage={
"-webkit-gradient(linear, left bottom, left top, color-stop(0.33, #8D54F8), color-stop(0.67, #F8697A));"
"-webkit-gradient(linear, left bottom, left top, color-stop(0.33, #8d54f866), color-stop(0.67, #f8697a9e));"
}
padding={"1px"}
borderRadius={"10px"}
@@ -94,8 +94,8 @@ const Tools = () => {
borderRadius={"10px"}
height={"100%"}
>
<CardHeader display={"flex"} justifyContent={"center"}>
<Image src={item.img} />
<CardHeader display={"flex"} justifyContent={"center"} paddingBottom={"15px"}>
<Image height={"70px"} src={item.img} />
{/* <Heading size="md"></Heading> */}
</CardHeader>
<CardBody
@@ -106,13 +106,13 @@ const Tools = () => {
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"20px"}
fontSize={"18px"}
textAlign={"center"}
fontWeight={"400"}
dangerouslySetInnerHTML={{ __html: item.title }}
/>
</CardBody>
<CardFooter justifyContent={"center"} cursor={"pointer"}>
<CardFooter justifyContent={"center"} cursor={"pointer"} paddingTop={"15px"}>
<Image
src={arrow}
transition="all .5s"
@@ -132,13 +132,13 @@ const Tools = () => {
cursor={"pointer"}
transition="0.3s ease-in"
color={"#fff"}
width={"227px"}
height={"60px"}
width={"216px"}
height={"54px"}
fontFamily={"Poppins"}
fontWeight={"400"}
border={"1px solid white"}
borderRadius={"10px"}
fontSize={"20px"}
fontSize={"18px"}
zIndex={"1"}
overflow={"hidden"}
marginTop={"4rem"}

4
src/components/BuildPage/WhyBuild.jsx
View File

@@ -115,7 +115,7 @@ const WhyBuild = () => {
textAlign="left"
fontFamily={"Mona Sans"}
fontWeight={"500"}
fontSize={"30px"}
fontSize={"28px"}
color={"#fff"}
sx={{
"@media (max-width: 435px)": {
@@ -135,7 +135,7 @@ const WhyBuild = () => {
fontWeight={"400"}
color={"#E8E8E8"}
width={"100%"}
fontSize={"21px"}
fontSize={"20px"}
paddingLeft={"0px"}
sx={{
"@media (max-width: 1024px)": {