[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { Header } from '@/components/header' import { Hero } from '@/components/hero' import { SearchForm } from '@/components/search-form' import { Offers } from '@/components/offers' import { Inspiration } from '@/components/inspiration' import { GeniusModal } from '@/components/genius-modal' export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { Plane, Hotel, Car, Anchor, Ticket, CarTaxiFrontIcon as Taxi } from "lucide-react" export function Header() { return (

Azewa Group

List your property

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isMerged="true" export function Hero() { return (

Find deals for any season

From cozy bed & breakfasts to luxury hotels

) } [V0_FILE]typescriptreact:file="components/search-form.tsx" isMerged="true" 'use client' import { Button } from '@/components/ui/button' import { Input } from '@/components/ui/input' import { Calendar } from '@/components/ui/calendar' import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover' import { CalendarIcon, Users } from 'lucide-react' import { useState } from 'react' import { format } from 'date-fns' import { Checkbox } from '@/components/ui/checkbox' export function SearchForm() { const [dates, setDates] = useState({ from: new Date(), to: new Date(), }) return (

{ if (range?.from && range?.to) { setDates({ from: range.from, to: range.to }) } }} numberOfMonths={2} />

I'm looking for flights

) } [V0_FILE]typescriptreact:file="components/offers.tsx" isMerged="true" import { Card, CardContent } from '@/components/ui/card' import Image from 'next/image' export function Offers() { return (

Offers

Promotions, deals, and special offers for you

Save on stays worldwide

Start your year with an adventure, save 15% or more

Escape for a while

Enjoy the freedom of a monthly stay on Booking.com

) } [V0_FILE]typescriptreact:file="components/inspiration.tsx" isMerged="true" import { Card, CardContent } from '@/components/ui/card' import Image from 'next/image' import { ChevronRight } from 'lucide-react' export function Inspiration() { return (

Get inspiration for your next trip

City escapes

Popular urban destinations

Beach getaways

Popular beach destinations

Mountain retreats

Popular mountain destinations

) } [V0_FILE]typescriptreact:file="components/genius-modal.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" export function GeniusModal() { const [open, setOpen] = useState(true) return ( ) }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This