"use client";

import React from "react";
import styles from "./HeaderSection.module.css";

interface HeaderSectionProps {
  style?: React.CSSProperties;
}

const HeaderSection: React.FC<HeaderSectionProps> = ({
  style = {
    flexGrow: 1,
    width: "100%",
    maxWidth: "1032.59px",
    backgroundColor: "inherit",
  },
}) => {
  return (
    <header className={styles.header} style={style} id="form">
      <h1 className={styles.mainHeading}>
        Get your{" "}
        <span className={styles.boldText}>
          custom startup pitch deck template
        </span>{" "}
        now. Be inspired and save hours of time getting started 🕔⚡
      </h1>
      <div className={styles.subHeading}>
        Kickstart your funding journey in minutes by answering just 4 questions
        below ⤵
      </div>
    </header>
  );
};

export default HeaderSection;