Skip to main content

Travel Planner

Smart Travel Planner

AI-powered trip planning made easy

Creating your perfect itinerary...

Comments

Post a Comment

Popular posts from this blog

Plan

// 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) ...
Open Now

Start

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 ...
Open Now