.

.

..

import React, { useState } from 'react'; import { Card, CardContent } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { Label } from "@/components/ui/label"; import { Textarea } from "@/components/ui/textarea"; const mockDeals = [ { destination: "Scottsdale, AZ", resort: "Troon North Golf Resort", price: "$1,189", dates: "Oct 10–13", includes: "3 rounds + 3 nights + flight from Denver", }, { destination: "Palm Springs, CA", resort: "La Quinta Resort", price: "$999", dates: "Oct 15–18", includes: "2 rounds + 3 nights (no flight)", }, ]; export default function GolfVacationDeals() { const [destination, setDestination] = useState(''); const [budget, setBudget] = useState(''); const [dateRange, setDateRange] = useState(''); const [results, setResults] = useState([]); const findDeals = () => { // Simple filter mock (replace with real AI/API calls) const filtered = mockDeals.filter(deal => (!destination || deal.destination.toLowerCase().includes(destination.toLowerCase())) && (!budget || parseInt(deal.price.replace(/[$,]/g, '')) <= parseInt(budget)) ); setResults(filtered); }; return (

Golf Vacation Deal Finder 🏌️‍♂️

setDestination(e.target.value)} placeholder="e.g. Scottsdale" />
setBudget(e.target.value)} placeholder="e.g. 1200" />
setDateRange(e.target.value)} placeholder="e.g. Oct 10–13" />
{results.length === 0 ?

No deals found. Try adjusting your search.

: null} {results.map((deal, index) => (

{deal.resort}

{deal.destination}

{deal.includes}

{deal.price}

{deal.dates}

 ))}
); } .

.