Pastel Hero Header

import { HeroHeader } from "@/components/ui/pastel-hero-header";

const DemoOne = () => {
  return (
     <HeroHeader 
        logoImage="https://i.ibb.co/7dF5kfrw/image.png"
        logoText="Your App Name"
        heading="Your Custom Heading"
        tagline="Your custom tagline for desktop view."
        taglineShort="Short tagline for mobile."
        buttonTitle="Custom Button"
        buttonUrl="https://your-redirect-url.com"
        mainImage="https://i.ibb.co/RjjGX1V/e36eeebd-2556-4258-9b32-3407fec3b0c6.jpg"
        topRightImage="https://i.ibb.co/Tqs8PQD/c2215bd73da9f14fcd63cc93350e66e2901bdafa6fb8abaaa2c32a1b.jpg"
        bottomLeftImage="https://i.ibb.co/H7CQmNk/892a4a71-0657-4c7d-b224-bfa8c91354dd.jpg"
        bottomRightImage="https://i.ibb.co/NNWjs4d/A3.png"
      />
  );
};

export { DemoOne };