Travel Deals & Last-Minute Offers Page

Create a travel deals and last-minute offers page for a travel platform called "FareFinder" that showcases discounted flights, hotel packages, and vacation bundles. The design should feel urgent and exciting — driving conversions through scarcity and savings.

1. HERO SECTION
- Full-width gradient background: #0F172A (dark navy) to #1E3A5F with subtle world map pattern overlay
- Headline: "Deals That Won't Wait"
- Subheadline: "Handpicked discounts updated daily. Save up to 60% on flights, hotels, and vacation packages."
- Live deal counter: "🔥 47 new deals added today" with subtle pulse animation
- Quick search bar below:
  - From: "Your city" | To: "Anywhere" | Dates: flexible | Travelers: 2
  - "Find Deals" button (solid #F97316 orange)
- Trust badges row: "Best Price Guarantee" | "Free Cancellation" | "24/7 Support"

2. FLASH DEALS BANNER (horizontal scroll carousel)
- Section title: "⚡ Flash Deals — Ending Soon" with countdown master timer
- 4 deal cards in a scrollable row:
  - Deal 1: "New York → Barcelona"
    - Flight icon + "Round-trip from $289" (was $649)
    - Save 55% — red badge
    - Countdown: "Ends in 4h 23m 11s"
    - "Book Now" button
  - Deal 2: "5 Nights in Bali — All-Inclusive"
    - Hotel icon + "From $599/person" (was $1,299)
    - Save 54% — red badge
    - Countdown: "Ends in 8h 05m 33s"
    - "Book Now" button
  - Deal 3: "London → Tokyo"
    - Flight icon + "Round-trip from $412" (was $890)
    - Save 53% — red badge
    - Countdown: "Ends in 2h 47m 09s" — "Almost gone!" label
    - "Book Now" button
  - Deal 4: "Caribbean Cruise — 7 Nights"
    - Ship icon + "From $749/person" (was $1,599)
    - Save 53% — red badge
    - Countdown: "Ends in 11h 30m 22s"
    - "Book Now" button
- Cards: dark background (#1E293B), white text, orange CTA, glowing border on hover
- Countdown timers in red (#EF4444) with ticking animation
- Auto-scroll on desktop, swipeable on mobile

3. FILTER & SORT BAR
- Sticky below header on scroll
- Filter pills: Deal Type (Flights, Hotels, Packages, Cruises) | Destination (Europe, Asia, Caribbean, Americas, Africa) | Budget (Under $300, $300–$700, $700–$1500, $1500+) | Travel Dates (This Month, Next Month, Flexible)
- Sort: Best Deals, Price Low-High, Biggest Savings, Departing Soon
- "X deals found" counter updates live as filters change

4. DEALS GRID (main content, 3-column cards)
- Card layout — each deal card includes:
  - Full-width destination photo (top half)
  - Savings badge top-left corner: "Save 40%" in red/orange
  - Heart/save icon top-right
  - Deal type badge: "Flight + Hotel" / "Hotel Only" / "Flight Only"
  - Below photo:
    - Destination: "Santorini, Greece"
    - Trip details: "5 nights • 2 adults • Breakfast included"
    - Rating: 4.7★ (1,203 reviews)
    - Price section:
      - Original price crossed out: "$1,840"
      - Deal price large: "$899" with "/person" small text
      - "Total savings: $941"
    - Urgency line: "Only 3 left at this price" in red or "Selling fast" with flame icon
    - "View Deal" CTA button (solid orange #F97316)

- Sample deal cards (8-12 total):
  - "Santorini, Greece" — Flight + Hotel — 5 nights — $899 (was $1,840) — 51% off
  - "Cancún, Mexico" — All-Inclusive Resort — 7 nights — $1,149 (was $2,100) — 45% off
  - "Kyoto, Japan" — Flight + Ryokan Stay — 6 nights — $1,299 (was $2,450) — 47% off
  - "Amalfi Coast, Italy" — Boutique Hotel — 4 nights — $679 (was $1,200) — 43% off
  - "Maldives" — Overwater Villa — 5 nights — $2,199 (was $4,500) — 51% off
  - "Reykjavik, Iceland" — Flight + Northern Lights Tour — 4 nights — $799 (was $1,500) — 47% off
  - "Marrakech, Morocco" — Riad + Desert Tour — 5 nights — $549 (was $980) — 44% off
  - "Phuket, Thailand" — Beachfront Resort — 7 nights — $699 (was $1,350) — 48% off

- Cards: white, 16px border-radius, shadow on hover, photo zoom effect on hover
- "Load More Deals" button or infinite scroll
- Mobile: single column, full-width cards

5. DEAL CATEGORIES (icon grid)
- Section title: "Browse by Type"
- 6 category cards in a row (horizontally scrollable on mobile):
  - ✈️ "Flight Deals" — 124 deals
  - 🏨 "Hotel Deals" — 89 deals
  - 🏖️ "Vacation Packages" — 67 deals
  - 🚢 "Cruise Deals" — 23 deals
  - 🚗 "Car Rental Deals" — 45 deals
  - 🎯 "Experience & Tours" — 56 deals
- Each card: icon, label, deal count, subtle background tint, hover shadow

6. DESTINATION SPOTLIGHT (featured section)
- Background: warm sand tint (#FFFBEB)
- Title: "This Month's Top Destination: Portugal"
- Large hero image of Lisbon with overlay text
- 3 Portugal-specific deals displayed:
  - "Lisbon City Break" — 4 nights from $449 — 38% off
  - "Algarve Beach Escape" — 6 nights from $599 — 42% off
  - "Porto Wine Country" — 3 nights from $379 — 35% off
- "See All Portugal Deals →" link

7. PRICE ALERT SIGNUP
- Section with blue-tinted background (#EFF6FF)
- Headline: "Never Miss a Deal"
- Subheadline: "Set a price alert and we'll email you when fares drop to your target price"
- Form: Destination input + Max price input + Email input + "Set Alert" button
- Below: "Join 280,000+ deal hunters who save an average of $340 per trip"

8. RECENTLY VIEWED & RECOMMENDATIONS
- "Recently Viewed Deals" — horizontal scroll of 4 small cards showing deals user browsed
- "Recommended for You" — 3 cards based on browsing history
  - "Based on your interest in Greece" — "Athens Weekend Getaway from $329"
  - "Similar to your Bali search" — "Sri Lanka Beach & Culture from $649"
  - "Trending in your city" — "Direct to Paris from $199 one-way"

9. NEWSLETTER & FOOTER
- Newsletter: Dark navy section (#0F172A)
  - "Get Exclusive Deals in Your Inbox"
  - "Our best deals sell out fast. Subscribers get 6-hour early access."
  - Email input + "Subscribe" button (orange)
  - "Unsubscribe anytime. No spam."
- Footer: 4 columns
  - Deals: Flight Deals, Hotel Deals, Package Deals, Last Minute, Weekend Getaways
  - Destinations: Europe, Asia, Caribbean, Americas, Africa & Middle East
  - Company: About, How It Works, Press, Careers, Affiliates
  - Support: Help Center, Price Guarantee, Cancellation Policy, Contact Us
- Payment icons: Visa, Mastercard, Amex, PayPal, Apple Pay
- "© 2026 FareFinder. All rights reserved."

Design: Urgent, exciting, conversion-driven. Primary: #F97316 (orange for CTAs), secondary: #0F172A (dark navy for headers/hero), accent: #EF4444 (red for urgency/savings). Backgrounds: white with alternating tinted sections (#FFFBEB warm, #EFF6FF blue). Typography: Plus Jakarta Sans or Outfit for headings, Inter for body. Cards with 16px border-radius, generous photos, prominent pricing. Countdown timers with monospaced digits. Savings badges always visible and prominent.

Responsive: Mobile-first. Flash deals become full-width swipeable carousel. Filter bar becomes expandable accordion. Deal cards stack to single column. Category icons become horizontal scroll. Price alert form stacks vertically. Sticky mobile bottom bar showing "47 Deals" count + "Filter" button.