chore: switch from Mulish to Inter font family

src/components/HomeAbout.tsx

@@ -8,7 +8,7 @@ import { Bars3Icon, XMarkIcon, ChevronDoubleDownIcon } from '@heroicons/react/24
 import Image from 'next/image'
 import diamondSvg from '@/images/diamond.svg'
 import { Container } from '@/components/Container';
-import { H2, P, H3 } from '@/components/Texts';
+import { SectionHeader, P, H3 } from '@/components/Texts';
 import { Candy } from '@/components/Candy'
 
 const navigation = [
@@ -65,10 +65,10 @@ export function HomeAbout() {
             transition={{ duration: 1, delay: 0.2 }}
             className="absolute top-24 left-0 max-w-xl text-left"
           >
-            <H2>
+            <SectionHeader>
               Enterprise AI Agents
               That Never Sleep.
-            </H2>
+            </SectionHeader>
           </motion.div>
           <motion.div
             initial={{ opacity: 0, y: 20 }}
@@ -76,7 +76,7 @@ export function HomeAbout() {
             transition={{ duration: 1, delay: 0.4 }}
             className="absolute top-54 left-0 max-w-xl text-left"
           >
-            <P color="custom">
+            <P>
               With Mycelium Cloud, you can deploy purpose-built AI agents to automate any workflow. Keep complete control of your data while scaling from simple tasks to complex decision-making.
             </P>
           </motion.div>