Trip Planner

Travel Planner Travel Planner AI powered trip planning made easy Where do you want to go? Travel Dates Start Date End Date Number of Travelers Total Budget (Optional) Currency: Indian Rupee (INR) US Dollar (USD) Euro (EUR) British Pound (GBP) ...

import React, { useMemo, useState, useEffect } from "react"; import { motion } from "framer-motion"; import { Plane, Calendar as CalendarIcon, Users, IndianRupee, Bike, Car, Bus, Train, PlaneTakeoff, MapPin, Hotel, UtensilsCrossed, Wallet, Cog, Search, CreditCard, CheckCircle, } from "lucide-react"; /** * SMART TRAVEL PLANNER – One Page App * ----------------------------------------------------------- * - Fully responsive (mobile-first), clean + subtle 3D (neumorphic) look * - Form: Destination, Start/End date (with native calendar), Travellers, Budget (optional), Transport (dropdown w/ icons) * - Currency selector (defaults to INR), conversion across UI; user can change currency * - Generate Itinerary button → shows results sections: Itinerary, Hotels, Places, Vehicle, Cost, Restaurants * - Booking block with mock live search + payment (demo). Replace adapters below with real APIs when ready. * - NOTE: This demo ...

// Smart Travel Planner – Next.js 14 (App Router) + Tailwind + Supabase + Mock AI // ----------------------------------------------------------------------------- // This is a deploy‑ready, one‑page travel planner with: // - Attractive header with plane logo + slogan // - Form: destination, dates, travellers, optional budget, transport (with icons) // - Currency switcher (default INR) + live FX endpoint (stub provided) // - Generate Itinerary → tabs: Itinerary, Hotels, Places, Vehicle, Cost, Restaurants, Booking // - Supabase Auth (email magic link) + Trip save/load (schema below) // - Booking & Payments UI (demo) with API placeholders for real providers // - Fully responsive (mobile → tablet → desktop) with subtle 3D (neumorphic) styling // - AI Itinerary generator stub (server route) with deterministic fallback // // HOW TO USE // ----------------------------------------------------------------------------- // 1) Create a new Next.js app (App Router): // npx create-next-app@la...

// Smart Travel Planner – Next.js 14 (App Router) + Tailwind + Supabase + Amadeus + Razorpay // ----------------------------------------------------------------------------- // Upgrades in this version: // - LIVE data hooks: // • Amadeus Flights (v2/shopping/flight-offers) // • Amadeus Hotels (v3/shopping/hotel-offers) // - Razorpay Checkout for payments (INR) // - Supabase Auth + save trips + save bookings (payments success) // - Graceful fallback to mock data if APIs fail // - Mobile-first, responsive, subtle 3D UI // // HOW TO USE // ----------------------------------------------------------------------------- // 1) Create a new Next.js app (App Router): // npx create-next-app@latest smart-travel-planner --ts --eslint // cd smart-travel-planner // 2) Install deps: // npm i framer-motion lucide-react @supabase/supabase-js // npm i razorpay // npm i -D tailwindcss postcss autoprefixer // npx tailwindcss init -p // 3) Replace/add the files exactly as below. // 4) ...