Seed: travel template (16 files)

src/pages/Index.tsx

@@ -10,18 +10,18 @@ import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 
 const destinations = [
-  { name: "Bali", country: "Indonesia", price: "\$899", rating: "4.9", gradient: "from-blue-600/60 to-cyan-500/40" },
+  { name: "Bali", country: "Indonesia", price: "$899", rating: "4.9", gradient: "from-blue-600/60 to-cyan-500/40" },
-  { name: "Santorini", country: "Greece", price: "\$1,299", rating: "4.8", gradient: "from-amber-600/60 to-orange-400/40" },
+  { name: "Santorini", country: "Greece", price: "$1,299", rating: "4.8", gradient: "from-amber-600/60 to-orange-400/40" },
-  { name: "Machu Picchu", country: "Peru", price: "\$1,499", rating: "4.9", gradient: "from-emerald-600/60 to-teal-400/40" },
+  { name: "Machu Picchu", country: "Peru", price: "$1,499", rating: "4.9", gradient: "from-emerald-600/60 to-teal-400/40" },
-  { name: "Kyoto", country: "Japan", price: "\$1,199", rating: "4.7", gradient: "from-purple-600/60 to-violet-400/40" },
+  { name: "Kyoto", country: "Japan", price: "$1,199", rating: "4.7", gradient: "from-purple-600/60 to-violet-400/40" },
-  { name: "Marrakech", country: "Morocco", price: "\$799", rating: "4.8", gradient: "from-rose-600/60 to-pink-400/40" },
+  { name: "Marrakech", country: "Morocco", price: "$799", rating: "4.8", gradient: "from-rose-600/60 to-pink-400/40" },
-  { name: "Queenstown", country: "New Zealand", price: "\$1,599", rating: "4.9", gradient: "from-sky-600/60 to-indigo-400/40" },
+  { name: "Queenstown", country: "New Zealand", price: "$1,599", rating: "4.9", gradient: "from-sky-600/60 to-indigo-400/40" },
 ];
 
 const packages = [
-  { title: "Southeast Asia Explorer", duration: "14 Days", price: "\$2,499", highlights: ["Bangkok, Chiang Mai & Bali", "Luxury boutique hotels included", "Private guided temple tours"] },
+  { title: "Southeast Asia Explorer", duration: "14 Days", price: "$2,499", highlights: ["Bangkok, Chiang Mai & Bali", "Luxury boutique hotels included", "Private guided temple tours"] },
-  { title: "Mediterranean Cruise", duration: "10 Days", price: "\$3,299", highlights: ["Greece, Italy & Croatia", "All meals and drinks included", "Shore excursions at every port"] },
+  { title: "Mediterranean Cruise", duration: "10 Days", price: "$3,299", highlights: ["Greece, Italy & Croatia", "All meals and drinks included", "Shore excursions at every port"] },
-  { title: "African Safari Adventure", duration: "7 Days", price: "\$4,199", highlights: ["Serengeti & Ngorongoro Crater", "Luxury safari lodge accommodation", "Professional wildlife photographer guide"] },
+  { title: "African Safari Adventure", duration: "7 Days", price: "$4,199", highlights: ["Serengeti & Ngorongoro Crater", "Luxury safari lodge accommodation", "Professional wildlife photographer guide"] },
 ];
 
 const features = [
@@ -101,7 +101,7 @@ export default function IndexPage() {
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 stagger">
             {destinations.map((d, i) => (
               <Card key={i} className="group overflow-hidden border-slate-800 bg-slate-900/50 hover:border-blue-700/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300">
-                <div className={`relative h-52 bg-gradient-to-br \${d.gradient} flex items-end p-5`}>
+                <div className={`relative h-52 bg-gradient-to-br ${d.gradient} flex items-end p-5`}>
                   <div className="absolute inset-0 bg-black/20 group-hover:bg-black/10 transition-colors" />
                   <div className="relative z-10">
                     <Badge className="mb-2 bg-white/20 text-white border-0 backdrop-blur text-xs">{d.country}</Badge>