forked from cisco-open/martian-bank-demo
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- removed redundant code in react code
1 parent
85bd240
commit 289ac9f
Showing
12 changed files
with
205 additions
and
324 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -12,39 +12,38 @@ import { | |
faShieldAlt, | ||
faRocket, | ||
} from "@fortawesome/free-solid-svg-icons"; | ||
import "../styles/Hero.css"; // assuming you have a CSS file for styles | ||
|
||
const Hero = () => { | ||
return ( | ||
<div className="py-5"> | ||
<Container className="d-flex justify-content-center"> | ||
<Card className="p-5 d-flex flex-column align-items-center hero-card w-75"> | ||
<h1 className="text-center mb-4"> | ||
<span style={{ fontSize: "4vh", fontWeight: "bold" }}> | ||
Welcome to Martian Bank | ||
</span> | ||
<h1 className="text-center mb-4 hero-heading"> | ||
Welcome to Martian Bank | ||
</h1> | ||
<p style={{ fontSize: "2vh", textAlign: "center" }}> | ||
<p className="hero-text"> | ||
This comment has been minimized.
Sorry, something went wrong.
jashmehta3300
|
||
Secure your Martian finances with Red Planet Bank - your trusted | ||
financial partner on the Red Planet. Explore our innovative banking | ||
solutions, enjoy top-notch security measures, and fuel your Martian | ||
ventures with our competitive loans and investment opportunities. | ||
</p> | ||
<div className="d-flex mt-4 mb-4"> | ||
<LinkContainer to="/login"> | ||
<Button variant="dark" className="me-5 px-5 py-2"> | ||
<span style={{ fontSize: "2vh" }}>Login</span> | ||
<Button variant="dark" className="hero-button"> | ||
Login | ||
</Button> | ||
</LinkContainer> | ||
<LinkContainer to="/register"> | ||
<Button variant="dark" className="me-5 px-5 py-2"> | ||
<span style={{ fontSize: "2vh" }}>Signup</span> | ||
<Button variant="dark" className="hero-button"> | ||
Signup | ||
</Button> | ||
</LinkContainer> | ||
</div> | ||
<div className="d-flex justify-content-around mt-5"> | ||
<Row> | ||
<Col md={4}> | ||
<Card className="text-center border-0"> | ||
<Card className="feature-card"> | ||
<FontAwesomeIcon | ||
icon={faMoneyBillWave} | ||
className="display-3 my-3" | ||
|
@@ -59,7 +58,7 @@ const Hero = () => { | |
</Card> | ||
</Col> | ||
<Col md={4}> | ||
<Card className="text-center border-0"> | ||
<Card className="feature-card"> | ||
<FontAwesomeIcon | ||
icon={faShieldAlt} | ||
className="display-3 my-3" | ||
|
@@ -74,7 +73,7 @@ const Hero = () => { | |
</Card> | ||
</Col> | ||
<Col md={4}> | ||
<Card className="text-center border-0"> | ||
<Card className="feature-card"> | ||
<FontAwesomeIcon icon={faRocket} className="display-3 my-3" /> | ||
<Card.Body> | ||
<Card.Title>Martian Ventures</Card.Title> | ||
|
@@ -94,3 +93,4 @@ const Hero = () => { | |
}; | ||
|
||
export default Hero; | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
We do not have separate CSS files for styling each component. Importing a non-existent file is breaking the code. You can either create a styles folder with separate CSS files for each component or use in-line styling.