+ ),
+ className:
+ "lg:row-start-1 lg:row-end-4 lg:col-start-2 lg:col-end-3 bg-green-50/30",
+ },
+ {
+ Icon: KeyboardIcon,
+ name: "Typing Practice",
+ description: "Interactive exercises to master writing systems.",
+ href: "/",
+ cta: "Learn more",
+ background: (
+ 
+ ),
+ className:
+ "lg:col-start-1 lg:col-end-2 lg:row-start-1 lg:row-end-3 bg-blue-50/30",
+ },
+ {
+ Icon: TrophyIcon,
+ name: "Competitions",
+ description:
+ "Compete in typing speed and pronunciation challenges.",
+ href: "/",
+ cta: "Learn more",
+ background: (
+ 
+ ),
+ className:
+ "lg:col-start-1 lg:col-end-2 lg:row-start-3 lg:row-end-4 bg-red-50/30",
+ },
+ {
+ Icon: CalendarIcon,
+ name: "Calendar",
+ description: "Track key learning dates, writing sessions, and deadlines.",
+ href: "/",
+ cta: "Learn more",
+ background: (
+ 
+ ),
+ className:
+ "lg:col-start-3 lg:col-end-3 lg:row-start-1 lg:row-end-2 bg-yellow-50/30",
+ },
+ {
+ Icon: BellIcon,
+ name: "Notifications",
+ description:
+ "Receive alerts when new lessons, scripts, or exercises are added.",
+ href: "/",
+ cta: "Learn more",
+ background: (
+ 
+ ),
+ className:
+ "lg:col-start-3 lg:col-end-3 lg:row-start-2 lg:row-end-4 bg-gray-50",
+ },
+];
+
+export default function FeatureSection() {
+ return (
+
+
+
+ {/* Geographic Information */}
+
+ {/* Flag */}
+
+
+ {/* Description */}
+
+ 
+
+
+ {/* Language Info */}
+
+
+ + {language.name} +
+
+
+ {language.language_family}
+
+
+
+
+
+
+ + {language.description} +
+
+
+
+
+
+
+
+
+ + Geographic Distribution +
++ {language.geographic_info} +
+
+
+
+ {/* Writing Systems */}
+
+
+
+
+ {/* Learning Options */}
+
+
+ Writing Systems
+
+ {language.writing_systems.map((system, i) => (
+
+ {system}
+
+ ))}
+
+
+
+
+
+ Learning Options
+
+
+
+
+ 
+);
+
+const AppleLogo = () => (
+ 
+);
+
+const Slack = () => (
+ 
+);
+
+const FigmaLogo = () => (
+ 
+);
+
+
+// --- Demo Component ---
+const LanguageSection = () => {
+ const partnersData = [
+ {
+ name: "Duala",
+ cashback: "Cameroon",
+ logo: