mirror of
https://github.com/Sosokker/B2D-Ventures.git
synced 2025-12-18 13:34:06 +01:00
Add landing page
This commit is contained in:
parent
7856120cfc
commit
d7af1f8af4
1
public/github.svg
Normal file
1
public/github.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
||||
|
After Width: | Height: | Size: 822 B |
BIN
public/money.png
Normal file
BIN
public/money.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 346 KiB |
@ -1,6 +1,94 @@
|
||||
import Image from "next/image";
|
||||
import { createClient } from "@/lib/supabase/server";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import Link from "next/link";
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { BusinessCard } from "@/components/businessCard";
|
||||
import { Separator } from "@/components/ui/separator";
|
||||
|
||||
export default function Home() {
|
||||
return <main></main>;
|
||||
return (
|
||||
<main>
|
||||
<div className="flex flex-row bg-slate-100 dark:bg-gray-800">
|
||||
<div className="flex flex-col w-3/5">
|
||||
<span className="px-28 py-20">
|
||||
<p className="text-4xl font-bold">Explore the world of ventures</p>
|
||||
<span className="text-lg">
|
||||
<p>Unlock opportunities and connect with a community of passionate</p>
|
||||
<p>investors and innovators.</p>
|
||||
<p>Together, we turn ideas into impact.</p>
|
||||
</span>
|
||||
<Button className="font-bold mt-4">
|
||||
<Link href="/login">Start Investing</Link>
|
||||
</Button>
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex justify-center items-center mt-2">
|
||||
<Image
|
||||
src="/money.png"
|
||||
width={0}
|
||||
height={0}
|
||||
sizes="100vw"
|
||||
style={{ width: "50%", height: "auto" }}
|
||||
alt="Money"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-row gap-10 justify-center mt-5">
|
||||
<Card className="border-0 shadow-none">
|
||||
<CardHeader>
|
||||
<CardTitle>100M+</CardTitle>
|
||||
<CardDescription>Global investor community</CardDescription>
|
||||
</CardHeader>
|
||||
</Card>
|
||||
<Card className="border-0 shadow-none">
|
||||
<CardHeader>
|
||||
<CardTitle>2,500+</CardTitle>
|
||||
<CardDescription>Ventures supported</CardDescription>
|
||||
</CardHeader>
|
||||
</Card>
|
||||
<Card className="border-0 shadow-none">
|
||||
<CardHeader>
|
||||
<CardTitle>$2.6B+</CardTitle>
|
||||
<CardDescription>Capital raised</CardDescription>
|
||||
</CardHeader>
|
||||
</Card>
|
||||
<Card className="border-0 shadow-none">
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle>Follow Us</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="flex gap-2">
|
||||
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground">
|
||||
<Image src={"/github.svg"} width={20} height={20} alt="github" />
|
||||
Github
|
||||
</Button>
|
||||
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground">
|
||||
<Image src={"/github.svg"} width={20} height={20} alt="github" />
|
||||
Github
|
||||
</Button>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<Separator className="mb-6" />
|
||||
|
||||
<div className="flex flex-col px-28">
|
||||
<span className="pb-5">
|
||||
<p className="text-2xl font-bold">Hottest Deals</p>
|
||||
<p className="text-lg">The deals attracting the most interest right now</p>
|
||||
</span>
|
||||
<div className="grid grid-cols-4 gap-4">
|
||||
<BusinessCard />
|
||||
<BusinessCard />
|
||||
<BusinessCard />
|
||||
<BusinessCard />
|
||||
</div>
|
||||
<div className="self-center py-5">
|
||||
<Button>
|
||||
<Link href={"/invest"}>View all</Link>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
34
src/components/businessCard.tsx
Normal file
34
src/components/businessCard.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
import Image from "next/image";
|
||||
import { Card, CardFooter, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { CalendarDaysIcon } from "lucide-react";
|
||||
|
||||
export function BusinessCard() {
|
||||
return (
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<div className="h-[200px] pb-2">
|
||||
<Image
|
||||
src={"/money.png"}
|
||||
width={0}
|
||||
height={0}
|
||||
sizes="100vw"
|
||||
style={{ width: "100%", height: "100%" }}
|
||||
alt="nvidia"
|
||||
/>
|
||||
</div>
|
||||
<CardTitle>NVIDIA</CardTitle>
|
||||
<CardDescription>
|
||||
Founded in 1993, NVIDIA is a key innovator of computer graphics and AI technology
|
||||
<span className="flex items-center pt-2">
|
||||
<CalendarDaysIcon width={20} />
|
||||
<p>Joined December 2021</p>
|
||||
</span>
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardFooter className="flex-col items-start">
|
||||
Bangkok, Thailand
|
||||
<span className="text-xs rounded-md bg-slate-200 dark:bg-slate-700 p-1">Technology</span>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user