pixies

1import "./styles.sass";
2import Button from "@/common/components/Button/index.js";
3import {faArrowRight} from "@fortawesome/free-solid-svg-icons";
4import {faGithub} from "@fortawesome/free-brands-svg-icons";
5import {useNavigate} from "react-router-dom";
6
7const GITHUB_LINK = "https://github.com/ikhsanddy/pixies";
8
9export const GetStarted = () => {
10    const navigate = useNavigate();
11    
12    return (
13        <section className="cta-section">
14            <h2>Ready to get started?</h2>
15            <div className="cta-actions">
16                <Button 
17                    text="Install" 
18                    icon={faArrowRight} 
19                    color="primary"
20                    onClick={() => navigate("/install")} 
21                />
22                <Button 
23                    text="GitHub" 
24                    icon={faGithub} 
25                    color="primary"
26                    variant="outline"
27                    onClick={() => window.open(GITHUB_LINK, "_blank")} 
28                />
29            </div>
30        </section>
31    );
32}