Siddhesh.More/rubix-admin-panel
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix-admin-panel.git synced 2026-04-27 21:05:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

banner update

Browse Source
This commit is contained in:
Siddhesh More
2024-06-10 13:08:08 +05:30
parent 371a77c6b1
commit 9aebe87655
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Components/Banner/BannerMainCard.jsx
View File

@@ -2,6 +2,14 @@ import { Box, Button, Text } from '@chakra-ui/react'
import React from 'react'
const BannerMainCard = ({heading, subHeading, buttonTitle, imgLink, center}) => {
const words = heading.split(' ');
const firstThreeWords = words.slice(0, 3).join(' ');
const remainingWords = words.slice(3).join(' ');
return (
<Box
shadow={"md"}
@@ -16,8 +24,10 @@ const BannerMainCard = ({heading, subHeading, buttonTitle, imgLink, center}) =>
pt={14}
>
<Box w={center ? "92%" : "100%"} display={'flex'} flexDirection={'column'} alignItems={center ? 'center' : "start"}>
<Text textAlign={center ? "center":'start'} w={center ? "80%" : "74%"}fontSize={"19px"} className="fw-bolder" color={"#DE858E"} display={'block'} as={"span"}>
{heading}
<Text textAlign={center ? "center":'start'} w={center ? "80%" : "74%"}fontSize={"19px"} className="fw-bolder" color={"#FFFFFF"} display={'block'} as={"span"}>
<span style={{ color: '#DE858E' }}>{firstThreeWords}</span>
{' '}
<span>{remainingWords}</span>
</Text>
<Text textAlign={center ? "center":'start'} w={center ? "92%" : "74%"} fontSize={"10px"} mt={1} className=" fw-normal" color={"#ffffff"} display={'block'} as={"span"}>
{subHeading}