Hero Section

The hero section serves as the first impression for visitors, craft it with care!

Side Hero

• Component: <HeroSide/>

• Path: /components/home/hero-side.tsx

• Import:

import { HeroSide } from "@/components/home/hero-side";

Side Hero

Side Hero is best suited for information-rich directories where you can't afford to lose space.

It can be used to showcase your website concept with an image or a video too.

Center Hero

• Component: <HeroCenter/>

• Path: /components/home/hero-center.tsx

• Import:

import { HeroCenter } from "@/components/home/hero-center";

Side Hero

Since most directories are self-explanatory, Centered Hero will naturally lead visitors to action.