dcortesnet

import { AppState } from "@/redux/store";
import { useRouter } from "next/router";
import { Pagination } from "react-bootstrap";
import { useSelector } from "react-redux";

export const VersionPagination = () => {
  const router = useRouter();
  const pagination = useSelector(
    (state: AppState) => state.versions.pagination
  );

dcortesnet

import Image from "next/image";

export const WhatsappButton = () => {
  return (
    <div>
      <a
        href="https://wa.me/+56926339734"
        style={{
          position: "fixed",
          width: "60px",

dcortesnet

html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

dcortesnet

 <select>
   <option value="Alhué">Alhué</option>
   <option value="Buin">Buin</option>
   <option value="Calera de Tango">Calera de Tango</option>
   <option value="Cerrillos">Cerrillos</option>
   <option value="Cerro Navia">Cerro Navia</option>
   <option value="Colina">Colina</option>
   <option value="Conchalí">Conchalí</option>
   <option value="Curacaví">Curacaví</option>
   <option value="El Bosque">El Bosque</option>

dcortesnet

import Accordion from "react-bootstrap/Accordion";

export const FaqsAccordion = ({ cantToShow = 8 }) => {
  const faqs = [
    {
      header: "¿Qué incluye un renting?",
      body: "Incluye toda la documentación relacionada a un vehículo, como por ejemplo: Impuesto verde - Permiso de circulación - SOAP. También incluye todos los otros gastos engorrosos de tener un vehículo, como: Seguro - Mantenciones - Traslados y lo mejor de todo, no asumes la desvalorización del vehículo, ya que es solo un arriendo.",
    },
    {
      header: "¿Cuáles son los requisitos para contratar un renting?",

dcortesnet

// Smart Component
import React, { useState } from 'react';
import DumpComponent from './DumpComponent';

const SmartComponent = () => {
  const [name, setName] = useState('');

  const handleInputChange = (e) => {
    setName(e.target.value);
  };

dcortesnet

import React from 'react';
import { useFormik } from 'formik';

// A custom validation function. This must return an object
// which keys are symmetrical to our values/initialValues
const validate = values => {
  const errors = {};
  if (!values.firstName) {
    errors.firstName = 'Required';
  } else if (values.firstName.length > 15) {

dcortesnet

import React from 'react';
import { Formik } from 'formik';
 
 const Basic = () => (
   <div>
     <h1>Anywhere in your app!</h1>
     <Formik
       initialValues={{ email: '', password: '' }}
       validate={values => {
         const errors = {};

dcortesnet

import "bootstrap/dist/css/bootstrap.min.css";
import "react-responsive-carousel/lib/styles/carousel.min.css";

import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

import "../styles/template.css";
import "../styles/responsive.css";
import "../styles/styles.css";

dcortesnet

'use client'
import React from "react";
import signUp from "@/firebase/auth/signup";
import { useRouter } from 'next/navigation'

function Page() {
    const [email, setEmail] = React.useState('')
    const [password, setPassword] = React.useState('')
    const router = useRouter()