Main.jsx

import React from "react";
import Button from "react-bootstrap/Button";
import Form from "react-bootstrap/Form";
import Container from "react-bootstrap/Container";
import { Link } from "react-router-dom";
import { Redirect } from "react-router-dom";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from 'react-bootstrap/Image'
import { Card } from 'react-bootstrap'
// import Modal from "react-bootstrap/Modal";
// import 'bootstrap / dist / css / bootstrap.min.css';

import mainlogo from '../picture/mainlogo.jpg'
import hallasan from '../picture/hallasan.PNG'
import osulloc from '../picture/osulloc.PNG'
import sungsan from '../picture/sungsan.PNG'
import haenyeo from '../picture/haenyeo.PNG'

function Main() {
    const clickSubmit = (event) => {
        event.preventDefault();
        console.log("메인페이지 도착")
    };

    // if (values.redirect) {
    //     return <Redirect to="/" />;
    //   }

    return (
        <Container className="">
            <Form>
                <Image src={mainlogo} rounded />
                <Form.Label>made by Cherry </Form.Label>
                <Form.Group controlId="contentsbox">
                    <Form.Text>관광지 정보</Form.Text>
                    {/* <Form.Control
                    /> */}
                    <Row>
                        <Card style={{ width: '30rem' }}>
                            <Card.Img variant="top" src={hallasan} />
                            <Card.Body>
                                <Card.Title>한라산(hallasan)</Card.Title>
                                <Card.Text>
                                    제주 서귀포시 토평동 산15-1 </Card.Text>
                                <Link to="/">
                                    <Button variant="primary">한라산 자세히 살펴보기</Button>
                                </Link>
                            </Card.Body>
                        </Card>

                        <Card style={{ width: '30rem' }}>
                            <Card.Img variant="top" src={sungsan} />
                            <Card.Body>
                                <Card.Title>성산일출봉(sungsan)</Card.Title>
                                <Card.Text>
                                    제주 서귀포시 성산읍 성산리 1 </Card.Text>
                                <Link to="/">
                                    <Button variant="primary">성산일출봉 자세히 살펴보기</Button>
                                </Link>
                            </Card.Body>
                        </Card>
                    </Row>
                    <Row>
                        <Card style={{ width: '30rem' }}>
                            <Card.Img variant="top" src={haenyeo} />
                            <Card.Body>
                                <Card.Title>해녀의 집(haenyeo)</Card.Title>
                                <Card.Text>
                                    제주 서귀포시 성산읍 한도로 141-13지번오조리 3 오조해녀의집 </Card.Text>
                                <Link to="/">
                                    <Button variant="primary">해녀의 집 자세히 살펴보기</Button>
                                </Link>
                            </Card.Body>
                        </Card>

                        {/* modal같이 다른 창 띄우는 것도 방법이고 링크 넣거나 화면하나 만드는 것도 방법일 듯 */}

                        <Card style={{ width: '30rem' }}>
                            <Card.Img variant="top" src={osulloc} />
                            <Card.Body>
                                <Card.Title>오설록 티 뮤지엄(osulloc)</Card.Title>
                                <Card.Text>
                                    제주 서귀포시 안덕면 신화역사로 15 오설록지번서광리 1235-1 오설록 </Card.Text>
                                <Link to="/">
                                    <Button variant="primary">오설록 티 뮤지엄 자세히 살펴보기</Button>
                                </Link>
                            </Card.Body>
                        </Card>

                    </Row>

                </Form.Group>
                {/* <Button variant="primary" type="submit" onClick={clickSubmit}>Submit</Button> */}


                {/* <Form.Group controlId="inputbox">
                    <Form.Label>다른 관광지 검색하기</Form.Label>
                    <Form.Control
                    />
                    <Form.Text className="text-muted">
                        새로운 관광지를 검색합니다.
                    </Form.Text>
                </Form.Group>

                <Button variant="danger" type="submit" onClick={clickSubmit}>다른 관광지 검색하기</Button> */}

            </Form>


        </Container >
    );
}

export default Main;