import React from 'react'; import { FaArrowRight, FaBullseye, FaLightbulb, FaUsers, FaHandshake, FaFolder } from 'react-icons/fa'; // Snow/Ice Adventure Inspired Content Configuration const content = { heading: "Explore Frozen Frontiers", subheading: "Capture, share, and relive your most thrilling snow and ice adventures.", backgroundImage: "https://images.unsplash.com/photo-1480497490787-505ec076689f?q=80&w=2500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", // Background image source here plansButton: { text: "Explore Packages", icon: FaArrowRight, link: "/packages", // Add the desired link here }, joinButton: { text: "Join the Adventure", icon: FaArrowRight, link: "/join", // Add the desired link here }, trustedBy: "Join millions of adventurers, athletes, and outdoor enthusiasts worldwide.", videoLibraryTitle: "Adventure Library", videoItems: [ { title: 'Slalom Success', color: 'bg-gradient-to-br from-sky-300/50 to-blue-300/50', icon: FaBullseye, link: '/slalom-success', style: 'text-white font-medium', }, { title: 'Snowboard Showdown', color: 'bg-gradient-to-br from-cyan-200/50 to-blue-200/50', icon: FaLightbulb, link: '/snowboard-showdown', style: 'text-white font-medium', }, { title: 'Team Huddle', color: 'bg-gradient-to-br from-gray-200/50 to-ice-200/50', icon: FaUsers, link: '/team-huddle', style: 'text-white font-medium', }, { title: 'Frosty Campaign', color: 'bg-gradient-to-br from-blue-200/50 to-white-300/50', icon: FaHandshake, link: '/frosty-campaign', style: 'text-white font-medium', }, ], }; // Theme configuration const theme = { bgGradientDirection: "bg-gradient-to-t", bgGradientFrom: "from-gray-900", bgGradientTo: "to-gray-950", cardBg: "bg-black bg-opacity-50 ", textHeading: "text-8xl font-bold text-white", textSubheading: "text-xl text-gray-300", buttonPrimary: "bg-white text-black px-6 py-3 rounded-full font-semibold flex items-center shadow-lg hover:bg-gray-100 transition", buttonSecondary: "bg-transparent border border-white text-white px-6 py-3 rounded-full font-semibold flex items-center hover:bg-white hover:text-black transition", libraryItem: "p-4 rounded-lg aspect-video flex flex-col justify-between relative overflow-hidden", }; // Button component interface ButtonProps { text: string; icon: React.ElementType; style: string; link: string; } const Button: React.FC = ({ text, icon: Icon, style, link }) => ( {text} ); // VideoLibraryItem component interface VideoLibraryItemProps { item: { title: string; color: string; icon: React.ElementType; link: string; style: string; }; } const VideoLibraryItem: React.FC = ({ item }) => (

{item.title}

); // Main VideoSimplified component const VideoSimplified: React.FC = () => ( <>

{content.heading}

{content.subheading}

{content.trustedBy}

{content.videoLibraryTitle}

{content.videoItems.map((item, index) => ( ))}

); export default VideoSimplified;

Explorer Components

Adventure Hero

Explorer Features