import Head from 'next/head';
import styles from '../styles/Showcase.module.css';

export default function Showcase() {
    return (
        <div className={"page " + styles.showcase}>
            <Head>
                <title>{process.env.NEXT_PUBLIC_NAME} | Showcase</title>
            </Head>

            <section className="container">
                <article className="content">
                    <section>
                        <h2>⭐ Highlighted clients</h2>
                        <h5>{`
                            Take a look at some of our happy past clients and the projects we made for them.
                            Websites made before 2021 listed here were made before DubbelNull was founded by our Webdeveloper Pascal.
                        `}</h5>
                    </section>

                    <section className={styles.showcaseClient}>
                        <div>
                            <h3>🏘️ Larum Nidis</h3>
                            <p>{`
                                This site was built with Wordpress in 2019 for a Dutch client.
                                It is designed to mostly be a one-pager design, but can be extended to have more pages with ease.
                            `}</p>
                        </div>
                        <div>
                            <img src="/img/larumnidis.png" />
                        </div>
                    </section>

                    <section className={styles.showcaseClient}>
                        <div>
                            <h3>⛪ Life Centre Livingston</h3>
                            <p>{`
                                This site was made in 2018 with Wordpress for a local church and has many features like galleries, calendar,
                                blogging and file uploads.
                            `}</p>
                        </div>
                        <div>
                            <img src="/img/lifecentrelivingston.png" />
                        </div>
                    </section>

                    <section className={styles.showcaseClient}>
                        <div>
                            <h3>🐄 Breehoef</h3>
                            <p>{`
                                A Dutch care farm contacted us in 2019 to update their website's content.
                                Along the way we ended up rebuilding the site with HTML5 to keep supporting new browsers while
                                retaining the old-school feeling that they loved and wanted to keep.
                            `}</p>
                        </div>
                        <div>
                            <img src="/img/breehoef.jpg" />
                        </div>
                    </section>

                    {/* <hr/>

                    <section>
                        <h2>🏗️ Other experiences and projects</h2>
                        <h5>{`
                            In our every day lives we come across shortcomings or needs in technology, and sometimes we create our own solutions for them.
                            Sometimes we believe that these solutions could help more people and decide to release them publicly so that anyone can use them.
                            These applications also help us further showcase our quality and abilities to potential clients.
                            They are not ready for use yet, but you can still read more about them below.
                        `}</h5>

                        {`Maker, Picto Designer, Flame, The Moonlit Den, UNIVERSE`}
                    </section> */}
                </article>
            </section>
        </div>
    )
}