+
-
-
Explore the world of ventures
- -- Unlock opportunities and connect with a community of passionate -
+ +Explore the world of ventures
+ +Unlock opportunities and connect with a community of passionate
investors and innovators.
Together, we turn ideas into impact.
- @@ -42,36 +34,36 @@ export default function Home() {
+
- 100M+
+ 100M+
Global investor community
- 2,500+
+ 2,500+
Ventures supported
- $2.6B+
+ $2.6B+
Capital raised
- Follow Us
+ Follow Us
-
@@ -80,23 +72,19 @@ export default function Home() {
+
-
Hottest Deals
-- The deals attracting the most interest right now -
+Hottest Deals
+The deals attracting the most interest right now
-
+
+
diff --git a/src/components/ReactQueryClientProvider.tsx b/src/components/ReactQueryClientProvider.tsx
new file mode 100644
index 0000000..f6bf5bd
--- /dev/null
+++ b/src/components/ReactQueryClientProvider.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useState } from "react";
+
+export const ReactQueryClientProvider = ({ children }: { children: React.ReactNode }) => {
+ const [queryClient] = useState(
+ () =>
+ new QueryClient({
+ defaultOptions: {
+ queries: {
+ // With SSR, we usually want to set some default staleTime
+ // above 0 to avoid refetching immediately on the client
+ staleTime: 60 * 1000,
+ },
+ },
+ })
+ );
+ return {children} ;
+};
diff --git a/src/components/auth/loginForm.tsx b/src/components/auth/loginForm.tsx
new file mode 100644
index 0000000..46bea2b
--- /dev/null
+++ b/src/components/auth/loginForm.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
+import { useState } from "react";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { useRouter } from "next/navigation";
+
+export function LoginForm() {
+ const router = useRouter();
+ const supabase = createSupabaseClient();
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+
+ const handleLogin = async (event: React.MouseEvent) => {
+ event.preventDefault();
+ await supabase.auth.signInWithPassword({
+ email,
+ password,
+ });
+ router.push("/");
+ };
+
+ return (
+
+ setEmail(e.target.value)} placeholder="Email" />
+ setPassword(e.target.value)}
+ placeholder="Password"
+ />
+
+
+ );
+}
diff --git a/src/components/extendableCard.tsx b/src/components/extendableCard.tsx
index f266e69..f14665b 100644
--- a/src/components/extendableCard.tsx
+++ b/src/components/extendableCard.tsx
@@ -11,7 +11,7 @@ interface ExtendableCardProps {
description: string;
joinDate: string;
location: string;
- tags: XMap | null;
+ tags: XMap | null | never[] | string[];
minInvestment: number;
totalInvestor: number;
totalRaised: number;
@@ -19,7 +19,7 @@ interface ExtendableCardProps {
export function ExtendableCard(props: ExtendableCardProps) {
return (
-
+
-
-
+
+
+
{props.name}
-
+
{/* Default content (visible when not hovered) */}
{props.description}
+ {props.description}
-
- ${props.totalRaised.toLocaleString()}{" "}
- committed and reserved
+
+ ${props.totalRaised.toLocaleString()} committed and reserved
-
- {props.totalInvestor.toLocaleString()}{" "}
- investors
+
+ {props.totalInvestor.toLocaleString()} investors
-
- ${props.minInvestment.toLocaleString()} min.
- investment
+
+ ${props.minInvestment.toLocaleString()} min. investment
diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx
index ec17864..9b6bed0 100644
--- a/src/components/navigationBar/nav.tsx
+++ b/src/components/navigationBar/nav.tsx
@@ -8,6 +8,7 @@ import { cn } from "@/lib/utils";
import { Separator } from "@/components/ui/separator";
import { ThemeToggle } from "@/components/theme-toggle";
import { Button } from "@/components/ui/button";
+import { useRouter } from 'next/navigation';
import {
NavigationMenu,
NavigationMenuContent,
@@ -133,6 +134,8 @@ export function NavigationBar() {
const { session, loading } = useSession();
const user = session?.user;
const [sessionLoaded, setSessionLoaded] = React.useState(false);
+ const [searchActive, setSearchActive] = React.useState(false);
+ const router = useRouter();
React.useEffect(() => {
if (!loading) {
@@ -140,6 +143,15 @@ export function NavigationBar() {
}
}, [loading]);
+ const handleKeyDown = async (k: React.KeyboardEvent) => {
+ if (k.key === 'Enter') {
+ const query = (k.target as HTMLInputElement).value.trim();
+ if (query) {
+ router.push(`/find?query=${encodeURIComponent(query)}`);
+ }
+ }
+ };
+
const businessComponents = [
{
title: "Businesses",
@@ -249,8 +261,21 @@ export function NavigationBar() {
-
-
+ setSearchActive(!searchActive)}
+ className="cursor-pointer"
+ />
+ {/* search bar's input */}
+
diff --git a/src/components/paymentMethod.tsx b/src/components/paymentMethod.tsx
new file mode 100644
index 0000000..36eccc6
--- /dev/null
+++ b/src/components/paymentMethod.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import { Icons } from "./ui/icons";
+import { Button } from "./ui/button";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card";
+import { Input } from "./ui/input";
+import { Label } from "./ui/label";
+import { RadioGroup, RadioGroupItem } from "./ui/radio-group";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
+
+export function CardsPaymentMethod() {
+ return (
+
+
+ Payment Method
+ Add a new payment method to your account.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+
+ */}
+
+ );
+}
diff --git a/src/components/recent-funds.tsx b/src/components/recent-funds.tsx
new file mode 100644
index 0000000..493e535
--- /dev/null
+++ b/src/components/recent-funds.tsx
@@ -0,0 +1,59 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+
+const data = [
+ {
+ name: "Olivia Martin",
+ email: "olivia.martin@email.com",
+ amount: "1900.00",
+ avatar: "/avatars/01.png", // psuedo avatar image
+ initials: "OM",
+ },
+ {
+ name: "Jackson Lee",
+ email: "jackson.lee@email.com",
+ amount: "39.00",
+ avatar: "/avatars/02.png",
+ initials: "JL",
+ },
+ {
+ name: "Isabella Nguyen",
+ email: "isabella.nguyen@email.com",
+ amount: "299.00",
+ avatar: "/avatars/03.png",
+ initials: "IN",
+ },
+ {
+ name: "William Kim",
+ email: "will@email.com",
+ amount: "99.00",
+ avatar: "/avatars/04.png",
+ initials: "WK",
+ },
+ {
+ name: "Sofia Davis",
+ email: "sofia.davis@email.com",
+ amount: "39.00",
+ avatar: "/avatars/05.png",
+ initials: "SD",
+ },
+];
+
+export function RecentFunds() {
+ return (
+
+ {data.map((person, index) => (
+
+
+ {person.initials}
+
+
+ {person.name}
+ {person.email}
+
+ +${person.amount}
+
+ ))}
+
+ );
+}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..01ff19c
--- /dev/null
+++ b/src/components/ui/dialog.tsx
@@ -0,0 +1,122 @@
+"use client"
+
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+ {children}
+
+
+
+
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => (
+
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => (
+
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ;
+
+export const Icons = {
+ logo: (props: IconProps) => (
+
+ ),
+ twitter: (props: IconProps) => (
+
+ ),
+ gitHub: (props: IconProps) => (
+
+ ),
+ radix: (props: IconProps) => (
+
+ ),
+ aria: (props: IconProps) => (
+
+ ),
+ npm: (props: IconProps) => (
+
+ ),
+ yarn: (props: IconProps) => (
+
+ ),
+ pnpm: (props: IconProps) => (
+
+ ),
+ react: (props: IconProps) => (
+
+ ),
+ tailwind: (props: IconProps) => (
+
+ ),
+ google: (props: IconProps) => (
+
+ ),
+ apple: (props: IconProps) => (
+
+ ),
+ paypal: (props: IconProps) => (
+
+ ),
+ spinner: (props: IconProps) => (
+
+ ),
+};
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..a921025
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,25 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface InputProps
+ extends React.InputHTMLAttributes {}
+
+const Input = React.forwardRef(
+ ({ className, type, ...props }, ref) => {
+ return (
+
+ )
+ }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+ "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef &
+ VariantProps
+>(({ className, ...props }, ref) => (
+
+ {props.graphType === 'line' ? (
+
+ `$${value}`}
+ />
+
+ ) : (
+
+ `$${value}`}
+ />
+
+ )}
+
+ );
+}
diff --git a/src/components/ui/radio-group.tsx b/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000..e9bde17
--- /dev/null
+++ b/src/components/ui/radio-group.tsx
@@ -0,0 +1,44 @@
+"use client"
+
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const RadioGroup = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => {
+ return (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => {
+ return (
+
+
+
+
+ )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
new file mode 100644
index 0000000..7f3502f
--- /dev/null
+++ b/src/components/ui/table.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+ HTMLTableElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+
+
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+ tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+ HTMLTableRowElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ {
+ await page.getByPlaceholder('min $').click();
+ await page.getByPlaceholder('min $').fill(amount);
+}
+
+interface CardInfo {
+ name: string;
+ city: string;
+ cardNumber: string;
+ expirationMonth: string;
+ expirationYear: string;
+ cvc: string;
+}
+
+async function fillCardInformation(
+ page: Page,
+ { name, city, cardNumber, expirationMonth, expirationYear, cvc }: CardInfo
+): Promise {
+ await page.getByPlaceholder('First Last').click();
+ await page.getByPlaceholder('First Last').fill(name);
+ await page.getByLabel('City').click();
+ await page.getByLabel('City').fill(city);
+ await page.getByLabel('Card number').click();
+ await page.getByLabel('Card number').fill(cardNumber);
+ await page.getByLabel('Month').click();
+ await page.getByText(expirationMonth).click();
+ await page.getByLabel('Year').click();
+ await page.getByLabel(expirationYear).click();
+ await page.getByPlaceholder('CVC').click();
+ await page.getByPlaceholder('CVC').fill(cvc);
+}
+
+async function acceptTerms(page: Page, terms: string[]): Promise {
+ for (const term of terms) {
+ await page.getByRole('row', { name: new RegExp(term) }).getByRole('checkbox').check();
+ }
+}
+
+async function ensureErrorMessageDisplayed(page: Page, message: string): Promise {
+ await expect(page.getByText(message)).toBeVisible();
+}
+
+async function closeErrorDialog(page: Page): Promise {
+ await page.getByRole('button', { name: 'Close' }).first().click();
+}
+});
\ No newline at end of file
{props.name}
-
+
{/* Default content (visible when not hovered) */}
Joined {props.joinDate}
- {props.location}
+ {props.location}
- {["Technology", "Gaming"].map((tag) => (
+ {props.tags.map((tag) => (
+ className="text-[10px] md:text-xs rounded-md bg-slate-200 dark:bg-slate-700 p-1 mx-1 mb-1">
{tag}
))}
@@ -58,24 +58,21 @@ export function ExtendableCard(props: ExtendableCardProps) {
{/* Hover content (appears when hovered) */}
-
-
-
-
diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx
index ec17864..9b6bed0 100644
--- a/src/components/navigationBar/nav.tsx
+++ b/src/components/navigationBar/nav.tsx
@@ -8,6 +8,7 @@ import { cn } from "@/lib/utils";
import { Separator } from "@/components/ui/separator";
import { ThemeToggle } from "@/components/theme-toggle";
import { Button } from "@/components/ui/button";
+import { useRouter } from 'next/navigation';
import {
NavigationMenu,
NavigationMenuContent,
@@ -133,6 +134,8 @@ export function NavigationBar() {
const { session, loading } = useSession();
const user = session?.user;
const [sessionLoaded, setSessionLoaded] = React.useState(false);
+ const [searchActive, setSearchActive] = React.useState(false);
+ const router = useRouter();
React.useEffect(() => {
if (!loading) {
@@ -140,6 +143,15 @@ export function NavigationBar() {
}
}, [loading]);
+ const handleKeyDown = async (k: React.KeyboardEvent) => {
+ if (k.key === 'Enter') {
+ const query = (k.target as HTMLInputElement).value.trim();
+ if (query) {
+ router.push(`/find?query=${encodeURIComponent(query)}`);
+ }
+ }
+ };
+
const businessComponents = [
{
title: "Businesses",
@@ -249,8 +261,21 @@ export function NavigationBar() {
-
-
+ setSearchActive(!searchActive)}
+ className="cursor-pointer"
+ />
+ {/* search bar's input */}
+
diff --git a/src/components/paymentMethod.tsx b/src/components/paymentMethod.tsx
new file mode 100644
index 0000000..36eccc6
--- /dev/null
+++ b/src/components/paymentMethod.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import { Icons } from "./ui/icons";
+import { Button } from "./ui/button";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card";
+import { Input } from "./ui/input";
+import { Label } from "./ui/label";
+import { RadioGroup, RadioGroupItem } from "./ui/radio-group";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
+
+export function CardsPaymentMethod() {
+ return (
+
+
+ Payment Method
+ Add a new payment method to your account.
+
+
+
+
+
+ {/*
+
+ */}
+
+ );
+}
diff --git a/src/components/recent-funds.tsx b/src/components/recent-funds.tsx
new file mode 100644
index 0000000..493e535
--- /dev/null
+++ b/src/components/recent-funds.tsx
@@ -0,0 +1,59 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+
+const data = [
+ {
+ name: "Olivia Martin",
+ email: "olivia.martin@email.com",
+ amount: "1900.00",
+ avatar: "/avatars/01.png", // psuedo avatar image
+ initials: "OM",
+ },
+ {
+ name: "Jackson Lee",
+ email: "jackson.lee@email.com",
+ amount: "39.00",
+ avatar: "/avatars/02.png",
+ initials: "JL",
+ },
+ {
+ name: "Isabella Nguyen",
+ email: "isabella.nguyen@email.com",
+ amount: "299.00",
+ avatar: "/avatars/03.png",
+ initials: "IN",
+ },
+ {
+ name: "William Kim",
+ email: "will@email.com",
+ amount: "99.00",
+ avatar: "/avatars/04.png",
+ initials: "WK",
+ },
+ {
+ name: "Sofia Davis",
+ email: "sofia.davis@email.com",
+ amount: "39.00",
+ avatar: "/avatars/05.png",
+ initials: "SD",
+ },
+];
+
+export function RecentFunds() {
+ return (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+ {children}
+
+
+
+
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => (
+
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => (
+
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ;
+
+export const Icons = {
+ logo: (props: IconProps) => (
+
+ ),
+ twitter: (props: IconProps) => (
+
+ ),
+ gitHub: (props: IconProps) => (
+
+ ),
+ radix: (props: IconProps) => (
+
+ ),
+ aria: (props: IconProps) => (
+
+ ),
+ npm: (props: IconProps) => (
+
+ ),
+ yarn: (props: IconProps) => (
+
+ ),
+ pnpm: (props: IconProps) => (
+
+ ),
+ react: (props: IconProps) => (
+
+ ),
+ tailwind: (props: IconProps) => (
+
+ ),
+ google: (props: IconProps) => (
+
+ ),
+ apple: (props: IconProps) => (
+
+ ),
+ paypal: (props: IconProps) => (
+
+ ),
+ spinner: (props: IconProps) => (
+
+ ),
+};
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..a921025
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,25 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface InputProps
+ extends React.InputHTMLAttributes {}
+
+const Input = React.forwardRef(
+ ({ className, type, ...props }, ref) => {
+ return (
+
+ )
+ }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+ "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef &
+ VariantProps
+>(({ className, ...props }, ref) => (
+
+ {props.graphType === 'line' ? (
+
+ `$${value}`}
+ />
+
+ ) : (
+
+ `$${value}`}
+ />
+
+ )}
+
+ );
+}
diff --git a/src/components/ui/radio-group.tsx b/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000..e9bde17
--- /dev/null
+++ b/src/components/ui/radio-group.tsx
@@ -0,0 +1,44 @@
+"use client"
+
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const RadioGroup = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => {
+ return (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => {
+ return (
+
+
+
+
+ )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
new file mode 100644
index 0000000..7f3502f
--- /dev/null
+++ b/src/components/ui/table.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+ HTMLTableElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+ tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+ HTMLTableRowElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ {
+ await page.getByPlaceholder('min $').click();
+ await page.getByPlaceholder('min $').fill(amount);
+}
+
+interface CardInfo {
+ name: string;
+ city: string;
+ cardNumber: string;
+ expirationMonth: string;
+ expirationYear: string;
+ cvc: string;
+}
+
+async function fillCardInformation(
+ page: Page,
+ { name, city, cardNumber, expirationMonth, expirationYear, cvc }: CardInfo
+): Promise {
+ await page.getByPlaceholder('First Last').click();
+ await page.getByPlaceholder('First Last').fill(name);
+ await page.getByLabel('City').click();
+ await page.getByLabel('City').fill(city);
+ await page.getByLabel('Card number').click();
+ await page.getByLabel('Card number').fill(cardNumber);
+ await page.getByLabel('Month').click();
+ await page.getByText(expirationMonth).click();
+ await page.getByLabel('Year').click();
+ await page.getByLabel(expirationYear).click();
+ await page.getByPlaceholder('CVC').click();
+ await page.getByPlaceholder('CVC').fill(cvc);
+}
+
+async function acceptTerms(page: Page, terms: string[]): Promise {
+ for (const term of terms) {
+ await page.getByRole('row', { name: new RegExp(term) }).getByRole('checkbox').check();
+ }
+}
+
+async function ensureErrorMessageDisplayed(page: Page, message: string): Promise {
+ await expect(page.getByText(message)).toBeVisible();
+}
+
+async function closeErrorDialog(page: Page): Promise {
+ await page.getByRole('button', { name: 'Close' }).first().click();
+}
+});
\ No newline at end of file
{props.description}
+{props.description}
-
- ${props.totalRaised.toLocaleString()}{" "} - committed and reserved +
+ ${props.totalRaised.toLocaleString()} committed and reserved
-
- {props.totalInvestor.toLocaleString()}{" "} - investors +
+ {props.totalInvestor.toLocaleString()} investors
-
- ${props.minInvestment.toLocaleString()} min. - investment +
+ ${props.minInvestment.toLocaleString()} min. investment
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {data.map((person, index) => (
+
+ );
+}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..01ff19c
--- /dev/null
+++ b/src/components/ui/dialog.tsx
@@ -0,0 +1,122 @@
+"use client"
+
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+ React.ElementRef
+
+ {person.initials}
+
+
+ ))}
+
+
+ {person.name}
+{person.email}
++${person.amount}
+
+
+
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes