import React, { useState } from "react"; import { Card, Col, Container, Form, Nav, Row, ProgressBar, Tab, Button, } from "react-bootstrap"; //Import images import dummyUser from "../../../../images/users/user-dummy-img.jpg"; import logoDark from "../../../../images/logo-dark.png"; import logoLight from "../../../../images/logo-light.png"; import BreadCrumb from "../../../Components/Common/BreadCrumb"; import { Head } from "@inertiajs/react"; import Layout from "../../../Layouts"; const FormWizard = () => { const [activeTab, setactiveTab] = useState(1); const [activeArrowTab, setactiveArrowTab] = useState(1); const [activeVerticalTab, setactiveVerticalTab] = useState(1); return (

Progress Nav Steps
Signup Your Account
General Information

Fill all Information as below

Email
User Name
Password
Add Image
Description
Well Done !

You have Successfully Signed Up

Arrow Nav Steps
logo dark logo light
Email
User Name
Password
Confirm Password
Upload Image
Description
Well Done !

You have Successfully Signed Up

Vertical nav Steps
Billing Info

Fill all information below

First name Last name Username
@
Email{" "} (Optional)
Shipping Address

Fill all information below

Address Address 2{" "} (Optional) Country State Zip
Shipping address is the same as my billing address
Save this information for next time
Payment

Fill all information below

Credit card
Debit card
PayPal
Name on card Full name as displayed on card
Name on card is required
Credit card number
Credit card number is required
Expiration
Expiration date required
CVV
Security code required
Your Order is Completed !

You Will receive an order confirmation email with details of your order.

{" "} Your cart
3
  • Product name
    Brief description
    $12
  • Second product
    Brief description
    $8
  • Third item
    Brief description
    $5
  • Discount code
    −$5 Discount
    −$5
  • Total (USD) $20
); }; FormWizard.layout = (page: any) => export default FormWizard;