import { h } from 'preact';

const Info = () => {
    return (
        <div class='info'>
            <div class='words'>
                <section>
                    <h1>Info</h1>
                    <p> Thanks for signing up! </p>
                    <p> Mates Crates is a record importing service in alpha. </p>
                    <p> Its purpose is to reduce the cost of shipping vinyl records to Melbourne, Australia. </p>
                </section>

                <section>
                    <h3>How It Works</h3>
                    <p> First, add some records to your <span class='alt'>List</span> on the <a href='/search'>Search Page</a>. </p>
                    <p> Mates Crates will then make offers to you for releases you add to your <a href='/list'>List</a>. </p>
                </section>

                <section>
                    <h2>Offers</h2>
                    <p> Think of offers like an expression of interest, they are not confirmed until they are set to <span class='alt-text'>Confirmed</span> status. </p>
                    <p> After that they will be shipped to Melbourne and ready for pick up. </p>
                </section>

                <section>
                    <h2>Pick Up</h2>
                    <p> Use the contact options to get in touch. </p>
                    <p> Payment is cash on delivery. </p>
                </section>

                <section>
                    <h2>FAQ</h2>
                    <h3> Record Condition </h3>
                    <p> All Mates Crates offers are for records that are either mint condition or close to it. </p>
                    <h3> Delivery Times </h3>
                    <p> Records are usually available for pickup within a week. We order in bulk, which often means express, insured shipping to Melbourne. </p>
                </section>
            </div>
            <section class='contact'>
                <h2>Contact</h2>
                <p><a href='mailto:ntr@mnml.gg?subject=Mates%20Crates%20Enquiry'>Email</a></p>
                <p><a href='https://discord.gg/QfjY8WNQyx'>Discord</a></p>
            </section>
        </div>
    );
};

export default Info;