Madrid Waves

React Setup

Live Site - > https://madridwaves.netlify.app/

• components
  • Header
    • Header.js
    • HeaderStyles.js
• static content (constants)
  • constants.js
• layout
  • Layout.js
  • LayoutStyles.js
• pages
  • pages.js
• styles
  • GlobalComponents
    • Button.js
    • Index.js (Common components)
  • globals.js (global styles with css normalize)
  • theme.js
• themes
  • default.js (colors, fonts, breakpoints)

Tech Stack used

• Figma ( Design )
• React ( Frontend )
• Strapi ( Headless CMS )
• Styled Components

Colors Used

• blue - #004797
• yellow - #FCC000
• white - #ffffff
• greyShade - #F1F1F1
• orange - #E72142