Footer

This is a static footer component. Simply import it wherever you need to use it in your project.

We offer 7 different variants of footer designs to suit various styles and requirements. You can explore all available footer options by visiting the footer page. Here’s an example of how to import a footer component:

layout.tsx

// @project
import { Footer3 } from '@/blocks/footer'; // Import footer variant here
import ThemeCustomization from './theme';

// @types
import { ChildrenProps } from '@/types/root';

/***************************  LAYOUT - AI  ***************************/

export default function AILayout({ children }: ChildrenProps) {
  return (
    <ThemeCustomization>
      <>
        {/* other section */}

        {/* footer section */}
        <Footer3 /> // Use import footer variant
      </>
    </ThemeCustomization>
  );
}