104 lines
3.5 KiB
JavaScript
104 lines
3.5 KiB
JavaScript
import React from "react";
|
|
import { Button } from "./components/Button";
|
|
import { Link } from "react-router-dom";
|
|
import "./Footer.css";
|
|
|
|
function Footer() {
|
|
return (
|
|
<div className="footer-container">
|
|
<section className="footer-subscription">
|
|
<p className="footer-subscription-heading">
|
|
Join the Adventure newsletter to receive our best vacation deals
|
|
</p>
|
|
<p className="footer-subscription-text">
|
|
You can unsubscribe at any time.
|
|
</p>
|
|
<div className="input-areas">
|
|
<form>
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
placeholder="mail@example.com"
|
|
className="footer-input"
|
|
/>
|
|
<Button buttonStyle="btn--outline">Subscribe</Button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<div className="footer-links">
|
|
<div className="footer-link-wrapper">
|
|
<div className="footer-link-items">
|
|
<h2>About Us</h2>
|
|
<Link to="/sign-up">How it Works</Link>
|
|
<Link to="/">Testimonials</Link>
|
|
<Link to="/">Careers</Link>
|
|
<Link to="/">Investors</Link>
|
|
<Link to="/">Terms of Service</Link>
|
|
</div>
|
|
<div className="footer-link-items">
|
|
<h2>Contact Us</h2>
|
|
<Link to="/sign-up">How it Works</Link>
|
|
<Link to="/">Testimonials</Link>
|
|
<Link to="/">Careers</Link>
|
|
<Link to="/">Investors</Link>
|
|
<Link to="/">Terms of Service</Link>
|
|
</div>
|
|
</div>
|
|
<div className="footer-link-wrapper">
|
|
<div className="footer-link-items">
|
|
<h2>Videos</h2>
|
|
<Link to="/sign-up">How it Works</Link>
|
|
<Link to="/">Testimonials</Link>
|
|
<Link to="/">Careers</Link>
|
|
<Link to="/">Investors</Link>
|
|
<Link to="/">Terms of Service</Link>
|
|
</div>
|
|
<div className="footer-link-items">
|
|
<h2>Social Media</h2>
|
|
<Link to="/sign-up">How it Works</Link>
|
|
<Link to="/">Testimonials</Link>
|
|
<Link to="/">Careers</Link>
|
|
<Link to="/">Investors</Link>
|
|
<Link to="/">Terms of Service</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section className="social-media">
|
|
<div className="social-media-wrap">
|
|
<div className="footer-logo">
|
|
<Link to='/' className="social-logo">
|
|
TRVL <i className="fab fa-typo3"></i>
|
|
</Link>
|
|
</div>
|
|
<small className="website-rights">TRVL © 2</small>
|
|
<div className="social-icons">
|
|
<Link className="social-icon-link facebook"
|
|
to='/'
|
|
target="_blank"
|
|
aria-label="Facebook"
|
|
>
|
|
<i className="fab fa-facebook-f"></i>
|
|
</Link>
|
|
<Link className="social-icon-link instagram"
|
|
to='/'
|
|
target="_blank"
|
|
aria-label="Instagram"
|
|
>
|
|
<i className="fab fa-instagram"></i>
|
|
</Link>
|
|
<Link className="social-icon-link linkedin"
|
|
to='/'
|
|
target="_blank"
|
|
aria-label="LinkedIn"
|
|
>
|
|
<i className="fab fa-linkedin"></i>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Footer;
|