Skip to content

Commit dd59c26

Browse files
CJBiohackerCJBiohacker
committed
" update : paginas Home, Form e Contato "
1 parent 11243fc commit dd59c26

File tree

6 files changed

+113
-36
lines changed

6 files changed

+113
-36
lines changed

‎FrontEnd/tripscript-react/src/App.js

Lines changed: 17 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,27 @@
11
import React from 'react';
2-
import { Home, Clientes, Viagens, Contato } from './pages'
3-
import { BrowserRouter, Route, Switch } from 'react-router-dom';
2+
import Home from './pages/Home'
3+
import Clientes from './pages/Clientes'
4+
import Viagens from './pages/Viagens'
5+
import Contato from './pages/Contato'
6+
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
47
import './styles/global.css';
58

69
function App() {
710

811
return (
912
<div className="App">
10-
<BrowserRouter>
11-
<Switch>
12-
<Route path="/" exact component={Home} />
13-
<Route path="/clientes" exact component={Clientes} />
14-
<Route path="/viagens" exact component={Viagens} />
15-
<Route path="/contato" exact component={Contato} />
16-
</Switch>
17-
</BrowserRouter>
13+
{/* <Home /> */}
14+
<Contato />
15+
{/* <Clientes />
16+
<Viagens /> */}
17+
{/* <Router>
18+
<Routes>
19+
<Route path='' exact element={Home} />
20+
<Route path='/clientes' exact element={Clientes} />
21+
<Route path='/viagens' exact element={Viagens} />
22+
<Route path='/contato' exact element={Contato} />
23+
</Routes>
24+
</Router> */}
1825
</div>
1926
);
2027

‎FrontEnd/tripscript-react/src/components/About.js

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
11
import * as React from 'react';
2-
import SlideShow from '../components/SlideShow'
3-
import ResponsiveAppBar from '../components/ResponsiveAppBar'
4-
import Footer from '../components/Footer'
52
import '../styles/global.css'
63
import '../styles/About.css'
74

‎FrontEnd/tripscript-react/src/components/Form.js

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
import * as React from 'react';
2+
import { useState, useForm } from "react";
3+
import '../styles/Form.css'
4+
5+
const Form = () => {
6+
// const { register, handleSubmit } = useForm();
7+
// const [result, setResult] = useState("");
8+
9+
return (
10+
11+
<div id="contato">
12+
13+
<div class="contato-title">
14+
<h1>Tem dúvidas ou perguntas?<br />Entre em Contato conosco</h1>
15+
</div>
16+
17+
<div class="contato-container">
18+
<form class="contato-form" action="#">
19+
<label for="nome">Nome</label>
20+
<input type="text" id="nome" name="nome" placeholder="Digite seu nome..." />
21+
22+
<label for="email">Email</label>
23+
<input type="email" id="email" name="email" placeholder="Digite seu email..." />
24+
25+
<label for="país">País</label>
26+
<select id="país" name="país">
27+
<option value="1">Brasil</option>
28+
<option value="2">Canada</option>
29+
<option value="3">USA</option>
30+
<option value="4">Australia</option>
31+
<option value="5">França</option>
32+
<option value="6">Alemanha</option>
33+
<option value="7">Africa do Sul</option>
34+
<option value="8">Moçambique</option>
35+
<option value="9">Japão</option>
36+
<option value="10">Coréia do Sul</option>
37+
<option value="11">China</option>
38+
<option value="12">Índia</option>
39+
<option value="13">Rússia</option>
40+
</select>
41+
42+
<label for="assunto">Dúvida/Pergunta</label>
43+
<textarea id="assunto" name="assunto"
44+
placeholder="Digite suas dúvidas e/ou perguntas..."></textarea>
45+
46+
<input id="contato-button" type="submit" value="Enviar" />
47+
</form>
48+
</div>
49+
50+
</div>
51+
);
52+
}
53+
54+
export default Form;

‎FrontEnd/tripscript-react/src/components/SlideShow.js

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -11,59 +11,67 @@ const SlideShow = () => {
1111
<div className="2xl:mx-auto 2xl:container flex justify-center">
1212
<div className="2xl:px-20 px-6 py-12 w-full lg:w-4/5">
1313
{/* Carousel for Small-Sized Screen */}
14-
<CarouselProvider className="relative block sm:hidden" naturalSlideWidth={100} isIntrinsicHeight={true} totalSlides={3} visibleSlides={1} step={1} infinite={true}>
14+
<CarouselProvider className="relative block sm:hidden" naturalSlideWidth={100} isIntrinsicHeight={true} totalSlides={4} visibleSlides={1} step={1} infinite={true}>
1515
<div className="js-flickity flex justify-center items-center">
1616
<Slider>
1717
<Slide index={0}>
1818
<div className="gallery-cell lg:mr-7 mr-6 lg:w-1/2 sm:w-96 w-full h-full">
1919
<div className="relative w-full h-full lg:block hidden">
2020
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/fernando-de-noronha.svg" alt="sitting area" className="object-center object-cover w-full h-full" />
2121
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
22-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
2322
</div>
2423
</div>
2524
<div className="relative w-full h-full lg:hidden">
26-
<img src="https://i.ibb.co/tMB5CZW/behzad-ghaffarian-nh-Wg-ZNV85-LQ-unsplash-1-3-1.png" alt="sitting area" className="object-center object-cover w-full h-full" />
25+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/fernando-de-noronha.svg" alt="sitting area" className="object-center object-cover w-full h-full" />
2726
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
28-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
2927
</div>
3028
</div>
3129
</div>
3230
</Slide>
3331
<Slide index={1}>
3432
<div className="gallery-cell lg:mr-7 mr-6 lg:w-1/2 sm:w-96 w-full h-full">
3533
<div className="relative w-full h-full lg:block hidden">
36-
<img src="https://i.ibb.co/phw8yGZ/sven-brandsma-Qz6-Zx4-Rjd-D8-unsplash-1.png" alt="chairs" className="object-center object-cover w-full h-full" />
34+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/penedo.svg" alt="chairs" className="object-center object-cover w-full h-full" />
3735
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
38-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
3936
</div>
4037
</div>
4138
<div className="relative w-full h-full lg:hidden">
42-
<img src="https://i.ibb.co/g74VYR2/Group-46.png" alt="chairs" className="object-center object-cover w-full h-full" />
39+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/penedo.svg" alt="chairs" className="object-center object-cover w-full h-full" />
4340
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
44-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
4541
</div>
4642
</div>
4743
</div>
4844
</Slide>
4945
<Slide index={2}>
5046
<div className="gallery-cell lg:mr-7 mr-6 lg:w-1/2 sm:w-96 w-full h-full">
5147
<div className="relative w-full h-full lg:block hidden">
52-
<img src="https://i.ibb.co/92ZYJyK/behzad-ghaffarian-nh-Wg-ZNV85-LQ-unsplash-1-1.png" alt="chair" className="object-center object-cover w-full h-full" />
48+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/praia-camburi-vitoriaes.svg" alt="chair" className="object-center object-cover w-full h-full" />
5349
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
54-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
5550
</div>
5651
</div>
5752
<div className="relative w-full h-full lg:hidden">
58-
<img src="https://i.ibb.co/372ryYP/sven-brandsma-Qz6-Zx4-Rjd-D8-unsplash-3-1.png" alt="chair" className="object-center object-cover w-full h-full" />
53+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/praia-camburi-vitoriaes.svg" alt="chair" className="object-center object-cover w-full h-full" />
54+
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
55+
</div>
56+
</div>
57+
</div>
58+
</Slide>
59+
<Slide index={3}>
60+
<div className="gallery-cell lg:mr-7 mr-6 lg:w-1/2 sm:w-96 w-full h-full">
61+
<div className="relative w-full h-full lg:block hidden">
62+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/porto-de-galinhas.svg" alt="chair" className="object-center object-cover w-full h-full" />
63+
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
64+
</div>
65+
</div>
66+
<div className="relative w-full h-full lg:hidden">
67+
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/porto-de-galinhas.svg" alt="chair" className="object-center object-cover w-full h-full" />
5968
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
60-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
6169
</div>
6270
</div>
6371
</div>
6472
</Slide>
6573
</Slider>
66-
<ButtonBack role="button" aria-label="slide backward" className="w-12 h-12 md:w-14 md:h-14 rounded-full flex justify-center items-center bg-white border border-gray-300 hover:bg-gray-400 absolute z-30 left-0 ml-8 focus:outline-none focus:bg-gray-400 focus:ring-2 focus:ring-offset-2 focus:ring-gray-400 cursor-pointer" id="prev">
74+
{/* <ButtonBack role="button" aria-label="slide backward" className="w-12 h-12 md:w-14 md:h-14 rounded-full flex justify-center items-center bg-white border border-gray-300 hover:bg-gray-400 absolute z-30 left-0 ml-8 focus:outline-none focus:bg-gray-400 focus:ring-2 focus:ring-offset-2 focus:ring-gray-400 cursor-pointer" id="prev">
6775
<svg width={8} height={14} viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6876
<path d="M7 1L1 7L7 13" stroke="black" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
6977
</svg>
@@ -72,7 +80,7 @@ const SlideShow = () => {
7280
<svg width={8} height={14} viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7381
<path d="M1 1L7 7L1 13" stroke="black" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
7482
</svg>
75-
</ButtonNext>
83+
</ButtonNext> */}
7684
</div>
7785
</CarouselProvider>
7886

@@ -90,13 +98,11 @@ const SlideShow = () => {
9098
<div className="relative w-full h-full lg:block hidden">
9199
<img src="https://raw.githubusercontent.com/CJBiohacker/TripScript-Viagens/dc41b307bb886fb030b63c64571ca212db18edb6/images/fernando-de-noronha.svg" alt="sitting area" className="object-center object-cover w-full h-full" />
92100
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
93-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
94101
</div>
95102
</div>
96103
<div className="relative w-full h-full lg:hidden">
97104
<img src="https://i.ibb.co/tMB5CZW/behzad-ghaffarian-nh-Wg-ZNV85-LQ-unsplash-1-3-1.png" alt="sitting area" className="object-center object-cover w-full h-full" />
98105
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
99-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
100106
</div>
101107
</div>
102108
</div>
@@ -106,13 +112,11 @@ const SlideShow = () => {
106112
<div className="relative w-full h-full lg:block hidden">
107113
<img src="https://i.ibb.co/phw8yGZ/sven-brandsma-Qz6-Zx4-Rjd-D8-unsplash-1.png" alt="chairs" className="object-center object-cover w-full h-full" />
108114
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
109-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
110115
</div>
111116
</div>
112117
<div className="relative w-full h-full lg:hidden">
113118
<img src="https://i.ibb.co/g74VYR2/Group-46.png" alt="chairs" className="object-center object-cover w-full h-full" />
114119
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
115-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
116120
</div>
117121
</div>
118122
</div>
@@ -122,13 +126,11 @@ const SlideShow = () => {
122126
<div className="relative w-full h-full lg:block hidden">
123127
<img src="https://i.ibb.co/92ZYJyK/behzad-ghaffarian-nh-Wg-ZNV85-LQ-unsplash-1-1.png" alt="chair" className="object-center object-cover w-full h-full" />
124128
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
125-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
126129
</div>
127130
</div>
128131
<div className="relative w-full h-full lg:hidden">
129132
<img src="https://i.ibb.co/372ryYP/sven-brandsma-Qz6-Zx4-Rjd-D8-unsplash-3-1.png" alt="chair" className="object-center object-cover w-full h-full" />
130133
<div className="pl-6 pb-6 lg:pl-8 lg:pb-8 absolute left-0 bottom-0">
131-
<h1 className="text-xl leading-5 lg:text-2xl lg:leading-normal font-medium text-white">Lounge Interior</h1>
132134
</div>
133135
</div>
134136
</div>

‎FrontEnd/tripscript-react/src/pages/Clientes.js

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
import * as React from 'react';
2-
import SlideShow from '../components/SlideShow'
32
import ResponsiveAppBar from '../components/ResponsiveAppBar'
43
import Footer from '../components/Footer'
54
import '../styles/global.css'
65

7-
const Home = () => {
6+
const Clientes = () => {
87

98
return (
109
<div>
@@ -15,4 +14,4 @@ const Home = () => {
1514
);
1615
}
1716

18-
export default Home;
17+
export default Clientes;

‎FrontEnd/tripscript-react/src/pages/Contato.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import * as React from 'react';
2+
import ResponsiveAppBar from '../components/ResponsiveAppBar';
3+
import Footer from '../components/Footer';
4+
import Form from '../components/Form';
5+
import '../styles/global.css'
6+
7+
const Contato = () => {
8+
9+
return (
10+
<div>
11+
<ResponsiveAppBar />
12+
<Form />
13+
<Footer />
14+
</div>
15+
);
16+
}
17+
18+
export default Contato;

0 commit comments

Comments
 (0)