import React from 'react'; import { Head, Link, usePage } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Star, MapPin, Sparkles, Navigation, Users, Globe, ArrowRight, Clock, TrendingUp } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import { useLaravelReactI18n } from 'laravel-react-i18n'; import ExperienceCard from '@/components/experience-card'; import PointOfInterestCard from '@/components/point-of-interest-card'; interface Experience { id: number; content: string; location: string; image_url?: string; engagement_rate: number; is_featured: boolean; user?: { name?: string; id: number; }; stats?: { likes_count: number; comments_count: number; shares_count: number; views_count: number; total_engagement: number; }; } interface PointOfInterest { id: number; name: string; description: string; location: string; image_url?: string; is_featured?: boolean; category?: { name: string; }; engagement_rate: number; } interface WelcomeProps { auth?: any; latestExperiences: Experience[]; latestPointsOfInterest: PointOfInterest[]; } const Welcome = ({ latestExperiences, latestPointsOfInterest }: WelcomeProps) => { return (
{/* Hero Section */}
{/* Background Pattern */}
Smart Tourism Platform

Discover the World with AI-Powered Trip Planning

Let our AI create personalized travel experiences just for you. Describe your dream trip and discover authentic local experiences and fascinating points of interest.

{/* CTA Button - Made Much Bigger */}
{/* Newest Experiences Section */}

Newest Experiences

Fresh authentic experiences shared by our community

{latestExperiences.map((experience) => (
50 ? '...' : '')} description={experience.content} category="Experience" rating={experience.engagement_rate} price="Free" duration="" location={experience.location} />
))}
{/* Newest Points of Interest Section */}

Newest Points of Interest

Discover the latest must-visit destinations

{latestPointsOfInterest.map((poi) => (
))}
); }; export default Welcome;