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

feat: enhance About page layout and add Calendar icon for authenticated users

Browse Source
This commit is contained in:
Pattadon 2024-11-20 10:23:20 +07:00
parent 38e09f80b6
commit 207ea184e2
2 changed files with 82 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,14 +46,17 @@ export default function About() {
}; };
return ( return (
<div className="container max-w-screen-xl p-10"> <div className="container bg-neutral-100">
<div className="">
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<h1 className="mt-3 font-bold text-lg md:text-5xl font-black">Growth opportunities for all sides </h1> <h1 className="mt-3 text-lg md:text-5xl font-black">Growth opportunities for all sides </h1>
<h1 className="mt-3 font-bold text-lg md:text-5xl font-black">of the investment market</h1> <h1 className="mt-3 text-lg md:text-5xl font-black">of the investment market</h1>
<h1 className="text-gray-500 text-2xl mt-1"> <h1 className="text-gray-500 text-2xl mt-1">
B2DVentures is where both accredited and non-accredited investors meet B2DVentures is where both accredited and non-accredited investors meet
</h1> </h1>
<h1 className="text-gray-500 text-2xl">entrepreneurs and access high-growth potential deals across a range</h1> <h1 className="text-gray-500 text-2xl">
entrepreneurs and access high-growth potential deals across a range
</h1>
<h1 className="text-gray-500 text-2xl">of private markets.</h1> <h1 className="text-gray-500 text-2xl">of private markets.</h1>
</div> </div>
<div className="mt-10"> <div className="mt-10">
@ -100,6 +103,11 @@ export default function About() {
buttonText="Raise money" buttonText="Raise money"
/> />
</div> </div>
</div>
<div className="flex flex-col items-center justify-center mt-10">
<h1 className="font-black text-5xl ">Built by a diverse team with deep </h1>
<h1 className="font-black text-5xl ">expertise in private investing</h1>
</div>
{/* <div className="border border-border rounded-md"> {/* <div className="border border-border rounded-md">
<p className="p-5"> <p className="p-5">

22
src/components/navigationBar/AuthenticatedComponents.tsx
View File

@ -10,7 +10,7 @@ import {
DropdownMenuTrigger, DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { Bell, Heart, Wallet, ChartPie } from "lucide-react"; import { Bell, Heart, Wallet, ChartPie, CalendarClock } from "lucide-react";
import { LogoutButton } from "@/components/auth/logoutButton"; import { LogoutButton } from "@/components/auth/logoutButton";
import { useUserRole } from "@/hooks/useUserRole"; import { useUserRole } from "@/hooks/useUserRole";
import CustomTooltip from "../customToolTip"; import CustomTooltip from "../customToolTip";
@ -54,13 +54,25 @@ export const AuthenticatedComponents = ({ uid, avatarUrl, notificationCount }: A
<Wallet className="cursor-pointer" /> <Wallet className="cursor-pointer" />
</Link> </Link>
</CustomTooltip> </CustomTooltip>
{data?.role === "investor" && (
<div className="flex gap-2">
<CustomTooltip message="Calendar">
<Link href="/calendar/">
<CalendarClock />
</Link>
</CustomTooltip>
</div>
)}
{/*chart pie icon for bussiness's dashboard */} {/*chart pie icon for bussiness's dashboard */}
{data?.role === "business" && ( {data?.role === "business" && (
<div className="flex gap-2">
<CustomTooltip message="Dashboard"> <CustomTooltip message="Dashboard">
<Link href="/dashboard"> <Link href="/dashboard">
<ChartPie /> <ChartPie />
</Link> </Link>
</CustomTooltip> </CustomTooltip>
</div>
)} )}
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
@ -86,6 +98,14 @@ export const AuthenticatedComponents = ({ uid, avatarUrl, notificationCount }: A
<Link href="/admin">Admin</Link> <Link href="/admin">Admin</Link>
</DropdownMenuItem> </DropdownMenuItem>
)} )}
{data?.role === "business" && (
<>
<DropdownMenuItem>
<Link href="/calendar/manage">Calendar</Link>
</DropdownMenuItem>
<DropdownMenuSeparator />
</>
)}
{data != null && data != undefined && data.role === "business" && ( {data != null && data != undefined && data.role === "business" && (
<DropdownMenuItem> <DropdownMenuItem>
<Link href="/dataroom/manage">Dataroom</Link> <Link href="/dataroom/manage">Dataroom</Link>