[V0_FILE]typescriptreact:file="app/layout.tsx" isQuickEdit="true" isMerged="true" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Navigation } from "@/components/navigation" import type React from "react" // Added import for React const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Signa", description: "Discover and connect with innovative founders", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/navigation.tsx" isQuickEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export function Navigation() { return ( ) } [V0_FILE]typescriptreact:file="components/founder-card.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Bookmark, MapPin, Briefcase } from 'lucide-react' interface FounderCardProps { id: string name: string tagline: string description: string imageUrl: string isBookmarked: boolean location: string companyStage: string onBookmark: (id: string) => void } export function FounderCard({ id, name, tagline, description, imageUrl, isBookmarked, location, companyStage, onBookmark }: FounderCardProps) { const [bookmarked, setBookmarked] = useState(isBookmarked) const handleBookmark = () => { setBookmarked(!bookmarked) onBookmark(id) } return (

{name}

{tagline}

{description}

{location} {companyStage}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { FounderCard } from "@/components/founder-card" const founders = [ { id: "1", name: "John Doe", tagline: "AI Enthusiast & Machine Learning Pioneer", description: "Building the future of artificial intelligence with cutting-edge machine learning algorithms and neural networks. John's work focuses on developing AI systems that can understand and respond to human emotions, revolutionizing the way we interact with technology in our daily lives.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: false, location: "San Francisco, CA", companyStage: "Series A", }, { id: "2", name: "Jane Smith", tagline: "Fintech Innovator & Blockchain Specialist", description: "Revolutionizing the financial industry through blockchain technology and decentralized finance solutions. Jane's startup is creating a new paradigm for cross-border transactions, making them faster, cheaper, and more secure than ever before, while also exploring the potential of programmable money.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, location: "New York, NY", companyStage: "Seed", }, { id: "3", name: "Alex Chen", tagline: "Sustainable Energy Entrepreneur", description: "Pioneering new approaches to renewable energy and sustainability. Alex's company is developing advanced solar panel technology that significantly increases energy efficiency while reducing production costs, making clean energy more accessible to communities worldwide.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: false, location: "Austin, TX", companyStage: "Pre-seed", }, ] export default function Home() { return (

Today's Founders

{founders.map((founder) => ( console.log(`Bookmarked founder with id: ${id}`)} /> ))}

) } [V0_FILE]typescriptreact:file="app/bookmarked/page.tsx" isEdit="true" isMerged="true" import { FounderCard } from "@/components/founder-card" import type React from "react" const bookmarkedFounders = [ { id: "2", name: "Jane Smith", tagline: "Fintech Innovator & Blockchain Specialist", description: "Revolutionizing the financial industry through blockchain technology and decentralized finance solutions. Jane's startup is creating a new paradigm for cross-border transactions, making them faster, cheaper, and more secure than ever before, while also exploring the potential of programmable money.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, date: "2024-02-04", location: "New York, NY", companyStage: "Seed", }, { id: "3", name: "Mike Johnson", tagline: "Sustainability Expert & Circular Economy Advocate", description: "Creating eco-friendly solutions for a better world through innovative recycling technologies and renewable energy systems. Mike's company is pioneering a closed-loop manufacturing process that eliminates waste and reduces carbon emissions, setting new standards for sustainable production in multiple industries.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, date: "2024-02-05", location: "Seattle, WA", companyStage: "Series A", }, { id: "4", name: "Emily Brown", tagline: "Health Tech Pioneer & Bioinformatics Researcher", description: "Developing innovative wearable devices for real-time health monitoring and personalized medical insights. Emily's startup is combining advanced sensors with AI-powered analytics to provide continuous, non-invasive monitoring of vital health markers, enabling early detection of potential health issues and personalized treatment recommendations.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, date: "2024-02-06", location: "Boston, MA", companyStage: "Pre-seed", }, ] export default function Bookmarked() { return (

Bookmarked Founders

{bookmarkedFounders.reduce((acc, founder, index, array) => { if (index === 0 || founder.date !== array[index - 1].date) { acc.push(

{new Date(founder.date).toLocaleDateString("en-US", { month: "long", day: "numeric" })}

) } acc.push( console.log(`Toggled bookmark for founder with id: ${id}`)} /> ) return acc }, [] as React.ReactNode[])}

) } [V0_FILE]typescriptreact:file="app/news/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Bell } from 'lucide-react' import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" const allNews = [ { id: "1", text: "James Hill was followed by Miles Grimshaw", date: "2024-02-05T10:30:00Z", type: "favorited", }, { id: "2", text: "Sarah Lee's startup raised $5M in seed funding", date: "2024-02-04T15:45:00Z", type: "favorited", }, { id: "3", text: "Alex Chen launched a new product feature", date: "2024-02-03T09:15:00Z", type: "passed", }, { id: "4", text: "Emma Watson joined as an advisor to GreenTech Solutions", date: "2024-02-02T14:20:00Z", type: "favorited", }, { id: "5", text: "Michael Brown's pitch was not selected for the accelerator program", date: "2024-02-01T11:00:00Z", type: "passed", }, ] export default function News() { const [activeTab, setActiveTab] = useState<"favorited" | "passed">("favorited") const filteredNews = allNews.filter((item) => item.type === activeTab) return (

News Feed

{filteredNews.map((item) => (

{item.text}

{new Date(item.date).toLocaleString()}

))}

) }

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This