import type { ReactNode } from "react"; import { ButtonLink } from "@/components/ui/button"; import { Reveal } from "@/components/ui/reveal"; type Feature = { title: string; description: string; icon: ReactNode; full?: boolean }; // Lucide-style 24px stroke icons, ported from the Figma export const features: Feature[] = [ { title: "Tour Builder", description: "Create tours, routes, stops, schedules, departures and products.", icon: ( <> ), }, { title: "Real-Time Availability", description: "Manage capacity, inventory and availability in real time.", icon: ( <> ), }, { title: "Flexible Pricing", description: "Create fixed, dynamic, seasonal, group and channel-specific pricing.", icon: ( <> ), }, { title: "Preservation", description: "Manage individual, group, private, corporate and wholesale bookings.", icon: ( <> ), }, { title: "Digital Tickets", description: "Issue digital tickets, confirmations, vouchers and booking information.", icon: ( <> ), }, { title: "Changes & Cancellation", description: "Manage amendments, extensions, cancellations and customer changes efficiently.", icon: ( <> ), }, ]; const platform: Feature = { title: "Enterprise Ticketing Platform", description: "Manage high-volume ticketing, reservations, inventory and customer transactions from one centralized platform.", icon: ( <> ), full: true, }; function FeatureIcon({ children }: { children: ReactNode }) { return ( {children} ); } function FeatureCard({ f }: { f: Feature }) { return (
{f.icon}

{f.title}

{f.description}

); } export function TourBooking() { return (

Tour Booking & Management Software

Voyager gives tour operators and activity businesses the tools to create, sell and manage virtually any tourism product from one platform.

Sell More. Manage{" "} Less.

{features.map((f, i) => ( ))}

Now lets see

Tour Booking Software
); }