ok

src/components/HomeAbout.tsx

@@ -7,6 +7,8 @@ import { Dialog, DialogPanel } from '@headlessui/react'
 import { Bars3Icon, XMarkIcon, ChevronDoubleDownIcon } from '@heroicons/react/24/outline'
 import Image from 'next/image'
 import diamondSvg from '@/images/diamond.svg'
+import { Container } from '@/components/Container'
+import { Candy } from '@/components/Candy'
 
 const navigation = [
   { name: 'Product', href: '#' },
@@ -73,6 +75,8 @@ export function HomeAbout() {
             With Mycelium, you could deploy AI agents that handle your most complex workflows while maintaining complete data sovereignty and control.
           </motion.p>
           
+          <Candy />
+
           <div className="absolute bottom-24 right-0 h-96 w-full md:w-2/3 overflow-hidden">
             <div className="animate-marquee-vertical space-y-8 text-right text-2xl md:text-4xl font-medium text-[#2F3178]">
               {[...features, ...features].map((feature, index) => (