feat(marketing): add Features and FAQ sections to homepage

apps/desktop/src/renderer/assets/app-icons/preset-icons/index.ts

@@ -1,34 +1,8 @@
+import { getPresetIcon, PRESET_ICONS } from "@superset/ui/icons/preset-icons";
 import { useThemeStore } from "renderer/stores/theme/store";
-import claudeIcon from "./claude.svg";
-import codexIcon from "./codex.svg";
-import codexWhiteIcon from "./codex-white.svg";
-import cursorIcon from "./cursor.svg";
-import geminiIcon from "./gemini.svg";
-import opencodeIcon from "./opencode.svg";
-import opencodeWhiteIcon from "./opencode-white.svg";
 
-interface PresetIconSet {
-	light: string;
-	dark: string;
-}
-
-const PRESET_ICONS: Record<string, PresetIconSet> = {
-	claude: { light: claudeIcon, dark: claudeIcon },
-	codex: { light: codexIcon, dark: codexWhiteIcon },
-	gemini: { light: geminiIcon, dark: geminiIcon },
-	"cursor-agent": { light: cursorIcon, dark: cursorIcon },
-	opencode: { light: opencodeIcon, dark: opencodeWhiteIcon },
-};
-
-export function getPresetIcon(
-	presetName: string,
-	isDark: boolean,
-): string | undefined {
-	const normalizedName = presetName.toLowerCase().trim();
-	const iconSet = PRESET_ICONS[normalizedName];
-	if (!iconSet) return undefined;
-	return isDark ? iconSet.dark : iconSet.light;
-}
+export { PRESET_ICONS, getPresetIcon };
+export type { PresetIconSet } from "@superset/ui/icons/preset-icons";
 
 export function usePresetIcon(presetName: string): string | undefined {
 	const activeTheme = useThemeStore((state) => state.activeTheme);

apps/marketing/src/app/components/CTASection/CTASection.tsx

@@ -11,7 +11,7 @@ export function CTASection() {
 	return (
 		<>
 			<section className="relative py-32 px-8 lg:px-[30px]">
-				<div className="max-w-[1200px] mx-auto flex flex-col items-center text-center">
+				<div className="max-w-7xl mx-auto flex flex-col items-center text-center">
 					<motion.h2
 						className="text-[32px] lg:text-[40px] font-normal tracking-normal leading-[1.3em] text-foreground mb-8"
 						style={{ fontFamily: "var(--font-ibm-plex-mono)" }}
@@ -20,9 +20,8 @@ export function CTASection() {
 						viewport={{ once: true }}
 						transition={{ duration: 0.5 }}
 					>
-						Give us a try
+						Get Superset Today
 					</motion.h2>
-
 					<motion.div
 						initial={{ opacity: 0, y: 20 }}
 						whileInView={{ opacity: 1, y: 0 }}