sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 21:44:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update About page layout with additional InfoCard and improved content for better user engagement

Browse Source
This commit is contained in:
Pattadon 2024-11-20 10:25:58 +07:00
parent 207ea184e2
commit fb1810722c
1 changed files with 53 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
src/app/(legal)/about/page.tsx
View File

@ -46,62 +46,64 @@ export default function About() {
}; };
return ( return (
<div className="container bg-neutral-100"> <div>
<div className=""> <div className="container bg-neutral-100">
<div className="flex flex-col items-center justify-center"> <div className="">
<h1 className="mt-3 text-lg md:text-5xl font-black">Growth opportunities for all sides </h1> <div className="flex flex-col items-center justify-center">
<h1 className="mt-3 text-lg md:text-5xl font-black">of the investment market</h1> <h1 className="mt-3 text-lg md:text-5xl font-black">Growth opportunities for all sides </h1>
<h1 className="text-gray-500 text-2xl mt-1"> <h1 className="mt-3 text-lg md:text-5xl font-black">of the investment market</h1>
B2DVentures is where both accredited and non-accredited investors meet <h1 className="text-gray-500 text-2xl mt-1">
</h1> B2DVentures is where both accredited and non-accredited investors meet
<h1 className="text-gray-500 text-2xl"> </h1>
entrepreneurs and access high-growth potential deals across a range <h1 className="text-gray-500 text-2xl">
</h1> entrepreneurs and access high-growth potential deals across a range
<h1 className="text-gray-500 text-2xl">of private markets.</h1> </h1>
</div> <h1 className="text-gray-500 text-2xl">of private markets.</h1>
<div className="mt-10"> </div>
<div className="grid grid-cols-1 md:grid-cols-[1fr,auto,1fr] gap-3"> <div className="mt-10">
<div className="grid grid-cols-1 md:grid-cols-[1fr,auto,1fr] gap-3">
<InfoCard
imageSrc={imageData.img1}
imageAlt="Image1"
heading="Individual investors"
content={[
"B2DVentures's success has been built off our hundreds",
"of sourced private deals, all available for",
"investment from you with as little as $10 or as ",
"much as $124,000.",
]}
link="/deals"
buttonText="Explore opportunities"
/>
<Separator orientation="vertical" />
<InfoCard
imageSrc={imageData.img2}
imageAlt="Image2"
heading="Accredited investors"
content={[
"The benefits of the Republic platform, optimized for",
"accredited investors. Access a curated investor",
"portal for unique private investment opportunities. ",
]}
link="/dataroom/overview"
buttonText="Learn more"
/>
</div>
<Separator className="mt-5 mb-5" />
<InfoCard <InfoCard
imageSrc={imageData.img1} imageSrc={imageData.img3}
imageAlt="Image1" imageAlt="Image3"
heading="Individual investors" heading="Entrepreneurs"
content={[ content={[
"B2DVentures's success has been built off our hundreds", "Seek funding from a wider base of diverse",
"of sourced private deals, all available for", "investors while simultaneously growing a loyal",
"investment from you with as little as $10 or as ", "base and leveraging Republic’s private investment",
"much as $124,000.", "network.",
]} ]}
link="/deals" link="/project/apply"
buttonText="Explore opportunities" buttonText="Raise money"
/>
<Separator orientation="vertical" />
<InfoCard
imageSrc={imageData.img2}
imageAlt="Image2"
heading="Accredited investors"
content={[
"The benefits of the Republic platform, optimized for",
"accredited investors. Access a curated investor",
"portal for unique private investment opportunities. ",
]}
link="/dataroom/overview"
buttonText="Learn more"
/> />
</div> </div>
<Separator className="mt-5 mb-5" />
<InfoCard
imageSrc={imageData.img3}
imageAlt="Image3"
heading="Entrepreneurs"
content={[
"Seek funding from a wider base of diverse",
"investors while simultaneously growing a loyal",
"base and leveraging Republic’s private investment",
"network.",
]}
link="/project/apply"
buttonText="Raise money"
/>
</div> </div>
</div> </div>
<div className="flex flex-col items-center justify-center mt-10"> <div className="flex flex-col items-center justify-center mt-10">