[age] branch ageviewer_go updated: Create First.jsx (#799)

[ako]

This is an automated email from the ASF dual-hosted git repository.

ako pushed a commit to branch ageviewer_go
in repository https://gitbox.apache.org/repos/asf/age.git


The following commit(s) were added to refs/heads/ageviewer_go by this push:
     new d06878d9 Create First.jsx (#799)
d06878d9 is described below

commit d06878d96cc7e87fe61256a907b3f36e68bc6e11
Author: saadjameel <36443446+saadjam...@users.noreply.github.com>
AuthorDate: Tue Apr 11 03:41:21 2023 +0500

    Create First.jsx (#799)
---
 age-viewer/frontend/src/pages/Main/First.jsx | 39 ++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/age-viewer/frontend/src/pages/Main/First.jsx 
b/age-viewer/frontend/src/pages/Main/First.jsx
new file mode 100644
index 00000000..5746175d
--- /dev/null
+++ b/age-viewer/frontend/src/pages/Main/First.jsx
@@ -0,0 +1,39 @@
+
+import React from "react";
+import { Link } from 'react-router-dom';
+import MainPage from "./MainPage";
+
+  
+const First = () => {
+  return (
+  <div style={{textAlign:"center",backgroundColor:"rgb(53, 51, 54)"}}>
+  
+    <div>
+      <h1 style={{textAlign:"center",color:"rgb(255,255,255)"}}><b>Welcome to 
Apache Age Viewer</b></h1>
+    </div>
+    <div id="logo">
+       <img src="https://www.apache.org/logos/res/age/age.png";  alt="logo" 
style={{  
+       display: "block",
+       width: "50%",
+       height: "50",
+       margin: "auto",
+       padding: "10% 0 0",
+       backgroundPosition:"center",
+       backgroundRepeat:"no-repeat",
+       backgroundSize: "100% 100%",backgroundOrigin: "content-box"}} />
+
+    </div> 
+   
+    <Link to="/second">
+       <button class="popup-button" style={{ 
textAlign:"center",textDecoration: "none",fontWeight: "800",fontSize: "1em",
+       textTransform: "uppercase",color: "white", 
borderRadius:"border-rounded",margin: "10px",padding: "1em 3em",
+       backgroundSize: "200% auto",boxShadow:"0 4px 6px rgba(50,50,93,.11), 0 
1px 3px rgba(0,0,0,.08)",
+       backgroundImage: "linear-gradient(to right, #540772 0%, #9c0c89 50%, 
#22129b 100%)",
+       transition: "0.5s"}}>Start</button>
+       </Link>
+  </div>
+    
+  );
+};
+  
+export default First;