vibeasite-templates/template-travel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: travel template (16 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:00:31 +00:00
parent c180d6ac1c
commit 644f5ada54
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Destinations.tsx
+7 -7
View File
@@ -10,12 +10,12 @@ import Header from "@/components/Header";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
const allDestinations = [ const allDestinations = [
{ name: "Bali", country: "Indonesia", region: "Asia", type: "Beach", rating: "4.9", price: "\$899", gradient: "from-blue-600/60 to-cyan-500/40" }, { name: "Bali", country: "Indonesia", region: "Asia", type: "Beach", rating: "4.9", price: "$899", gradient: "from-blue-600/60 to-cyan-500/40" },
{ name: "Santorini", country: "Greece", region: "Europe", type: "City", rating: "4.8", price: "\$1,299", gradient: "from-amber-600/60 to-orange-400/40" }, { name: "Santorini", country: "Greece", region: "Europe", type: "City", rating: "4.8", price: "$1,299", gradient: "from-amber-600/60 to-orange-400/40" },
{ name: "Machu Picchu", country: "Peru", region: "Americas", type: "Mountain", rating: "4.9", price: "\$1,499", gradient: "from-emerald-600/60 to-teal-400/40" }, { name: "Machu Picchu", country: "Peru", region: "Americas", type: "Mountain", rating: "4.9", price: "$1,499", gradient: "from-emerald-600/60 to-teal-400/40" },
{ name: "Kyoto", country: "Japan", region: "Asia", type: "City", rating: "4.7", price: "\$1,199", gradient: "from-purple-600/60 to-violet-400/40" }, { name: "Kyoto", country: "Japan", region: "Asia", type: "City", rating: "4.7", price: "$1,199", gradient: "from-purple-600/60 to-violet-400/40" },
{ name: "Marrakech", country: "Morocco", region: "Africa", type: "Adventure", rating: "4.8", price: "\$799", gradient: "from-rose-600/60 to-pink-400/40" }, { name: "Marrakech", country: "Morocco", region: "Africa", type: "Adventure", rating: "4.8", price: "$799", gradient: "from-rose-600/60 to-pink-400/40" },
{ name: "Queenstown", country: "New Zealand", region: "Oceania", type: "Adventure", rating: "4.9", price: "\$1,599", gradient: "from-sky-600/60 to-indigo-400/40" }, { name: "Queenstown", country: "New Zealand", region: "Oceania", type: "Adventure", rating: "4.9", price: "$1,599", gradient: "from-sky-600/60 to-indigo-400/40" },
]; ];
export default function DestinationsPage() { export default function DestinationsPage() {
@@ -82,7 +82,7 @@ export default function DestinationsPage() {
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 stagger"> <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 stagger">
{filtered.map((d, i) => ( {filtered.map((d, i) => (
<Card key={i} className="group overflow-hidden border-slate-800 bg-slate-950/50 hover:border-blue-700/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300"> <Card key={i} className="group overflow-hidden border-slate-800 bg-slate-950/50 hover:border-blue-700/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300">
<div className={`relative h-56 bg-gradient-to-br \${d.gradient} flex items-end p-5`}> <div className={`relative h-56 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="absolute inset-0 bg-black/20 group-hover:bg-black/10 transition-colors" />
<div className="relative z-10"> <div className="relative z-10">
<div className="flex items-center gap-2 mb-2"> <div className="flex items-center gap-2 mb-2">