@include('front.inc.header')

<main class="auth_wrapper">
    <div class="container">
        <div class="auth_card mx-auto">
            <div class="auth_header">
                <h2>Create Account</h2>
                <p>Join TechShield for premium flooring solutions</p>
            </div>

            <form action="#!" class="auth_form">
                <div class="form-group">
                    <label class="form-label">Full Name</label>
                    <input type="text" class="form-control" placeholder="Enter your full name" required>
                </div>

                <div class="form-group">
                    <label class="form-label">Email Address</label>
                    <input type="email" class="form-control" placeholder="Enter your email" required>
                </div>

                <div class="form-group">
                    <label class="form-label">Phone Number</label>
                    <input type="tel" class="form-control" placeholder="Enter your phone number">
                </div>

                <div class="form-group">
                    <label class="form-label">Password</label>
                    <input type="password" class="form-control" placeholder="Create a password" required>
                </div>

                <div class="form-group">
                    <label class="form-label">Confirm Password</label>
                    <input type="password" class="form-control" placeholder="Confirm your password" required>
                </div>

                <button type="submit" class="auth_btn">Sign Up</button>
            </form>

            <div class="auth_footer">
                Already have an account? <a href="{{ url('/login') }}">Login Now</a>
            </div>
        </div>
    </div>
</main>

@include('front.inc.footer')