coforma/swift-tech-challenge

View on GitHub
src/app/components/layout/HeroImage.tsx

Summary

Maintainability
A
0 mins
Test Coverage
A
100%
import { GridContainer } from "@trussworks/react-uswds";
import Image from "next/image";
//assets
import hero from "../../assets/hero-image-transparent.png";

export const HeroImage = () => {
  return (
    <div className="hero_background">
      <GridContainer className="hero_container">
        <div className="hero_container-text-container">
          <p className="hero_container-title">Find your dream school today</p>
          <p className="hero_container-subtitle">
            Browse and apply to schools using U.S. College Finder
          </p>
        </div>
        <Image
          src={hero}
          alt={"Hero image"}
          className="hero_container-image"
          priority
        />
      </GridContainer>
    </div>
  );
};