fixed build errors

src/components/magicui/bento-grid.tsx

@@ -1,6 +1,5 @@
 import type { ReactNode } from "react";
-import { Button } from "@/components/ui/button";
+import { ArrowRight } from "lucide-react";
-import { ArrowRightIcon } from "@radix-ui/react-icons";
 import { cn } from "@/lib/utils";
 
 const BentoGrid = ({
@@ -64,12 +63,13 @@ const BentoCard = ({
         "pointer-events-none absolute bottom-0 flex w-full translate-y-10 transform-gpu flex-row items-center p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100",
       )}
     >
-      <Button variant="ghost" asChild size="sm" className="pointer-events-auto">
+      <a
-        <a href={href}>
+        href={href}
+        className="pointer-events-auto inline-flex items-center gap-2 text-sm font-medium text-neutral-600 transition-colors hover:text-sky-700"
+      >
         {cta}
-          <ArrowRightIcon className="ml-2 h-4 w-4" />
+        <ArrowRight className="h-4 w-4" />
       </a>
-      </Button>
     </div>
   </div>
 );

src/components/ui/Dropdown.tsx

@@ -34,7 +34,7 @@ export function Dropdown({ buttonContent, items }: DropdownProps) {
           <div className="py-1">
             {items.map((item) => (
               <Menu.Item key={item.href}>
-                {({ active }) => (
+                {({ active }: { active: boolean }) => (
                   <Link
                     to={item.href}
                     className={`

src/pages/agents/AgentsPage.tsx

@@ -1,5 +1,4 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
-import { AgentsHero } from './AgentsHero'
 import { DeploySection } from './DeploySection'
 import { GallerySection } from './GallerySection'
 import { Companies } from './Companies'

src/pages/home/HomeBenefits.tsx

@@ -1,6 +1,5 @@
-import { cn } from "@/lib/utils";
 import createGlobe from "cobe";
-import { useEffect, useRef, type ReactNode } from "react";
+import { useEffect, useRef } from "react";
 import { motion } from "motion/react";
 import { IconBrandYoutubeFilled } from "@tabler/icons-react";
 import { H2, P } from '@/components/Texts'

src/pages/home/HomePage.tsx

@@ -1,6 +1,5 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { HomeAurora } from './HomeAurora'
-import { HomeFeaturesDark } from './HomeFeaturesDark'
 import { StackSectionLight } from './StackSection'
 import { WorldMap } from './HomeGlobe'
 import { HomeBenefits } from './HomeBenefits'

src/pages/home/HomeSlider.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import React from "react";
 import { Carousel, Card } from "@/components/ui/apple-cards-carousel";
-import { H2, H3, P } from "@/components/Texts";
+import { H3, P } from "@/components/Texts";
 
 export function HomeSlider() {
   const cards = data.map((card) => (

vite.config.ts

@@ -5,6 +5,9 @@ import path from 'node:path'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    allowedHosts: ['stale-adults-strive.loca.lt'],
+  },
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),