CityCards/CityCards-Website
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

arya-branch #3

Merged
Hemant.Vishwakarma merged 8 commits from arya-branch into main 2026-04-02 06:40:03 +00:00
Conversation 0 Commits 8 Files Changed 28 +18 -18
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a39404b23d - Show all commits

36
src/components/PostCardsPage.tsx
View File

@@ -137,8 +137,14 @@ export function PostCardsPage({
transition={{ duration: 0.6, delay: 0.2 }}
className="text-center mb-12"
>
<h2 className="font-merchant text-3xl mb-4">Postcard Gallery</h2>
<p className="text-gray-600 font-poppins max-w-2xl mx-auto">
<h2 className="text-4xl lg:text-5xl xl:text-6xl mb-6">
<span className="font-light">Postcard</span>{' '}
<span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic pr-2">
Gallery
</span>{' '}
</h2>
<p className="text-lg text-gray-600 font-poppins max-w-2xl mx-auto">
Get inspired by beautiful postcards created by our community of travelers
</p>
</motion.div>
@@ -188,42 +194,36 @@ export function PostCardsPage({
animate={{ opacity: 1, scale: 1 }}
transition={{ duration: 0.6, delay: 0.3 + index * 0.1 }}
>
<Card className="hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2">
<CardContent className="p-0">
{/* <Card className="hover:shadow-xl transition-all rounded-none duration-300 transform hover:-translate-y-2"> */}
{/* <CardContent className="p-0"> */}
<div className="relative">
<ImageWithFallback
src={postcard.image}
alt={postcard.title}
className="w-full h-48 object-cover rounded-t-lg"
className="w-full h-78 object-cover"
/>
<Badge className="absolute top-3 left-3 bg-white/90 text-gray-700">
</div>
<div className="p-0">
<Badge className="p-0 bg-inherit text-gray-700">
{postcard.location}
</Badge>
<h3 className="font-merchant text-left font-bold text-lg mb-2">{postcard.title}</h3>
<p className="font-poppins text-sm">"{postcard.message}"</p>
</div>
<div className="p-6">
<h3 className="font-merchant text-lg mb-2">{postcard.title}</h3>
<p className="text-gray-600 font-poppins text-sm italic">"{postcard.message}"</p>
</div>
</CardContent>
</Card>
{/* </CardContent>
</Card> */}
</motion.div>
))}
</div>
</div>
</section>
{/* Ready to Explore Melbourne Section */}
{/* Customer Reviews */}
<EnhancedTestimonials />
{/* Mobile App Section */}
<MobileAppSection />
</Layout>
</div>
);