import React from 'react'
import PropTypes from 'prop-types'
import './hero3.css'
const Hero3 = (props) => {
return (
{props.heading1}
{props.content1}
)
}
Hero3.defaultProps = {
image1Alt: 'Weather App Hero Image',
content1: 'Get real-time weather updates for any city or location worldwide',
action2: 'Get Started',
heading1: 'Plan Your Day with Accurate Weather Forecasts',
action1: 'Learn More',
image1Src:
'https://images.unsplash.com/photo-1569742152946-b802f045df68?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcxNTQzMTM1OHw&ixlib=rb-4.0.3&q=80&w=1080',
placeholderImageSrc:
'https://images.unsplash.com/photo-1500674425229-f692875b0ab7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcxNTQzMjgxOXw&ixlib=rb-4.0.3&q=80&w=1080',
placeholderImageAlt: 'Weather app hero image',
}
Hero3.propTypes = {
image1Alt: PropTypes.string,
content1: PropTypes.string,
action2: PropTypes.string,
heading1: PropTypes.string,
action1: PropTypes.string,
image1Src: PropTypes.string,
placeholderImageSrc: PropTypes.string,
placeholderImageAlt: PropTypes.string,
}
export default Hero3