diff --git a/apps/website/components/blogComponents.tsx b/apps/website/components/blogComponents.tsx index fc5f1ed6c..a8695fea3 100644 --- a/apps/website/components/blogComponents.tsx +++ b/apps/website/components/blogComponents.tsx @@ -7,7 +7,7 @@ function BlogHeading({ ...props }: { as: ElementType; - children?: ReactNode; + children?: Iterable | ReactNode; } & ComponentPropsWithoutRef<"h1">) { return ( @@ -50,7 +50,7 @@ export const mdxComponents = { className="text-[#9564ff] hover:text-[#b08aff] underline underline-offset-2 transition-colors" {...props} > - {children} + {children as any} ); }, diff --git a/apps/website/components/elastic-footer.tsx b/apps/website/components/elastic-footer.tsx index a745acb57..8f3bb628d 100644 --- a/apps/website/components/elastic-footer.tsx +++ b/apps/website/components/elastic-footer.tsx @@ -137,7 +137,7 @@ export default function ElasticRecoil({ children }: LayoutProps) {
{showFooter && } - {children} + {children as any}
); diff --git a/apps/website/components/footer.tsx b/apps/website/components/footer.tsx index 17942d4da..a2045b830 100644 --- a/apps/website/components/footer.tsx +++ b/apps/website/components/footer.tsx @@ -32,149 +32,147 @@ const footerColumns: any[] = [ export default function Footer() { return ( - <> -
-
-
-
+
+
+
+
-
- {/* Left Side: Logo and Description */} -
- - Autumn - -

- Autumn is drop-in billing for AI companies. -

-
+
+ {/* Left Side: Logo and Description */} +
+ + Autumn + +

+ Autumn is drop-in billing for AI companies. +

+
- {/* Right Side: Columns */} -
- {footerColumns.map((col, index) => ( -
-

-
- {col.title} -

-
    - {col.links.map((link, i) => ( -
  • - - + {/* Right Side: Columns */} +
    + {footerColumns.map((col) => ( +
    +

    +
    + {col.title} +

    +
      + {col.links.map((link: { href: string; label: string }) => ( +
    • + + - - + + + {link.label} + + - -
      • - ))} -
    -
    - ))} -
    + + +
    • + ))} +
+
+ ))}
+
-
-
- {/* Social Left Box */} -
-
- SOCIAL -
-
- - - - LINKEDIN - - - - -
- - - - TWITTER - - - - -
+
+
+ {/* Social Left Box */} +
+
+ SOCIAL
+
+ + + + LINKEDIN + + + + +
+ + + + TWITTER + + + + +
+
-
- Copyright © 2026 Autumn All rights reserved -
-
-
-
-
-
-
-
-
-
-
-
+
+ Copyright © 2026 Autumn All rights reserved +
+
+
+
+
+
+
+
+
+
+
-
- +
+
); } diff --git a/apps/website/components/testimonials.tsx b/apps/website/components/testimonials.tsx index 5f89701d2..4129f3941 100755 --- a/apps/website/components/testimonials.tsx +++ b/apps/website/components/testimonials.tsx @@ -1,11 +1,6 @@ "use client"; -import { useEffect, useRef, useState } from "react"; -import { - IconArrowLeft, - IconArrowRight, - IconQuotes, - PixelatedPattern, -} from "@/app/constant"; +import { useCallback, useEffect, useRef, useState } from "react"; +import { IconArrowLeft, IconArrowRight, IconQuotes } from "@/app/constant"; const testimonialsData = [ { @@ -51,7 +46,7 @@ const Testimonials = () => { const [canScrollLeft, setCanScrollLeft] = useState(false); const [canScrollRight, setCanScrollRight] = useState(true); - const handleScroll = () => { + const handleScroll = useCallback(() => { if (scrollRef.current) { const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current; setCanScrollLeft(scrollLeft > 0); @@ -63,7 +58,7 @@ const Testimonials = () => { progressRef.current.style.transform = `translateX(${progress}%)`; } } - }; + }, []); useEffect(() => { if (videoRef.current) { videoRef.current.playbackRate = 0.4; @@ -74,7 +69,7 @@ const Testimonials = () => { handleScroll(); window.addEventListener("resize", handleScroll); return () => window.removeEventListener("resize", handleScroll); - }, []); + }, [handleScroll]); const scrollByAmount = (amount: number) => { if (scrollRef.current) { @@ -97,6 +92,7 @@ const Testimonials = () => { onClick={() => scrollByAmount(-400)} disabled={!canScrollLeft} className="group p-1.5 bg-transparent cursor-pointer flex items-center justify-center transition-all duration-300 border border-[#292929]" + type="button" aria-label="Previous testimonials" > { onClick={() => scrollByAmount(400)} disabled={!canScrollRight} className="group p-1.5 bg-transparent cursor-pointer flex items-center justify-center transition-all duration-300 border border-[#292929]" + type="button" aria-label="Next testimonials" > { onClick={() => scrollByAmount(-400)} disabled={!canScrollLeft} className="p-1.5 bg-transparent flex items-center justify-center border border-[#292929]" + type="button" aria-label="Previous testimonials" > { onClick={() => scrollByAmount(400)} disabled={!canScrollRight} className="p-1.5 bg-transparent flex items-center justify-center border border-[#292929]" + type="button" aria-label="Next testimonials" > { -