+
Invest on NVIDIA
+
-
-
-
- {/* Card section */} -
);
-}
+}
\ No newline at end of file
diff --git a/src/app/overview/page.tsx b/src/app/overview/page.tsx
new file mode 100644
index 0000000..f34d3cc
--- /dev/null
+++ b/src/app/overview/page.tsx
@@ -0,0 +1,191 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Image from "next/image";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
+import { Card, CardContent } from "@/components/ui/card";
+import CountUp from "react-countup";
+import { Progress } from "@/components/ui/progress";
+import { Separator } from "@/components/ui/separator";
+import { Button } from "@/components/ui/button";
+import { ShareIcon, StarIcon } from "lucide-react";
+import { Toaster, toast } from "react-hot-toast";
+import useSession from "@/lib/supabase/useSession";
+import { redirect } from "next/navigation";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import Link from "next/link";
+
+export default function Invest() {
+ const [progress, setProgress] = useState(0);
+ const [tab, setTab] = useState("Pitch");
+ const { session, loading } = useSession();
+ const user = session?.user;
+ const [sessionLoaded, setSessionLoaded] = useState(false);
+ const [isFollow, setIsFollow] = useState(false);
+
+ useEffect(() => {
+ // set sessionLoaded to true once session is confirmed
+ if (!loading) {
+ setSessionLoaded(true);
+ }
+ }, [loading]);
+ const handleClick = (item: string) => {
+ setTab(item);
+ };
+
+ const handleShare = () => {
+ const currentUrl = window.location.href;
+ if (document.hasFocus()) {
+ navigator.clipboard.writeText(currentUrl).then(() => {
+ toast.success("URL copied to clipboard!");
+ });
+ }
+ };
+ const handleFollow = () => {
+ if (user) {
+ setIsFollow((prevState) => !prevState);
+ // save follow to database
+ } else {
+ redirect("/login");
+ }
+ };
+ useEffect(() => {
+ // percent success
+ const timer = setTimeout(() => setProgress(66), 500);
+ return () => clearTimeout(timer);
+ }, []);
+ return (
+
- {/* Name, star and share button packed */}
-
- {/* menu */}
-
-
- {/* end of pack */}
-
-
- NVIDIA
-
-
-
-
-
-
-
-
-
-
-
-
- Follow NIVIDIA
-
-
- World's first non-metal sustainable battery
-
- {["Technology", "Gaming"].map((tag) => (
-
- {tag}
-
- ))}
-
-
- {/* image carousel */}
-
+
-
-
- {Array.from({ length: 5 }).map((_, index) => (
-
- 
-
- ))}
- {" "}
-
-
-
- {/* boiler plate for an actual pictures */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {" "}
-
-
-
-
- 5% raised of $5M max goal
- -
- {" "}
-
- Investors
-
-
- Left to invest
- -
+
- Investment Amount
+
-
-
- - {/* Card section */} -
- {/* Cards */}
-
-
-
- {tab}
-
-
-
+
+
+ Payment Information
+
+
+
+
+
+
Terms and Services
+
+
+ {/* Card section */} +
+ );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8650999..e370b63 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -78,7 +78,7 @@ export default function Home() {
+
+
+
+ {/* menu */}
+
+ {/* Name, star and share button packed */}
+
+
+
+ {/* end of pack */}
+
+
+ NVIDIA
+
+
+
+
+
+
+
+
+
+
+
+
+ Follow NIVIDIA
+
+
+ World's first non-metal sustainable battery
+
+ {["Technology", "Gaming"].map((tag) => (
+
+ {tag}
+
+ ))}
+
+
+ {/* image carousel */}
+
+
+
+
+ {Array.from({ length: 5 }).map((_, index) => (
+
+
+
+ ))}
+ {" "}
+
+
+
+ {/* boiler plate for an actual pictures */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {" "}
+
+
+
+
+ 5% raised of $5M max goal
+ +
+ {" "}
+
+ Investors
+
+
+ Left to invest
+ +
+
+
+ + {/* Card section */} +
+ {/* Cards */}
+
+
+
+ {tab}
+
+
+
+
+ The deals attracting the most interest right now
-
+
{
await page.goto('http://127.0.0.1:3000/');
+
+ // Start Investing
await page.getByRole('button', { name: 'Start Investing' }).click();
+ // Filter by AI tag
await page.locator('button').filter({ hasText: 'Tags' }).click();
await page.getByLabel('AI', { exact: true }).click();
- await page.locator('span#tag', { hasText: 'AI' });
+ const aiTag = page.locator('span#tag', { hasText: 'AI' });
+ await expect(aiTag).toBeVisible();
+ // Filter by Technology tag
await page.locator('button').filter({ hasText: 'AI' }).click();
await page.getByLabel('Technology').click();
- await page.locator('span#tag', { hasText: 'Technology' });
+ const techTag = page.locator('span#tag', { hasText: 'Technology' });
+ await expect(techTag).toBeVisible();
+ // Filter by Consumer Electronics tag
await page.locator('button').filter({ hasText: 'Technology' }).click();
- await page.getByText('Consumer Electronics').click();
- await page.locator('span#tag', { hasText: 'Consumer Electronics' });
+ await page.getByLabel('Consumer Electronics').click();
+ const consumerElectronicsTag = page.locator('span#tag', { hasText: 'Consumer Electronics' });
+ await expect(consumerElectronicsTag).toBeVisible();
+ // Filter by Software tag
await page.locator('button').filter({ hasText: 'Consumer Electronics' }).click();
await page.getByLabel('Software').click();
- await page.locator('span#tag', { hasText: 'Software' });
+ const softwareTag = page.locator('span#tag', { hasText: 'Software' });
+ await expect(softwareTag).toBeVisible();
+ // Filter by Internet tag
await page.locator('button').filter({ hasText: 'Software' }).click();
await page.getByLabel('Internet').click();
- await page.locator('span#tag', { hasText: 'Internet' });
-});
\ No newline at end of file
+ const internetTag = page.locator('span#tag', { hasText: 'Internet' });
+ await expect(internetTag).toBeVisible();
+});