import { CheckIcon } from '@heroicons/react/20/solid' import TopicCard from '../components/topic_card' import Logo from '../components/logo'; import { Transition } from '@headlessui/react'; const includedFeatures = [ 'Private forum access', 'Member resources', 'Entry to annual conference', 'Official member t-shirt', ] export default function Example() { //List of topics const cards = [ ["Learn cybersecurity", "Learning cybersecurity is like becoming a guardian of the digital realm.\nIt's about mastering the art of protecting information, systems, and networks from cyber threats.\nFrom understanding encryption algorithms to detecting malware, every lesson equips you with tools to fortify against cyber-attacks.", "/learn/cybersec" ], ["Learn geography", "Geography is the study of our world's intricate tapestry — from the towering peaks of the Himalayas to the vast expanse of the Sahara Desert. It's about understanding the relationships between people, places and the environment.", "/learn/geography"], ["Learn CPP", "As a powerful, versatile language, C++ teaches you the fundamentals of object-oriented programming while offering fine-grained control over system resources. You'll explore concepts like classes, inheritance, and polymorphism, alongside memory management and pointers.", "/learn/cpp"] ]; return (
{/*Background*/}