Shapex UI

header.tsx

header-one.tsx

animation-container.tsx

mobile-navbar.tsx

import HeaderOne from "@/components/header-one";

export default function Page() {
  return (
    <div className="container mx-auto h-[1200px]">
      <HeaderOne />
    </div>
  );
}

header block

header.tsx

header-two.tsx

import HeaderTwo from "@/components/header-two";

export default function Page() {
  return (
    <div className="container mx-auto h-[1200px]">
      <HeaderTwo />
    </div>
  );
}

header block

header.tsx

header-three.tsx

import HeaderThree from "@/components/header-three";

export default function Page() {
  return (
    <div className="container mx-auto h-[1200px]">
      <HeaderThree />
    </div>
  );
}

header block

header.tsx

header-four.tsx

contact-form.tsx

import HeaderFour from "@/components/header-four";

export default function Page() {
  return (
    <div className="container mx-auto h-[1200px]">
      <HeaderFour />
    </div>
  );
}