// Route-specific pages for SEO landing URLs

const INTERNATIONAL_PACKAGES = [
  {
    name: "Dubai 4-Night Package",
    price: "From Rs. 165,000 per person",
    bestFor: "First-time international travellers, families with kids 8+",
    details: [
      "4 nights / 5 days",
      "Return flight Lahore to Dubai to Lahore",
      "4-star hotel in Bur Dubai or Deira",
      "UAE 30-day visa",
      "Burj Khalifa observation deck ticket",
      "Desert safari with BBQ dinner",
      "Dhow cruise with dinner",
      "Half-day Dubai city tour",
      "All airport and tour transfers",
      "Daily breakfast",
    ],
  },
  {
    name: "Turkey Istanbul + Cappadocia 7-Night Package",
    price: "From Rs. 245,000 per person",
    bestFor: "Couples, honeymooners, friend groups",
    details: [
      "7 nights / 8 days",
      "Return flight Lahore to Istanbul (Turkish Airlines)",
      "4 nights Istanbul (4-star hotel near Sultanahmet)",
      "3 nights Cappadocia (cave hotel)",
      "Turkey e-visa",
      "Hot air balloon ride in Cappadocia (weather permitting)",
      "Bosphorus cruise dinner",
      "Topkapi Palace, Blue Mosque, Hagia Sophia tour",
      "Grand Bazaar shopping tour",
      "Underground city and Goreme tour",
      "All transfers and intercity flight Istanbul-Cappadocia",
      "Daily breakfast plus 2 traditional Turkish dinners",
    ],
  },
  {
    name: "Thailand Bangkok + Phuket 6-Night Package",
    price: "From Rs. 195,000 per person",
    bestFor: "Honeymooners, families with teenagers",
    details: [
      "6 nights / 7 days",
      "Return flight Lahore to Bangkok to Lahore",
      "3 nights Bangkok (4-star)",
      "3 nights Phuket (beach resort)",
      "Thailand visa",
      "Phi Phi Island day tour",
      "Bangkok city and temple tour",
      "Floating market tour",
      "Halal restaurant guidance",
      "All transfers including domestic flight Bangkok-Phuket",
      "Daily breakfast",
    ],
  },
  {
    name: "Malaysia Kuala Lumpur + Langkawi 6-Night Package",
    price: "From Rs. 175,000 per person",
    bestFor: "Halal-friendly family destination, beach lovers, first-time Asia travel",
    details: [
      "6 nights / 7 days",
      "Return flight Lahore to Kuala Lumpur to Lahore",
      "3 nights Kuala Lumpur (4-star)",
      "3 nights Langkawi (beach resort)",
      "Malaysia eVisa",
      "Petronas Twin Towers (Skybridge ticket)",
      "Batu Caves tour",
      "Langkawi cable car",
      "Island hopping tour Langkawi",
      "All transfers plus domestic flight Kuala Lumpur-Langkawi",
      "Daily breakfast",
    ],
  },
  {
    name: "Maldives 4-Night Honeymoon",
    price: "From Rs. 295,000 per person",
    bestFor: "Honeymooners, anniversary couples",
    details: [
      "4 nights / 5 days",
      "Return flight Lahore to Male to Lahore",
      "4 nights in overwater villa or beachfront villa",
      "No visa required (free on arrival)",
      "Speedboat transfers Male airport to resort",
      "All-inclusive meal plan (3 meals)",
      "Romantic candlelight dinner one night",
      "Snorkelling gear included",
      "Couple's spa session (resort dependent)",
    ],
  },
  {
    name: "Azerbaijan Baku 5-Night Package",
    price: "From Rs. 145,000 per person",
    bestFor: "Couples, friend groups, short escapes",
    details: [
      "5 nights / 6 days",
      "Return flight Lahore to Baku",
      "4-star hotel in Baku city centre",
      "Azerbaijan ASAN e-visa",
      "Baku Old City walking tour (UNESCO)",
      "Gobustan mud volcanoes and petroglyphs tour",
      "Heydar Aliyev Center visit",
      "Flame Towers and Boulevard tour",
      "All transfers and day tours",
      "Daily breakfast",
    ],
  },
  {
    name: "Georgia Tbilisi + Batumi 6-Night Package",
    price: "From Rs. 155,000 per person",
    bestFor: "Adventure travellers, mountain and sea lovers, couples",
    details: [
      "6 nights / 7 days",
      "Return flight Lahore to Tbilisi",
      "3 nights Tbilisi plus 3 nights Batumi (or Kazbegi)",
      "Georgian visa",
      "Old Tbilisi walking tour",
      "Wine country day trip (Kakheti)",
      "Kazbegi mountain day tour",
      "Batumi Black Sea beach time",
      "All transfers",
    ],
  },
];

const CUSTOM_PACKAGES = [
  "Honeymoon specials - Maldives, Bali, Santorini, Paris",
  "Family group tours - 6+ travellers, customised pace",
  "Senior-friendly tours - slower pace, wheelchair access, medical insurance",
  "Halal-only tours - Halal food guarantee at every destination",
  "Multi-country tours - Europe (4-5 countries), Southeast Asia (3 countries)",
  "Adventure packages - Northern Pakistan + Tajikistan + Kyrgyzstan",
  "Corporate retreats and conference travel",
];

const INTERNATIONAL_FAQS = [
  {
    q: "What is the cheapest international tour package from Pakistan?",
    a: "Azerbaijan (Baku) 5-night packages start at Rs. 145,000 per person, and Malaysia 6-night packages start at Rs. 175,000. These are typically the most affordable international destinations from Pakistan with visa-easy entry.",
  },
  {
    q: "Do you offer honeymoon packages from Lahore?",
    a: "Yes. Our most-booked honeymoon destinations are Maldives (Rs. 295,000+), Thailand (Rs. 215,000+), Turkey (Rs. 265,000+), and Azerbaijan (Rs. 165,000+). Each package includes a romantic dinner, special couple's room, and additional honeymoon touches.",
  },
  {
    q: "Are flights and visas included in your tour packages?",
    a: "Yes. All our standard international tour packages include the return flight from Lahore, the destination country's visa processing and fees, all transfers, and the listed tours. We disclose what is included versus excluded clearly on every package.",
  },
  {
    q: "Can you arrange Halal food on tour packages?",
    a: "Absolutely. For destinations like Thailand, Malaysia, Indonesia, Turkey, and Maldives, Halal food is widely available and we guide you to the right restaurants. For Europe, US, and Far East destinations, we book hotels near Halal restaurants and provide a Halal restaurant directory on arrival.",
  },
  {
    q: "How far in advance should I book a tour package?",
    a: "Book 6-8 weeks ahead for visa-required destinations to allow processing time. Visa-easy destinations (Maldives, Malaysia, Indonesia, Azerbaijan, Georgia) can be booked 3-4 weeks ahead. Peak seasons (Eid, summer break, December) need 10+ weeks lead time.",
  },
  {
    q: "Do you offer instalment payment plans for tour packages?",
    a: "We accept 50% advance and 50% before departure for packages over Rs. 200,000. Some banks (HBL, UBL, Meezan) offer 3, 6, or 12-month credit card EMI on travel purchases.",
  },
];

const INTERNAL_LINKS = [
  { href: "/dubai-family-tour-package-from-lahore", label: "Dubai Tour Packages from Lahore" },
  { href: "/turkey-istanbul-cappadocia-package", label: "Turkey Tour Packages" },
  { href: "/thailand-honeymoon-package-from-pakistan", label: "Thailand Honeymoon Package" },
  { href: "/maldives-honeymoon-package-from-pakistan", label: "Maldives Honeymoon Package" },
  { href: "/azerbaijan-tour-package-from-pakistan", label: "Azerbaijan Tour Package" },
  { href: "/georgia-tour-package-from-pakistan", label: "Georgia Tour Package" },
  { href: "/malaysia-family-tour-package-from-pakistan", label: "Malaysia Family Package" },
];

const InternationalPackageCard = ({ pkg }) => (
  <article className="seo-card">
    <h3>{pkg.name} <span>{pkg.price}</span></h3>
    <ul>
      {pkg.details.map((item) => <li key={item}>{item}</li>)}
    </ul>
    <p><strong>Best for:</strong> {pkg.bestFor}</p>
  </article>
);

const InternationalTourPage = () => (
  <div className="seo-page">
    <section className="seo-hero">
      <div className="container">
        <h1>International Tour Packages from Lahore - All-Inclusive Holiday Deals</h1>
        <h2>Flight, hotel, visa, transfers, and guided tours - bundled into one transparent package. Honeymoon, family, friends' group, or solo - we have the destination and the price.</h2>
      </div>
    </section>

    <section className="seo-section">
      <div className="container seo-body">
        <p>
          The right travel agency saves you not just money, but mental load. Booking a foreign holiday yourself means juggling flight comparisons, hotel reviews, visa applications, airport transfers, day tours, restaurant reservations, and currency exchanges across multiple tabs and apps. By the time you are done, you have spent 30 hours planning and your wife has changed her mind about the destination.
        </p>
        <p>
          At Departures.pk, we sell <strong>all-inclusive international tour packages from Lahore</strong> with one quote, one payment, and one PDF that contains everything from your departure boarding pass to your return airport pickup. We have designed packages for the destinations most Lahori families actually want: Dubai for first-time international travellers, Turkey for couples and groups, Thailand and Malaysia for budget family holidays, Maldives for honeymoons, and Azerbaijan or Georgia for those seeking new, affordable visa-easy destinations.
        </p>
        <p>
          We have packages running every weekend and during every Pakistani holiday season including Eid, summer break, winter break, Independence Day, and year-end dates. Group fixed departures cost 20-35% less than custom trips, while custom private trips are available for honeymooners, family reunions, and group bookings of six or more travellers.
        </p>

        <div className="seo-includes">
          <h3>Every package includes:</h3>
          <ul>
            <li>Return flight from Lahore (LHE) on a confirmed airline</li>
            <li>Hotel with specified star rating in tourist-area location</li>
            <li>Visa application support plus fees</li>
            <li>Airport transfers (private or shared, specified)</li>
            <li>Guided day tours by destination</li>
            <li>Daily breakfast (some packages include half/full board)</li>
            <li>24/7 in-destination support number</li>
            <li>Detailed itinerary PDF before departure</li>
          </ul>
        </div>
      </div>
    </section>

    <section className="seo-section seo-alt">
      <div className="container">
        <h2>Most-Booked International Tour Packages from Lahore</h2>
        <div className="seo-grid">
          {INTERNATIONAL_PACKAGES.map((pkg) => <InternationalPackageCard key={pkg.name} pkg={pkg} />)}
        </div>
      </div>
    </section>

    <section className="seo-section">
      <div className="container seo-body">
        <h2>Custom Tour Packages - Built Around You</h2>
        <p>If our standard packages do not fit your dates, pace, or preferences, we build fully custom itineraries:</p>
        <ul>
          {CUSTOM_PACKAGES.map((item) => <li key={item}>{item}</li>)}
        </ul>
      </div>
    </section>

    <section className="seo-section seo-alt">
      <div className="container seo-body">
        <h2>FAQs - International Tour Packages from Lahore</h2>
        <div className="seo-faq-list">
          {INTERNATIONAL_FAQS.map((faq) => (
            <article key={faq.q} className="seo-faq-item">
              <h3>{faq.q}</h3>
              <p>{faq.a}</p>
            </article>
          ))}
        </div>
      </div>
    </section>

    <section className="seo-section">
      <div className="container seo-body">
        <h2>Explore Related Packages</h2>
        <ul className="seo-links">
          {INTERNAL_LINKS.map((item) => (
            <li key={item.href}>
              <a href={item.href}>{item.label} -></a>
            </li>
          ))}
        </ul>
      </div>
    </section>
  </div>
);

const AboutPage = () => (
  <div className="seo-page">
    <section className="seo-hero">
      <div className="container">
        <h1>About Departures.pk - Departure Experts from Lahore</h1>
      </div>
    </section>

    <section className="seo-section">
      <div className="container seo-body">
        <p>
          Departures.pk was founded on a simple frustration: that Pakistani travellers deserve better than the chaotic, opaque, overpriced experience the local travel industry has been offering for years. Born in Lahore, run by Lahoris, we exist for one job - making sure your departure from Pakistan is smooth, affordable, and well-prepared.
        </p>
        <p>
          We are an <strong>IATA-recognised</strong>, <strong>DTS Punjab-registered</strong> travel agency operating out of Lahore. Our team includes flight consultants who know LHE's airline rosters by heart, visa officers trained on the latest UAE, UK, Schengen, Canada, and US embassy protocols, and an Umrah operations team with direct hotel and ground-transport contracts in Makkah and Madinah.
        </p>

        <h2>Our service categories:</h2>
        <ul>
          <li>International flight booking from Lahore (LHE) to 200+ destinations</li>
          <li>Visit visa services for 30+ countries</li>
          <li>Umrah packages (Economy to VIP)</li>
          <li>All-inclusive international tour packages</li>
          <li>Travel insurance (Schengen-grade)</li>
          <li>Hotel bookings worldwide</li>
        </ul>

        <h2>Why we built Departures.pk:</h2>
        <p>
          Our founders spent 12+ years working in international software and tech businesses with frequent global travel. They saw first-hand how Pakistani travellers were repeatedly let down by:
        </p>
        <ul>
          <li>Travel agencies that quote one price and charge another during booking</li>
          <li>Visa consultants submitting half-prepared files and offering no accountability</li>
          <li>Umrah operators promising proximity but placing pilgrims far from Haram</li>
          <li>Flight agents issuing restrictive fares without clear upfront disclosure</li>
        </ul>

        <h2>Our numbers (and we update them honestly):</h2>
        <ul>
          <li>5,000+ Lahori travellers served</li>
          <li>287 verified Google reviews (4.9-star average)</li>
          <li>98% visa approval rate</li>
          <li>0% complaint rate for hidden charges</li>
          <li>24/7 in-destination support for active travellers</li>
        </ul>

        <h2>What we do not do:</h2>
        <ul>
          <li>We do not sell timeshares or free-trip lottery promotions</li>
          <li>We do not arrange illegal immigration or work-visa-on-tourist routes</li>
          <li>We do not push customers into expensive packages using fake urgency</li>
          <li>We do not take payments in cryptocurrency or unverified channels</li>
        </ul>

        <h2>Our promise to every Lahori traveller:</h2>
        <p>
          We started Departures.pk to do the opposite: <strong>clear quotes, full disclosure, hands-on processing, real consultants who pick up the phone</strong>.
        </p>
        <p>
          We treat your booking like our family is travelling. We tell you the truth even when it costs us the sale. We charge fairly, deliver fully, and respect your time. And if something goes wrong, flight delay, visa issue, hotel problem, we own the response.
        </p>
        <p>
          If you are in Lahore and planning international travel, we would be honoured to be your departure partner.
        </p>
      </div>
    </section>
  </div>
);

const CONTACT_DEPARTMENTS = [
  { label: "General", email: "info@departures.pk" },
  { label: "Flights", email: "flights@departures.pk" },
  { label: "Visas", email: "visa@departures.pk" },
  { label: "Umrah", email: "umrah@departures.pk" },
  { label: "Complaints", email: "feedback@departures.pk" },
];

const ContactForm = () => {
  const [payload, setPayload] = React.useState({ name: "", whatsapp: "+92", service: "General Inquiry" });

  const onSubmit = (e) => {
    e.preventDefault();
    openWhatsAppForIntent({
      action: "contact office",
      source: "Contact page form",
      destination: payload.service,
      travellers: payload.name ? `Name: ${payload.name}` : null,
      tripStyle: payload.whatsapp ? `WhatsApp: ${payload.whatsapp}` : null,
    });
  };

  return (
    <form className="contact-form" onSubmit={onSubmit}>
      <h3>Send us your request</h3>
      <label>
        Name
        <input
          type="text"
          value={payload.name}
          onChange={(e) => setPayload({ ...payload, name: e.target.value })}
          placeholder="Your full name"
          required
        />
      </label>
      <label>
        WhatsApp Number
        <input
          type="text"
          value={payload.whatsapp}
          onChange={(e) => setPayload({ ...payload, whatsapp: e.target.value })}
          placeholder="+92 300 1234567"
          required
        />
      </label>
      <label>
        Your Message / Service
        <select value={payload.service} onChange={(e) => setPayload({ ...payload, service: e.target.value })}>
          <option>General Inquiry</option>
          <option>Flights</option>
          <option>Visit Visa</option>
          <option>Umrah Package</option>
          <option>International Tour Package</option>
          <option>Complaint / Feedback</option>
        </select>
      </label>
      <button type="submit" className="btn btn-primary">Submit</button>
    </form>
  );
};

const ContactPage = () => (
  <div className="seo-page">
    <section className="seo-hero">
      <div className="container">
        <h1>Contact Departures.pk - We're Here for Your Travel Plans</h1>
      </div>
    </section>

    <section className="seo-section">
      <div className="container contact-layout">
        <div className="seo-body contact-details">
          <h2>Our Office in Lahore</h2>
          <p><strong>Departures.pk</strong><br />42-A Main Blvd, Block A, Phase 1 Johar Town<br />Lahore - 54000, Punjab, Pakistan</p>

          <h3>Office Hours</h3>
          <p>Monday to Saturday: 10:00 AM - 8:00 PM<br />Sunday: Closed (urgent WhatsApp support available)</p>

          <h3>Phone and WhatsApp</h3>
          <p><strong>Office Phone:</strong> 042-32591479<br /><strong>WhatsApp:</strong> +92-309-4951551 (24/7 for emergencies)</p>

          <h3>Department Emails</h3>
          <ul>
            {CONTACT_DEPARTMENTS.map((item) => (
              <li key={item.email}><strong>{item.label}:</strong> <a href={`mailto:${item.email}`}>{item.email}</a></li>
            ))}
          </ul>

          <h3>Social Media</h3>
          <ul>
            <li><a href="https://facebook.com/departurespk" target="_blank" rel="noopener noreferrer">Facebook: facebook.com/departurespk</a></li>
            <li><a href="https://instagram.com/departurespk" target="_blank" rel="noopener noreferrer">Instagram: instagram.com/departurespk</a></li>
            <li><a href="https://linkedin.com/company/departurespk" target="_blank" rel="noopener noreferrer">LinkedIn: linkedin.com/company/departurespk</a></li>
            <li><a href="https://youtube.com/@departurespk" target="_blank" rel="noopener noreferrer">YouTube: youtube.com/@departurespk</a></li>
          </ul>

          <h3>How to Reach Our Office</h3>
          <ul>
            <li>From DHA Phase 5: 15 min drive</li>
            <li>From Gulberg: 20 min drive</li>
            <li>From Allama Iqbal Airport: 25 min drive</li>
            <li>Nearest landmark: Emporium Mall via Canal Road corridor</li>
            <li>Free parking available on site</li>
          </ul>
        </div>

        <div className="contact-side">
          <div className="contact-map-frame">
            <h3>Google Maps Location</h3>
            <iframe
              title="Departures.pk office location"
              src="https://www.google.com/maps?q=42-A+Main+Blvd+Block+A+Phase+1+Johar+Town+Lahore&output=embed"
              loading="lazy"
              referrerPolicy="no-referrer-when-downgrade"
            />
          </div>
          <ContactForm />
        </div>
      </div>
    </section>
  </div>
);

Object.assign(window, {
  InternationalTourPage,
  AboutPage,
  ContactPage,
});
