aboutsummaryrefslogtreecommitdiff
path: root/app/Header.js
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2023-07-19 00:48:11 -0400
committerAndrew Lee <alee14498@protonmail.com>2023-07-19 00:48:11 -0400
commitd57226e5a802ecd6607faf67f32621e2da725a35 (patch)
treed2073bbc14409095c61255ea83b2ca3815df309d /app/Header.js
parent3c80755e70aa85daa59edc5dbe200400894254c7 (diff)
downloadalure-website-d57226e5a802ecd6607faf67f32621e2da725a35.tar.gz
alure-website-d57226e5a802ecd6607faf67f32621e2da725a35.tar.bz2
alure-website-d57226e5a802ecd6607faf67f32621e2da725a35.zip
Moved all components to app folder
Diffstat (limited to 'app/Header.js')
-rw-r--r--app/Header.js12
1 files changed, 12 insertions, 0 deletions
diff --git a/app/Header.js b/app/Header.js
new file mode 100644
index 0000000..bd70dd0
--- /dev/null
+++ b/app/Header.js
@@ -0,0 +1,12 @@
+const Header = ({title, description}) => {
+ return (
+ <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
+ <div className="md:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
+ <h1 className="font-medium text-4xl">{title}</h1>
+ <h2 className="font-light text-lg">{description}</h2>
+ </div>
+ </div>
+ )
+}
+
+export default Header;