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

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

View File

@ -46,14 +46,17 @@ export default function About() {
};
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">
<h1 className="mt-3 font-bold 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">Growth opportunities for all sides </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">
B2DVentures is where both accredited and non-accredited investors meet
</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>
</div>
<div className="mt-10">
@ -100,6 +103,11 @@ export default function About() {
buttonText="Raise money"
/>
</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">
<p className="p-5">

View File

@ -10,7 +10,7 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
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 { useUserRole } from "@/hooks/useUserRole";
import CustomTooltip from "../customToolTip";
@ -54,13 +54,25 @@ export const AuthenticatedComponents = ({ uid, avatarUrl, notificationCount }: A
<Wallet className="cursor-pointer" />
</Link>
</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 */}
{data?.role === "business" && (
<div className="flex gap-2">
<CustomTooltip message="Dashboard">
<Link href="/dashboard">
<ChartPie />
</Link>
</CustomTooltip>
</div>
)}
<DropdownMenu>
<DropdownMenuTrigger asChild>
@ -86,6 +98,14 @@ export const AuthenticatedComponents = ({ uid, avatarUrl, notificationCount }: A
<Link href="/admin">Admin</Link>
</DropdownMenuItem>
)}
{data?.role === "business" && (
<>
<DropdownMenuItem>
<Link href="/calendar/manage">Calendar</Link>
</DropdownMenuItem>
<DropdownMenuSeparator />
</>
)}
{data != null && data != undefined && data.role === "business" && (
<DropdownMenuItem>
<Link href="/dataroom/manage">Dataroom</Link>