[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" "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 } from "lucide-react" interface FounderCardProps { id: string name: string tagline: string description: string imageUrl: string isBookmarked: boolean onBookmark: (id: string) => void } export function FounderCard({ id, name, tagline, description, imageUrl, isBookmarked, onBookmark }: FounderCardProps) { const [bookmarked, setBookmarked] = useState(isBookmarked) const handleBookmark = () => { setBookmarked(!bookmarked) onBookmark(id) } return (

{name}

{tagline}

{description}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { FounderCard } from "@/components/founder-card" // Mock data for founders const founders = [ { id: "1", name: "John Doe", tagline: "AI Enthusiast", description: "Building the future of artificial intelligence with cutting-edge machine learning algorithms and neural networks.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: false, }, { id: "2", name: "Jane Smith", tagline: "Fintech Innovator", description: "Revolutionizing the financial industry through blockchain technology and decentralized finance solutions.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, }, // Add more founders as needed ] 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" import { FounderCard } from "@/components/founder-card" import type React from "react" // Mock data for bookmarked founders const bookmarkedFounders = [ { id: "2", name: "Jane Smith", tagline: "Fintech Innovator", description: "Revolutionizing the financial industry through blockchain technology and decentralized finance solutions.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, date: "2024-02-04", }, { id: "3", name: "Mike Johnson", tagline: "Sustainability Expert", description: "Creating eco-friendly solutions for a better world through innovative recycling technologies and renewable energy systems.", imageUrl: "/placeholder.svg?height=200&width=200", isBookmarked: true, date: "2024-02-05", }, // Add more bookmarked founders as needed ] 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: "short", day: "numeric" })}

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

) } [V0_FILE]typescriptreact:file="app/news/page.tsx" isEdit="true" import { Bell } from "lucide-react" // Mock data for news const news = [ { id: "1", text: "James Hill was followed by Miles Grimshaw", date: "2024-02-05T10:30:00Z", }, { id: "2", text: "Sarah Lee's startup raised $5M in seed funding", date: "2024-02-04T15:45:00Z", }, { id: "3", text: "Alex Chen launched a new product feature", date: "2024-02-03T09:15:00Z", }, // Add more news items as needed ] export default function News() { return (

News Feed

{news.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