FAQReferral.jsx

import { Container, Row, Col } from 'react-bootstrap';
import { CardRefSteps, CardRefGifts, CardLowerPart } from './styles';
import Link from 'next/link';

const FAQReferral = () => {
    return (
        <Container>
            <Row
                style={{
                    marginTop: '5%',
                    marginBottom: '5%',
                }}
            >
                <Col>
                    <div
                        style={{
                            textAlign: 'center',
                        }}
                    >
                        <h1>Freunde werben Freunde</h1>
                    </div>
                </Col>
            </Row>
            <h2>Wie funktionert Freundeswerbung auf ViTeach?</h2>
            <Row style={{ marginBottom: '35px' }}>
                <Col xs={12} lg={4}>
                    <div
                        style={{
                            display: 'flex',
                            justifyContent: 'center',
                            alignItems: 'center',
                        }}
                    >
                        <CardRefSteps>
                            <img
                                src="/assets/icons/referralpage/ref_001-screen.svg"
                                width="50%"
                                style={{ padding: '5% 5% 5% 5%' }}
                            />
                            <div
                                style={{
                                    display: 'flex',
                                    textAlign: 'center',
                                    padding: '5% 5% 5% 5%',
                                    height: '80px',
                                    alignItems: 'center',
                                }}
                            >
                                Lade Freunde über deinen persönlichen Empfehlungslink ein
                            </div>
                        </CardRefSteps>
                    </div>
                </Col>
                <Col xs={12} lg={4}>
                    <div
                        style={{
                            display: 'flex',
                            justifyContent: 'center',
                            alignItems: 'center',
                        }}
                    >
                        <CardRefSteps>
                            <img
                                src="/assets/icons/referralpage/ref_002-interactive.svg"
                                width="50%"
                                style={{ padding: '5% 5% 5% 5%' }}
                            />
                            <div
                                style={{
                                    display: 'flex',
                                    textAlign: 'center',
                                    padding: '5% 5% 5% 5%',
                                    height: '80px',
                                    alignItems: 'center',
                                }}
                            >
                                Deine Freunde lösen 5 Übungsaufgaben auf ViTeach
                            </div>
                        </CardRefSteps>
                    </div>
                </Col>
                <Col xs={12} lg={4}>
                    <div
                        style={{
                            display: 'flex',
                            justifyContent: 'center',
                            alignItems: 'center',
                        }}
                    >
                        {' '}
                        <CardRefSteps>
                            <img
                                src="/assets/icons/referralpage/ref_003-achievement.svg"
                                width="50%"
                                style={{ padding: '5% 5% 5% 5%' }}
                            />
                            <div
                                style={{
                                    display: 'flex',
                                    textAlign: 'center',
                                    padding: '5% 5% 5% 5%',
                                    height: '80px',
                                    alignItems: 'center',
                                }}
                            >
                                Du freust Dich über tolle Geschenke
                            </div>
                        </CardRefSteps>
                    </div>
                </Col>
            </Row>
            <h2>Welche Geschenke stehen für Dich zur Auswahl?</h2>
            <p>
                Dir stehen viele Geschenke von tollen Marken zur Auswahl - oft auch in verschiedenen Designs. Je nachdem
                wieviele Freunde Du erfolgreich geworben hast, kannst Du dir tolle Geschenke aussuchen.
            </p>
            <Row style={{ marginBottom: '35px' }}>
                <Col xs={12} lg={4}>
                    <div
                        style={{
                            display: 'flex',
                            justifyContent: 'center',
                            alignItems: 'center',
                        }}
                    >
                        <CardRefGifts>
                            <img
                                src="/assets/icons/referralpage/ms10_16_9.jpg"
                                width="100%"
                                style={{ padding: '5% 5% 5% 5%' }}
                            />
                            <CardLowerPart>
                                <div
                                    style={{
                                        height: '60px',
                                        display: 'flex',
                                        flexDirection: 'column',
                                        alignItems: 'center',
                                    }}
                                >
                                    <h3>5 Freunde</h3>
                                </div>
                                <div
                                    style={{
                                        height: '135px',
                                        display: 'flex',
                                        flexDirection: 'column',
                                        alignItems: 'center',
                                        justifyContent: 'center',
                                    }}
                                >
                                    <p>
                                        <b>
                                            <Link href="https://www.haefft-verlag.de/schule/schuelerkalender/schuelertimer/">
                                                <a target="_blank" rel="noreferrer">
                                                    A5-Schülertimer für 2020/2021
                                                </a>
                                            </Link>
                                        </b>
                                    </p>
                                    <p>oder</p>
                                    <p>
                                        {' '}
                                        <b>5 Euro Starbucks Card</b>.
                                    </p>
                                </div>
                            </CardLowerPart>
                        </CardRefGifts>
                    </div>
                </Col>
                <Col xs={12} lg={4}>
                    <div
                        style={{
                            display: 'flex',
                            justifyContent: 'center',
                            alignItems: 'center',
                        }}
                    >
                        <CardRefGifts>
                            <img
                                src="/assets/icons/referralpage/ms20_16_9.jpg"
                                width="100%"
                                style={{ padding: '5% 5% 5% 5%' }}
                            />
                            <CardLowerPart>
                                <div
                                    style={{
                                        height: '60px',
                                        display: 'flex',
                                        flexDirection: 'column',
                                        alignItems: 'center',
                                    }}
                                >
                                    <h3>15 Freunde</h3>
                                </div>
                                <div
                                    style={{
                                        height: '135px',
                                        display: 'flex',
                                        flexDirection: 'column',
                                        alignItems: 'center',
                                        justifyContent: 'center',
                                    }}
                                >
                                    <p>
                                        <b>
                                            <Link href="https://herschelsupply.de/shop/pouches/settlement-case">
                                                <a target="_blank" rel="noreferrer">
                                                    Herschel Federmäppchen
                                                </a>
                                            </Link>
                                        </b>
                                    </p>
                                    <p>oder</p>
                                    <p>
                                        <b>T&G Bluetooth Lautsprecher</b>.
                                    </p>
                                </div>
                            </CardLowerPart>
                        </CardRefGifts>
                    </div>
                </Col>
                <Col xs={12} lg={4}>
                    <div
                        style={{
                            display: 'flex',
                            justifyContent: 'center',
                            alignItems: 'center',
                        }}
                    >
                        <CardRefGifts>
                            <img
                                src="/assets/icons/referralpage/ms30_16_9.jpg"
                                width="100%"
                                style={{ padding: '5% 5% 5% 5%' }}
                            />
                            <CardLowerPart>
                                <div
                                    style={{
                                        height: '60px',
                                        display: 'flex',
                                        flexDirection: 'column',
                                        alignItems: 'center',
                                    }}
                                >
                                    <h3>30 Freunde</h3>
                                </div>
                                <div
                                    style={{
                                        height: '135px',
                                        display: 'flex',
                                        flexDirection: 'column',
                                        alignItems: 'center',
                                        justifyContent: 'center',
                                    }}
                                >
                                    <p>
                                        <b>50-Euro Gutschein für Amazon, iTunes, Google Play, Netflix oder Zalando</b>
                                    </p>
                                </div>
                            </CardLowerPart>
                        </CardRefGifts>
                    </div>
                </Col>
            </Row>
            <h2>Gibt es irgendwelche versteckten Kosten?</h2>
            <p>
                Nein. Da ViTeach eine ganz neue Plattform ist, wollen wir hiermit den Bekanntheitsgrad steigern, und
                freuen uns über jeden einzelnen Nutzer. Wir sind überzeugt davon, dass euch die Qualität unserer Inhalte
                auch ohne Geschenke total überzeugen würde. Wir wollen euch dennoch zeigen, dass ihr in unserem
                absoluten Mittelpunkt steht.
            </p>
            <h2>Wo findest Du deinen persönlichen Empfehlungslink?</h2>
            <p>
                Logge dich ein und gehe auf deine Profilseite. Hier findest du ganz oben verschiedene Möglichkeiten, um
                deinen persönlichen Empfehlungslink einfach direkt an deine Freunde zu schicken (z.B. über WhatsApp). Du
                kannst deinen Link allerdings auch kopieren, und ihn manuell versenden.
            </p>
            <h2>Wie erhältst Du deine Geschenke?</h2>
            <p>
                Immer wenn du die Stufe für das nächste Geschenk erreicht hast, schicken wir dir automatisch eine Mail
                und gratulieren Dir zu deinem Geschenk. Wir fragen dich noch, welches Geschenk du gerne hättest, sowie
                nach deiner aktuellen Postanschrift, damit dich dein Geschenk auch sicher erreicht. Sobald du uns
                geantwortet hast, kümmern wir uns um den Rest und dein Geschenk wird wenige Tage später bei dir sein.
                Viel Spaß damit!
            </p>
            <h2>Wie lange läuft unsere Aktion?</h2>
            <p>
                Unsere aktuelle Aktion läuft bis zum 31. August 2020, 23:59 Uhr MEZ, oder sobald sich die ersten 1.000
                Nutzer auf ViTeach angemeldet haben - je nachdem welches Ereignis früher erreicht wird. Natürlich wird
                es in der Zukunft weitere tolle Aktionen geben, bei denen ihr tolle Geschenke für das Werben von Freunde
                oder für andere Dinge erhalten könnt. Tragt euch hierfür in unseren Newsletter ein, damit ihr euch
                rechtzeitig darauf freuen könnt.
            </p>
            <h2>Wer darf an unserer Aktion teilnehmen?</h2>
            <p>
                Teilnehmen darf jeder; egal ob ihr Schüler seid, oder schon mit der Schule fertig seid, und einfach nur
                unsere Plattform toll findet. Erfolgreich geworben werden können alle Schüler, die in Deutschland,
                Österreich und der Schweiz auf eine weiterführende Schule (z.B. Gymnasium, Realschule, Hauptschule, aber
                auch andere Schulen) gehen. Auch erwachsene Personen, die über den zweiten Bildungsweg einen
                Schulabschluss anstreben, können natürlich erfolgreich geworben werden.
            </p>
            <p>
                Wir behalten uns zudem das Recht vor geworbene Nutzer zu kontaktieren, um sicherzustellen, dass die
                Teilnahmebedinungen eingehalten wurden.{' '}
            </p>
        </Container>
    );
};

export default FAQReferral;