This commit is contained in:
parent
452ee7643d
commit
bf1e0ec53c
|
|
@ -1,11 +1,13 @@
|
|||
.paragraphSection {
|
||||
padding: 6.25rem 16.25rem;
|
||||
padding: 6.25rem 14vw;
|
||||
padding: 6.25rem 0;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
}
|
||||
|
||||
|
||||
.paragraphSectionContent {
|
||||
white-space: pre-line;
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ type Data = {
|
|||
export default function ParagraphSection({ data, children }: { data: Data, children?: React.ReactNode }) {
|
||||
return (
|
||||
<section className={styles.paragraphSection} style={{ backgroundImage: `url(${data.backgroundImage})` }}>
|
||||
<div className="w-72-inner">
|
||||
<div className={`${styles.paragraphSectionContent} normal-p`}>
|
||||
<p><span className={styles.paragraphSectionTitle}>{data.title} </span>{data.content}</p>
|
||||
</div>
|
||||
|
|
@ -27,6 +28,7 @@ export default function ParagraphSection({ data, children }: { data: Data, child
|
|||
}
|
||||
|
||||
{children}
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
|
@ -83,7 +83,8 @@ export default function SwiperCardSection({ data }: { data: Data }) {
|
|||
className={`${styles.navBtn} ${styles.nextBtn}`}
|
||||
onClick={() => swiperRef?.slideNext()}
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1638" width="24" height="24"><path d="M318.57 223.95l322.99 322.99c21.87 21.87 57.33 21.87 79.2 0 21.87-21.87 21.87-57.33 0-79.2l-323-322.99c-21.87-21.87-57.33-21.87-79.2 0-21.86 21.87-21.86 57.33 0.01 79.2z" fill="#14355C" p-id="1639"></path><path d="M729.75 555.95L406.76 878.93c-21.87 21.87-57.33 21.87-79.2 0-21.87-21.87-21.87-57.33 0-79.2l322.99-322.99c21.87-21.87 57.33-21.87 79.2 0 21.87 21.88 21.87 57.34 0 79.21z" fill="#14355C" p-id="1640"></path></svg>
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8355" width="24" height="24"><path d="M384.213333 170.666667l341.333334 341.333333-341.333334 341.333333L298.666667 768l256.213333-256L298.666667 256z" fill="#14355C" p-id="8356"></path></svg>
|
||||
{/* <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1638" width="24" height="24"><path d="M318.57 223.95l322.99 322.99c21.87 21.87 57.33 21.87 79.2 0 21.87-21.87 21.87-57.33 0-79.2l-323-322.99c-21.87-21.87-57.33-21.87-79.2 0-21.86 21.87-21.86 57.33 0.01 79.2z" fill="#14355C" p-id="1639"></path><path d="M729.75 555.95L406.76 878.93c-21.87 21.87-57.33 21.87-79.2 0-21.87-21.87-21.87-57.33 0-79.2l322.99-322.99c21.87-21.87 57.33-21.87 79.2 0 21.87 21.88 21.87 57.34 0 79.21z" fill="#14355C" p-id="1640"></path></svg> */}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -113,6 +113,7 @@
|
|||
.topTabsContentLeft {
|
||||
flex: 6;
|
||||
margin: auto 0;
|
||||
width: 30.625rem;
|
||||
|
||||
.topTabsContentLeftHead {
|
||||
margin-bottom: 1.875rem;
|
||||
|
|
@ -168,6 +169,7 @@
|
|||
text-align: justify;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
white-space: pre-line;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -91,6 +91,7 @@ export default function TopTabsSection({ data, className }: { data: Data, classN
|
|||
</div>
|
||||
<ScrollReveal preset="slideUp" delay={0.9} duration={1.1}>
|
||||
<p className={`${styles.topTabsContentLeftDesc} normal-p`}
|
||||
|
||||
dangerouslySetInnerHTML={{ __html: data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content as any }}
|
||||
>
|
||||
{/* {data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content} */}
|
||||
|
|
|
|||
|
|
@ -295,7 +295,7 @@
|
|||
background: #14355C;
|
||||
border-color: #14355C;
|
||||
color: #FFFFFF;
|
||||
border: .0625rem solid #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -37,10 +37,10 @@ export default function InvestGroup() {
|
|||
<SectionTitle title={section2Data.title} color="#fff" />
|
||||
<div className={styles.investGroupContent}>
|
||||
<div className={styles.investGroupContentItems}>
|
||||
{section2Data.items?.map((item: { title: string; content: string }, index: number) => (
|
||||
{section2Data.items?.map((item: { title: string; content: string; logo: string }, index: number) => (
|
||||
<ScrollReveal preset="slideUp" amount={0.2} delay={index * 0.5}>
|
||||
<div className={styles.investGroupContentItem} key={index}>
|
||||
<div className={styles.investGroupContentItemTitle}>{item.title}</div>
|
||||
<img src={item.logo} style={{ height: '55px', objectFit: 'contain' }} alt="logo" />
|
||||
<div className={styles.investGroupContentItemContent}>{item.content}</div>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
|
|
|
|||
Loading…
Reference in New Issue