text: /*!
  
  =========================================================
  * Argon Design System React - v1.1.0
  =========================================================
  
  * Product Page: https://www.creative-tim.com/product/argon-design-system-react
  * Copyright 2020 Creative Tim (https://www.creative-tim.com)
  * Licensed under MIT (https://github.com/creativetimofficial/argon-design-system-react/blob/main/LICENSE.md)
  
  * Coded by Creative Tim
  
  =========================================================
  
  * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  
  */
  import React from "react";
  // nodejs library that concatenates classes
  import classnames from "classnames";
  import promo1 from "assets/img/theme/promo-1.png";
  import cardImg from "assets/img/theme/img-1-1200x1000.jpg";
  import ill2 from "assets/img/ill/ill-2.svg";
  import team1 from "assets/img/theme/team-1-800x800.jpg";
  import team2 from "assets/img/theme/team-2-800x800.jpg";
  import team3 from "assets/img/theme/team-3-800x800.jpg";
  import team4 from "assets/img/theme/team-4-800x800.jpg";
  
  // reactstrap components
  import {
    Badge,
    Button,
    Card,
    CardBody,
    CardImg,
    FormGroup,
    Input,
    InputGroupAddon,
    InputGroupText,
    InputGroup,
    Container,
    Row,
    Col
  } from "reactstrap";
  
  // core components
  import DemoNavbar from "components/Navbars/DemoNavbar.js";
  import CardsFooter from "components/Footers/CardsFooter.js";
  
  // index page sections
  import Download from "../IndexSections/Download.js";
  
  class Landing extends React.Component {
    state = {};
    componentDidMount() {
      document.documentElement.scrollTop = 0;
      document.scrollingElement.scrollTop = 0;
      this.refs.main.scrollTop = 0;
    }
    render() {
      return (
        <>
          <DemoNavbar />
          <main ref="main">
            <div className="position-relative">
              {/* shape Hero */}
              <section className="section section-lg section-shaped pb-250">
                <div className="shape shape-style-1 shape-default">
                  <span />
                  <span />
                  <span />
                  <span />
                  <span />
                  <span />
                  <span />
                  <span />
                  <span />
                </div>
                <Container className="py-lg-md d-flex">
                  <div className="col px-0">
                    <Row>
                      <Col lg="6">
                        <h1 className="display-3 text-white">
                        REACT GEEK{" "}
                          <span>Software Developer Engineer</span>
                        </h1>
                        <p className="lead text-white">
                        I am very excited to become a software developer as I want to specialize in WebApp field
                        </p>
                        <div className="btn-wrapper">
                          {/* <Button
                            className="btn-icon mb-3 mb-sm-0"
                            color="info"
                            href="https://demos.creative-tim.com/argon-design-system-react/#/documentation/alerts?ref=adsr-landing-page"
                          >
                            <span className="btn-inner--icon mr-1">
                              <i className="fa fa-code" />
                            </span>
                            <span className="btn-inner--text">Components</span>
                          </Button> */}
                          {/* <Button
                            className="btn-white btn-icon mb-3 mb-sm-0 ml-1"
                            color="default"
                            href="https://www.creative-tim.com/product/argon-design-system-react?ref=adsr-landing-page"
                          >
                            <span className="btn-inner--icon mr-1">
                              <i className="ni ni-cloud-download-95" />
                            </span>
                            <span className="btn-inner--text">
                              Download React
                            </span>
                          </Button> */}
                        </div>
                      </Col>
                    </Row>
                  </div>
                </Container>
                {/* SVG separator */}
                <div className="separator separator-bottom separator-skew">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    preserveAspectRatio="none"
                    version="1.1"
                    viewBox="0 0 2560 100"
                    x="0"
                    y="0"
                  >
                    <polygon
                      className="fill-white"
                      points="2560 0 2560 100 0 100"
                    />
                  </svg>
                </div>
              </section>
              {/* 1st Hero Variation */}
            </div>
            <section className="section section-lg pt-lg-0 mt--200">
              <Container>
                <Row className="justify-content-center">
                  <Col lg="12">
                    <Row className="row-grid">
                      <Col lg="4">
                        <Card className="card-lift--hover shadow border-0">
                          <CardBody className="py-5">
                            <div className="icon icon-shape icon-shape-primary rounded-circle mb-4">
                              <i className="ni ni-check-bold" />
                            </div>
                            <h6 className="text-primary text-uppercase">
                            Luxura
                            </h6>
                            <p className="description mt-3">
                             Websiet that sale and rent dresses and suit for men and womens with accessories for weddings and parties with customizing the order.
                            </p>
                            {/* <div>
                              <Badge color="primary" pill className="mr-1">
                                design
                              </Badge>
                              <Badge color="primary" pill className="mr-1">
                                system
                              </Badge>
                              <Badge color="primary" pill className="mr-1">
                                creative
                              </Badge>
                            </div> */}
                            <a href="https://gryffindor-team.github.io/Luxura/" target="_blank">
                            <Button
                              // className="mt-4"
                              // color="primary"
                              // href="#pablo"
                              // onClick={e => e.preventDefault()}
                              
                            >
                              Learn more
                            </Button>
                            </a>
  
                          </CardBody>
                        </Card>
                      </Col>
                      <Col lg="4">
                        <Card className="card-lift--hover shadow border-0">
                          <CardBody className="py-5">
                            <div className="icon icon-shape icon-shape-success rounded-circle mb-4">
                              <i className="ni ni-istanbul" />
                            </div>
                            <h6 className="text-success text-uppercase">
                            Reading-Notes
                            </h6>
                            <p className="description mt-3">
                            This website made by sultan elayan , and its contain everything we learned , and it's have the summary from what we read in book that the TAs give it to us.
                            </p>
                            {/* <div>
                              <Badge color="success" pill className="mr-1">
                                business
                              </Badge>
                              <Badge color="success" pill className="mr-1">
                                vision
                              </Badge>
                              <Badge color="success" pill className="mr-1">
                                success
                              </Badge>
                            </div> */}
                            <a href="https://sultan-elayan.github.io/reading-notes/" target="_blank">
                            <Button
                              // className="mt-4"
                              // color="primary"
                              // href="#pablo"
                              // onClick={e => e.preventDefault()}
                              
                            >
                              Learn more
                            </Button>
                            </a>
                          </CardBody>
                        </Card>
                      </Col>
                      <Col lg="4">
                        <Card className="card-lift--hover shadow border-0">
                          <CardBody className="py-5">
                            <div className="icon icon-shape icon-shape-warning rounded-circle mb-4">
                              <i className="ni ni-planet" />
                            </div>
                            <h6 className="text-warning text-uppercase">
                            Cookie-Stand
                            </h6>
                            <p className="description mt-3">
                            The first website who took a lot of time of us to made it and its contain the first from that we made with array rendering.
                            </p>
                            {/* <div>
                              <Badge color="warning" pill className="mr-1">
                                marketing
                              </Badge>
                              <Badge color="warning" pill className="mr-1">
                                product
                              </Badge>
                              <Badge color="warning" pill className="mr-1">
                                launch
                              </Badge>
                            </div> */}
                         
                           
                           <a href="https://sultan-elayan.github.io/cookie-stand/" target="_blank">
                            <Button
                              // className="mt-4"
                              // color="primary"
                              // href="#pablo"
                              // onClick={e => e.preventDefault()}
                              
                            >
                              Learn more
                            </Button>
                            </a>
  
                          </CardBody>
                        </Card>
                      </Col>
                    </Row>
                  </Col>
                </Row>
              </Container>
            </section>
            <section className="section section-lg">
              <Container>
                <Row className="row-grid align-items-center">
                  <Col className="order-md-2" md="6">
                    <img
                      alt="..."
                      className="img-fluid floating"
                      src={promo1}
                    />
                  </Col>
                  <Col className="order-md-1" md="6">
                    <div className="pr-md-5">
                      <div className="icon icon-lg icon-shape icon-shape-success shadow rounded-circle mb-5">
                        <i className="ni ni-settings-gear-65" />
                      </div>
                      <h3>What DO You Get When You Work With Me</h3>
                      <p>
                      When you work with me, you will get excellent benefits , as you can always take advantage of them , as our goal is to satisfy the customer.
                      </p>
                      <ul className="list-unstyled mt-5">
                        <li className="py-2">
                          <div className="d-flex align-items-center">
                            <div>
                              <Badge
                                className="badge-circle mr-3"
                                color="success"
                              >
                                <i className="ni ni-settings-gear-65" />
                              </Badge>
                            </div>
                            <div>
                              <h6 className="mb-0">
                              Fast Delivery
                              </h6>
                            </div>
                          </div>
                        </li>
                        <li className="py-2">
                          <div className="d-flex align-items-center">
                            <div>
                              <Badge
                                className="badge-circle mr-3"
                                color="success"
                              >
                                <i className="ni ni-html5" />
                              </Badge>
                            </div>
                            <div>
                              <h6 className="mb-0">Professional Work</h6>
                            </div>
                          </div>
                        </li>
                        <li className="py-2">
                          <div className="d-flex align-items-center">
                            <div>
                              <Badge
                                className="badge-circle mr-3"
                                color="success"
                              >
                                <i className="ni ni-satisfied" />
                              </Badge>
                            </div>
                            <div>
                              <h6 className="mb-0">
                              Debugging Any Time
                              </h6>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </Col>
                </Row>
              </Container>
            </section>
  
  {/* 
  
            <section className="section bg-secondary">
              <Container>
                <Row className="row-grid align-items-center">
                  <Col md="6">
                    <Card className="bg-default shadow border-0">
                      <CardImg
                        alt="..."
                        src={cardImg}
                        top
                      />
                      <blockquote className="card-blockquote">
                        <svg
                          xmlns="http://www.w3.org/2000/svg"
                          className="svg-bg"
                          preserveAspectRatio="none"
                          viewBox="0 0 583 95"
                        >
                          <polygon
                            className="fill-default"
                            points="0,52 583,95 0,95"
                          />
                          <polygon
                            className="fill-default"
                            opacity=".2"
                            points="0,42 583,95 683,0 0,95"
                          />
                        </svg>
                        <h4 className="display-3 font-weight-bold text-white">
                          Design System
                        </h4>
                        <p className="lead text-italic text-white">
                          The Arctic Ocean freezes every winter and much of the
                          sea-ice then thaws every summer, and that process will
                          continue whatever happens.
                        </p>
                      </blockquote>
                    </Card>
                  </Col>
                  <Col md="6">
  
                    <div className="pl-md-5">
                      <div className="icon icon-lg icon-shape icon-shape-warning shadow rounded-circle mb-5">
                        <i className="ni ni-settings" />
                      </div>
                      <h3>Our customers</h3>
                      <p className="lead">
                        Don't let your uses guess by attaching tooltips and
                        popoves to any element. Just make sure you enable them
                        first via JavaScript.
                      </p>
                      <p>
                        The kit comes with three pre-built pages to help you get
                        started faster. You can change the text and images and
                        you're good to go.
                      </p>
                      <p>
                        The kit comes with three pre-built pages to help you get
                        started faster. You can change the text and images and
                        you're good to go.
                      </p>
                      <a
                        className="font-weight-bold text-warning mt-5"
                        href="#pablo"
                        onClick={e => e.preventDefault()}
                      >
                        A beautiful UI Kit for impactful websites
                      </a>
  
                    </div>
                  
                  </Col>
                </Row>
              </Container>
            </section> */}
  
            {/* <section className="section pb-0 bg-gradient-warning">
              <Container>
                <Row className="row-grid align-items-center">
                  <Col className="order-lg-2 ml-lg-auto" md="6">
                    <div className="position-relative pl-md-5">
                      <img
                        alt="..."
                        className="img-center img-fluid"
                        src={ill2}
                      />
                    </div>
                  </Col>
                  <Col className="order-lg-1" lg="6">
                    <div className="d-flex px-3">
                      <div>
                        <div className="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary">
                          <i className="ni ni-building text-primary" />
                        </div>
                      </div>
                      <div className="pl-4">
                        <h4 className="display-3 text-white">Modern Interface</h4>
                        <p className="text-white">
                          The Arctic Ocean freezes every winter and much of the
                          sea-ice then thaws every summer, and that process will
                          continue whatever.
                        </p>
                      </div>
                    </div>
                    <Card className="shadow shadow-lg--hover mt-5">
                      <CardBody>
                        <div className="d-flex px-3">
                          <div>
                            <div className="icon icon-shape bg-gradient-success rounded-circle text-white">
                              <i className="ni ni-satisfied" />
                            </div>
                          </div>
                          <div className="pl-4">
                            <h5 className="title text-success">
                              Awesome Support
                            </h5>
                            <p>
                              The Arctic Ocean freezes every winter and much of
                              the sea-ice then thaws every summer, and that
                              process will continue whatever.
                            </p>
                            <a
                              className="text-success"
                              href="#pablo"
                              onClick={e => e.preventDefault()}
                            >
                              Learn more
                            </a>
                          </div>
                        </div>
                      </CardBody>
                    </Card>
                    <Card className="shadow shadow-lg--hover mt-5">
                      <CardBody>
                        <div className="d-flex px-3">
                          <div>
                            <div className="icon icon-shape bg-gradient-warning rounded-circle text-white">
                              <i className="ni ni-active-40" />
                            </div>
                          </div>
                          <div className="pl-4">
                            <h5 className="title text-warning">
                              Modular Components
                            </h5>
                            <p>
                              The Arctic Ocean freezes every winter and much of
                              the sea-ice then thaws every summer, and that
                              process will continue whatever.
                            </p>
                            <a
                              className="text-warning"
                              href="#pablo"
                              onClick={e => e.preventDefault()}
                            >
                              Learn more
                            </a>
                          </div>
                        </div>
                      </CardBody>
                    </Card>
                  </Col>
                </Row>
              </Container>
             
              <div className="separator separator-bottom separator-skew zindex-100">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  preserveAspectRatio="none"
                  version="1.1"
                  viewBox="0 0 2560 100"
                  x="0"
                  y="0"
                >
                  <polygon
                    className="fill-white"
                    points="2560 0 2560 100 0 100"
                  />
                </svg>
              </div>
            </section> */}
  
  
  {/*           
            
            <section className="section section-lg">
              <Container>
                <Row className="justify-content-center text-center mb-lg">
                  <Col lg="8">
                    <h2 className="display-3">The amazing Team</h2>
                    <p className="lead text-muted">
                      According to the National Oceanic and Atmospheric
                      Administration, Ted, Scambos, NSIDClead scentist, puts the
                      potentially record maximum.
                    </p>
                  </Col>
                </Row>
                <Row>
                  <Col className="mb-5 mb-lg-0" lg="3" md="6">
                    <div className="px-4">
                      <img
                        alt="..."
                        className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
                        src={team1}
                        style={{ width: "200px" }}
                      />
                      <div className="pt-4 text-center">
                        <h5 className="title">
                          <span className="d-block mb-1">Ryan Tompson</span>
                          <small className="h6 text-muted">Web Developer</small>
                        </h5>
                        <div className="mt-3">
                          <Button
                            className="btn-icon-only rounded-circle"
                            color="warning"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-twitter" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="warning"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-facebook" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="warning"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-dribbble" />
                          </Button>
                        </div>
                      </div>
                    </div>
                  </Col>
                  <Col className="mb-5 mb-lg-0" lg="3" md="6">
                    <div className="px-4">
                      <img
                        alt="..."
                        className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
                        src={team2}
                        style={{ width: "200px" }}
                      />
                      <div className="pt-4 text-center">
                        <h5 className="title">
                          <span className="d-block mb-1">Romina Hadid</span>
                          <small className="h6 text-muted">
                            Marketing Strategist
                          </small>
                        </h5>
                        <div className="mt-3">
                          <Button
                            className="btn-icon-only rounded-circle"
                            color="primary"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-twitter" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="primary"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-facebook" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="primary"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-dribbble" />
                          </Button>
                        </div>
                      </div>
                    </div>
                  </Col>
                  <Col className="mb-5 mb-lg-0" lg="3" md="6">
                    <div className="px-4">
                      <img
                        alt="..."
                        className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
                        src={team3}
                        style={{ width: "200px" }}
                      />
                      <div className="pt-4 text-center">
                        <h5 className="title">
                          <span className="d-block mb-1">Alexander Smith</span>
                          <small className="h6 text-muted">UI/UX Designer</small>
                        </h5>
                        <div className="mt-3">
                          <Button
                            className="btn-icon-only rounded-circle"
                            color="info"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-twitter" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="info"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-facebook" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="info"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-dribbble" />
                          </Button>
                        </div>
                      </div>
                    </div>
                  </Col>
                  <Col className="mb-5 mb-lg-0" lg="3" md="6">
                    <div className="px-4">
                      <img
                        alt="..."
                        className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
                        src={team4}
                        style={{ width: "200px" }}
                      />
                      <div className="pt-4 text-center">
                        <h5 className="title">
                          <span className="d-block mb-1">John Doe</span>
                          <small className="h6 text-muted">Founder and CEO</small>
                        </h5>
                        <div className="mt-3">
                          <Button
                            className="btn-icon-only rounded-circle"
                            color="success"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-twitter" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="success"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-facebook" />
                          </Button>
                          <Button
                            className="btn-icon-only rounded-circle ml-1"
                            color="success"
                            href="#pablo"
                            onClick={e => e.preventDefault()}
                          >
                            <i className="fa fa-dribbble" />
                          </Button>
                        </div>
                      </div>
                    </div>
                  </Col>
                </Row>
              </Container>
            </section>
   */}
  
  
  
  
  {/* 
            <section className="section section-lg pt-0">
              <Container>
                <Card className="bg-gradient-warning shadow-lg border-0">
                  <div className="p-5">
                    <Row className="align-items-center">
                      <Col lg="8">
                        <h3 className="text-white">
                          We made website building easier for you.
                        </h3>
                        <p className="lead text-white mt-3">
                          I will be the leader of a company that ends up being
                          worth billions of dollars, because I got the answers. I
                          understand culture.
                        </p>
                      </Col>
                      <Col className="ml-lg-auto" lg="3">
                        <Button
                          block
                          className="btn-white"
                          color="default"
                          href="https://www.creative-tim.com/product/argon-design-system-react?ref=adsr-landing-page"
                          size="lg"
                        >
                          Download React
                        </Button>
                      </Col>
                    </Row>
                  </div>
                </Card>
              </Container>
            </section> */}
  
  
  
  
  
  {/* 
            <section className="section section-lg bg-gradient-default">
              <Container className="pt-lg pb-300">
                <Row className="text-center justify-content-center">
                  <Col lg="10">
                    <h2 className="display-3 text-white">Build something</h2>
                    <p className="lead text-white">
                      According to the National Oceanic and Atmospheric
                      Administration, Ted, Scambos, NSIDClead scentist, puts the
                      potentially record low maximum sea ice extent tihs year down
                      to low ice.
                    </p>
                  </Col>
                </Row>
                <Row className="row-grid mt-5">
                  <Col lg="4">
                    <div className="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary">
                      <i className="ni ni-settings text-primary" />
                    </div>
                    <h5 className="text-white mt-3">Building tools</h5>
                    <p className="text-white mt-3">
                      Some quick example text to build on the card title and make
                      up the bulk of the card's content.
                    </p>
                  </Col>
                  <Col lg="4">
                    <div className="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary">
                      <i className="ni ni-ruler-pencil text-primary" />
                    </div>
                    <h5 className="text-white mt-3">Grow your market</h5>
                    <p className="text-white mt-3">
                      Some quick example text to build on the card title and make
                      up the bulk of the card's content.
                    </p>
                  </Col>
                  <Col lg="4">
                    <div className="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary">
                      <i className="ni ni-atom text-primary" />
                    </div>
                    <h5 className="text-white mt-3">Launch time</h5>
                    <p className="text-white mt-3">
                      Some quick example text to build on the card title and make
                      up the bulk of the card's content.
                    </p>
                  </Col>
                </Row>
              </Container>
             
              <div className="separator separator-bottom separator-skew zindex-100">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  preserveAspectRatio="none"
                  version="1.1"
                  viewBox="0 0 2560 100"
                  x="0"
                  y="0"
                >
                  <polygon
                    className="fill-white"
                    points="2560 0 2560 100 0 100"
                  />
                </svg>
              </div>
            </section>
   */}
  
  
  
  
  
  
  
  
  {/*           
            <section className="section section-lg pt-lg-0 section-contact-us">
              <Container>
                <Row className="justify-content-center mt--300">
                  <Col lg="8">
                    <Card className="bg-gradient-secondary shadow">
                      <CardBody className="p-lg-5">
                        <h4 className="mb-1">Want to work with us?</h4>
                        <p className="mt-0">
                          Your project is very important to us.
                        </p>
                        <FormGroup
                          className={classnames("mt-5", {
                            focused: this.state.nameFocused
                          })}
                        >
                          <InputGroup className="input-group-alternative">
                            <InputGroupAddon addonType="prepend">
                              <InputGroupText>
                                <i className="ni ni-user-run" />
                              </InputGroupText>
                            </InputGroupAddon>
                            <Input
                              placeholder="Your name"
                              type="text"
                              onFocus={() => this.setState({ nameFocused: true })}
                              onBlur={() => this.setState({ nameFocused: false })}
                            />
                          </InputGroup>
                        </FormGroup>
                        <FormGroup
                          className={classnames({
                            focused: this.state.emailFocused
                          })}
                        >
                          <InputGroup className="input-group-alternative">
                            <InputGroupAddon addonType="prepend">
                              <InputGroupText>
                                <i className="ni ni-email-83" />
                              </InputGroupText>
                            </InputGroupAddon>
                            <Input
                              placeholder="Email address"
                              type="email"
                              onFocus={() => this.setState({ emailFocused: true })}
                              onBlur={() => this.setState({ emailFocused: false })}
                            />
                          </InputGroup>
                        </FormGroup>
                        <FormGroup className="mb-4">
                          <Input
                            className="form-control-alternative"
                            cols="80"
                            name="name"
                            placeholder="Type a message..."
                            rows="4"
                            type="textarea"
                          />
                        </FormGroup>
                        <div>
                          <Button
                            block
                            className="btn-round"
                            color="default"
                            size="lg"
                            type="button"
                          >
                            Send Message
                          </Button>
                        </div>
                      </CardBody>
                    </Card>
                  </Col>
                </Row>
              </Container>
            </section> */}
  
  
  
  
  
  
            {/* <Download /> */}
          </main>
          <CardsFooter />
        </>
      );
    }
  }
  
  export default Landing;
  