add preface component