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

Refactor and update UI components in invest and home pages

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-09-11 13:33:03 +07:00
parent 30236d924c
commit 888e6cf6ec
2 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/app/page.tsx
View File

@ -89,7 +89,7 @@ export default function Home() {
</p> </p>
</span> </span>
<div className="grid grid-cols-4 gap-4"> <div className="grid grid-cols-4 gap-4">
<BusinessCard <ExtendableCard
name={"NVDA"} name={"NVDA"}
description={ description={
"Founded in 1993, NVIDIA is a key innovator of computer graphics and AI technology" "Founded in 1993, NVIDIA is a key innovator of computer graphics and AI technology"
@ -97,8 +97,11 @@ export default function Home() {
joinDate={"December 2021"} joinDate={"December 2021"}
location={"Bangkok, Thailand"} location={"Bangkok, Thailand"}
tags={null} tags={null}
minInvestment={10000}
totalInvestor={58400}
totalRaised={9000000}
/> />
<BusinessCard <ExtendableCard
name={"Apple Inc."} name={"Apple Inc."}
description={ description={
"Founded in 1976, Apple Inc. is a leading innovator in consumer electronics, software, and online services, known for products like the iPhone, MacBook, and the App Store." "Founded in 1976, Apple Inc. is a leading innovator in consumer electronics, software, and online services, known for products like the iPhone, MacBook, and the App Store."
@ -106,8 +109,11 @@ export default function Home() {
joinDate={"February 2020"} joinDate={"February 2020"}
location={"Cupertino, California, USA"} location={"Cupertino, California, USA"}
tags={null} tags={null}
minInvestment={10000}
totalInvestor={58400}
totalRaised={9000000}
/> />
<BusinessCard <ExtendableCard
name={"Google LLC"} name={"Google LLC"}
description={ description={
"Founded in 1998, Google LLC specializes in internet-related services and products, including search engines, online advertising, cloud computing, and the Android operating system." "Founded in 1998, Google LLC specializes in internet-related services and products, including search engines, online advertising, cloud computing, and the Android operating system."
@ -115,24 +121,10 @@ export default function Home() {
joinDate={"April 2019"} joinDate={"April 2019"}
location={"Mountain View, California, USA"} location={"Mountain View, California, USA"}
tags={null} tags={null}
minInvestment={10000}
totalInvestor={5000}
totalRaised={1500000000}
/> />
<BusinessCard
name={"Microsoft Corporation"}
description={
"Founded in 1975, Microsoft Corporation is a multinational technology company that develops, manufactures, and licenses software, hardware, and services, including Windows, Office, and Azure."
}
joinDate={"January 2018"}
location={""}
tags={null}
/>
</div>
<div className="self-center py-5">
<Button>
<Link href={"/invest"}>View all</Link>
</Button>
</div>
</div>
<ExtendableCard <ExtendableCard
name={"Microsoft Corporation"} name={"Microsoft Corporation"}
description={ description={
@ -145,6 +137,13 @@ export default function Home() {
totalInvestor={5000} totalInvestor={5000}
totalRaised={1500000} totalRaised={1500000}
/> />
</div>
<div className="self-center py-5">
<Button>
<Link href={"/invest"}>View all</Link>
</Button>
</div>
</div>
</main> </main>
); );
} }

2
src/components/extendable-card.tsx
View File

@ -22,7 +22,7 @@ export function ExtendableCard(props: ExtendableCardProps) {
<div className="group relative w-full max-w-sm overflow-hidden rounded-lg bg-card shadow-md transition-all duration-500 hover:shadow-lg"> <div className="group relative w-full max-w-sm overflow-hidden rounded-lg bg-card shadow-md transition-all duration-500 hover:shadow-lg">
<div className="aspect-[4/3] overflow-hidden"> <div className="aspect-[4/3] overflow-hidden">
<img <img
src="/placeholder.svg" src="/money.png"
alt="Card image" alt="Card image"
width="400" width="400"
height="300" height="300"