[V0_FILE]typescriptreact:file="app/page.tsx" import Link from "next/link" import { ArrowRight, MapPin, UserPlus, Calendar, Globe, Users } from "lucide-react" import { Button } from "@/components/ui/button" export default function Home() { return (

{/* Hero Section */}

Find Your Perfect Travel Partner

Connect with travelers matching your destination, dates, and interests. Plan together, travel together.

{/* How It Works Section */}

How It Works

Connect with like-minded travelers in just a few simple steps

Create Your Profile

Find Matches

Get matched with travelers nearby who share similar travel plans and interests.

Plan Together

Connect, chat securely, and plan your perfect trip together.

{/* Features Section */}

Key Features

Everything you need to find the perfect travel companion

Location-Based Matching

Find travelers nearby who are planning trips to your destination.

Trip Planning & Collaboration

Create trips, share details, and collaborate on planning activities and logistics.

Secure Messaging

Private, encrypted messaging keeps your conversations secure until you're ready to share details.

Trip Visualization

Map integration helps visualize trips, locations, and points of interest.

{/* CTA Section */}

Ready to find your next travel partner?

Join our community today and start planning your next adventure.

) } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import "@/app/globals.css" import type { Metadata } from "next" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Travel Partner", description: "Find your perfect travel companion", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/navbar.tsx" "use client" import { useState } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet" import { MenuIcon, MapPin } from "lucide-react" export function Navbar() { const [isOpen, setIsOpen] = useState(false) return (

TravelPartner

setIsOpen(false)}> Find Partners setIsOpen(false)}> My Trips setIsOpen(false)}> Messages setIsOpen(false)}> About

setIsOpen(false)}> setIsOpen(false)}>

) } [V0_FILE]typescriptreact:file="components/footer.tsx" import Link from "next/link" import { MapPin } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/find-partners/page.tsx" "use client" import { useState } from "react" import { MapPin, Star, Heart, Calendar, MessageSquare, Filter } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Slider } from "@/components/ui/slider" import { Badge } from "@/components/ui/badge" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet" export default function FindPartners() { const [filters, setFilters] = useState({ destination: "", dates: "", distance: [100], interests: [], }) const travelers = [ { id: 1, name: "Alex Johnson", age: 28, location: "San Francisco, CA", destination: "Tokyo, Japan", dates: "May 10-25, 2023", distance: "5 miles away", interests: ["Photography", "Food", "Culture"], rating: 4.8, avatar: "/placeholder.svg?height=40&width=40", }, { id: 2, name: "Samantha Lee", age: 31, location: "Oakland, CA", destination: "Barcelona, Spain", dates: "June 15-30, 2023", distance: "12 miles away", interests: ["Hiking", "Architecture", "Nightlife"], rating: 4.5, avatar: "/placeholder.svg?height=40&width=40", }, { id: 3, name: "Michael Chen", age: 26, location: "San Jose, CA", destination: "Bangkok, Thailand", dates: "July 5-20, 2023", distance: "25 miles away", interests: ["Beach", "Street Food", "Shopping"], rating: 4.7, avatar: "/placeholder.svg?height=40&width=40", }, { id: 4, name: "Emily Rivera", age: 29, location: "Berkeley, CA", destination: "Paris, France", dates: "August 10-25, 2023", distance: "8 miles away", interests: ["Museums", "Food", "Fashion"], rating: 4.9, avatar: "/placeholder.svg?height=40&width=40", }, { id: 5, name: "David Wilson", age: 32, location: "Palo Alto, CA", destination: "Rome, Italy", dates: "September 5-20, 2023", distance: "15 miles away", interests: ["History", "Food", "Art"], rating: 4.6, avatar: "/placeholder.svg?height=40&width=40", }, { id: 6, name: "Jessica Thompson", age: 27, location: "San Mateo, CA", destination: "Bali, Indonesia", dates: "October 10-25, 2023", distance: "18 miles away", interests: ["Yoga", "Beach", "Nature"], rating: 4.8, avatar: "/placeholder.svg?height=40&width=40", }, ] return (

Find Travel Partners

Discover travelers with similar interests and destinations

Filter Partners Narrow down your search to find the perfect match

Destination

setFilters({ ...filters, destination: e.target.value })} />

Travel Dates

setFilters({ ...filters, dates: e.target.value })} />

Maximum Distance

{filters.distance[0]} miles

setFilters({ ...filters, distance: value })} />

Interests

{travelers.map((traveler) => (

{traveler.name.substring(0, 2)}

{traveler.name}, {traveler.age}

{traveler.rating}

{traveler.location} • {traveler.distance}

{traveler.destination}

{traveler.dates}

{traveler.interests.map((interest, index) => ( {interest} ))}

))}

) } [V0_FILE]typescriptreact:file="app/trips/page.tsx" "use client" import { useState } from "react" import { PlusCircle, Map, Calendar, Clock, MapPin, Users, Edit, Trash2, ArrowUpRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" export default function Trips() { const [activeTab, setActiveTab] = useState("upcoming") const upcomingTrips = [ { id: 1, title: "Tokyo Adventure", destination: "Tokyo, Japan", dates: "May 10-25, 2023", description: "Exploring the vibrant streets of Tokyo, visiting temples, and enjoying the local cuisine.", activities: ["Temples", "Food Tour", "Mount Fuji"], partners: 2, image: "/placeholder.svg?height=200&width=300", }, { id: 2, title: "European Exploration", destination: "Paris, Rome, Barcelona", dates: "July 5-30, 2023", description: "A month-long tour of Europe's most iconic cities, experiencing art, history, and culture.", activities: ["Museums", "Walking Tours", "Local Cuisine"], partners: 1, image: "/placeholder.svg?height=200&width=300", }, ] const pastTrips = [ { id: 3, title: "Bali Retreat", destination: "Bali, Indonesia", dates: "February 10-20, 2023", description: "A relaxing retreat in Bali, enjoying beaches, yoga, and the local culture.", activities: ["Beach", "Yoga", "Temples"], partners: 3, image: "/placeholder.svg?height=200&width=300", }, { id: 4, title: "New York Weekend", destination: "New York City, USA", dates: "January 15-17, 2023", description: "A quick weekend trip to the Big Apple, seeing the sights and enjoying the city.", activities: ["Times Square", "Central Park", "Museums"], partners: 0, image: "/placeholder.svg?height=200&width=300", }, ] return (

My Trips

Manage your trips and find travel partners

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This