<commit_before>import React, { Component } from 'react';
import { Grid, Row, Col } from 'react-bootstrap';
import posed from 'react-pose';

import DeVry from '../Images/Sponsors/devry.png';
import Google from '../Images/Sponsors/google.png';
import Heroku from '../Images/Sponsors/heroku.png';
import Asi from '../Images/Sponsors/asi.png';
import CECS from '../Images/Sponsors/cecs.png';
import Wolfram from '../Images/Sponsors/wolfram.png';
import Facebook from '../Images/facebooklogo.png';
import Instagram from '../Images/instagramlogo.png';

export default class Sponsors extends Component {

    render() {
        return (
            <div id='sponsors'>

                <Grid>
                    <h1 className="sponsor-header">SPONSORS</h1>
                    <p className="sponsor-body">If you wish to sponsor our event, email us at <a className="futura" href="mailto:<EMAIL>"><EMAIL></a></p>
                    <Row>
                        <Col xs={12} md={12}>
                            <Sponsor>
                                <img className="sponsor" src={Google} alt="google" />
                            </Sponsor>
                        </Col>
                    </Row>
                    <Row>
                        <Col xs={12} md={4}>
                            <Sponsor>
                                <img className="sponsor" src={Heroku} alt="heroku" />
                            </Sponsor>
                        </Col>
                        <Col xs={12} md={4}>
                            <Sponsor>
                                <img className="sponsor" src={Wolfram} alt="wolfram alpha" />
                            </Sponsor>
                        </Col>
                        <Col xs={12} md={4}>
                            <Sponsor>
                                <img className="sponsor" src={DeVry} alt="devry university" />
                            </Sponsor>
                        </Col>
                    </Row>
                    <Row>
                        <Col xs={12} md={6}>
                            <Sponsor>
                                <img className="sponsor-wide" src={Asi} alt="  asi" />
                            </Sponsor>
                        </Col>
                        <Col xs={12} md={6}>
                            <Sponsor>
                                <img className="sponsor-wide" src={CECS} alt="CECS" />
                            </Sponsor>
                        </Col>
                    </Row>
            </Grid>
            <h2 classname="socialmedia">
                <a href="https://www.facebook.com/BeachHacks/">
                <img src={Facebook} width="80" height="80" alt="BeachHacks Facebook"/></a>
                <a href="https://instagram.com/beachhackscsulb/">
                <img src={Instagram} width="80" height="80" alt="BeachHacks Instagram"/></a>
            </h2>
            <h3 className="sponsor-body footer">Made with <span role="img" alt="love">💖</span> from the 3 Musketeers of BeachHacks</h3>
            </div >
        )
    }
}

const Sponsor = posed.div({
    hoverable: true,
    init: { scale: 1, opacity: 0.5 },
    hover: { scale: 1.1, opacity: 1 },<commit_msg>Add links to sponsor images<commit_after>import React, { Component } from 'react';
import { Grid, Row, Col } from 'react-bootstrap';
import posed from 'react-pose';

import DeVry from '../Images/Sponsors/devry.png';
import Google from '../Images/Sponsors/google.png';
import Heroku from '../Images/Sponsors/heroku.png';
import Asi from '../Images/Sponsors/asi.png';
import CECS from '../Images/Sponsors/cecs.png';
import Wolfram from '../Images/Sponsors/wolfram.png';
import Facebook from '../Images/facebooklogo.png';
import Instagram from '../Images/instagramlogo.png';

export default class Sponsors extends Component {

    render() {
        return (
            <div id='sponsors'>

                <Grid>
                    <h1 className="sponsor-header">SPONSORS</h1>
                    <p className="sponsor-body">If you wish to sponsor our event, email us at <a className="futura" href="mailto:<EMAIL>"><EMAIL>@beachhacks.com</a></p>
                    <Row>
                        <Col xs={12} md={12}>
                            <Sponsor>
                                <a href="https://www.google.com/" target="_blank">
                                <img className="sponsor" src={Google} alt="google" /></a>
                            </Sponsor>
                        </Col>
                    </Row>
                    <Row>
                        <Col xs={12} md={4}>
                            <Sponsor>
                                <a href="https://www.heroku.com/" target="_blank">
                                <img className="sponsor" src={Heroku} alt="heroku" /></a>
                            </Sponsor>
                        </Col>
                        <Col xs={12} md={4}>
                            <Sponsor>
                                <a href="https://www.wolframalpha.com/" target="_blank">
                                <img className="sponsor" src={Wolfram} alt="wolfram alpha" /></a>
                            </Sponsor>
                        </Col>
                        <Col xs={12} md={4}>
                            <Sponsor>
                                <a href="https://www.devry.edu/" target="_blank">
                                <img className="sponsor" src={DeVry} alt="devry university" /></a>
                            </Sponsor>
                        </Col>
                    </Row>
                    <Row>
                        <Col xs={12} md={6}>
                            <Sponsor>
                                <a href="https://www.asicsulb.org/corporate/" target="_blank">
                                <img className="sponsor-wide" src={Asi} alt="  asi" /></a>
                            </Sponsor>
                        </Col>
                        <Col xs={12} md={6}>
                            <Sponsor>
                                <a href="https://www.csulb.edu/college-of-engineering/computer-engineering-computer-science" target="_blank">
                                <img className="sponsor-wide" src={CECS} alt="CECS" /></a>
                            </Sponsor>
                        </Col>
                    </Row>
            </Grid>
            <h2 classname="socialmedia">
                <a href="https://www.facebook.com/BeachHacks/" target="_blank">
                <img src={Facebook} width="80" height="80" alt="BeachHacks Facebook"/></a>
                <a href="https://instagram.com/beachhackscsulb/" target="_blank">
                <img src={Instagram} width="80" height="80" alt="BeachHacks Instagram"/></a>
            </h2>
            <h3 className="sponsor-body footer">Made with <span role="img" alt="love">💖</span> from the 3 Musketeers of BeachHacks</h3>
            </div >
        )
    }
}

const Sponsor = posed.div({
    hoverable: true,
    init: { scale: 1, opacity: 0.5 },
    hover: { scale: 1.1, opacity: 1 },
{'fraction_non_alphanumeric': 0.14088669950738916, 'fraction_numerical': 0.011259676284306826, 'mean_word_length': 1.2020452432599937, 'pattern_counts': {'":': 0, '<': 135, '<?xml version=': 0, '>': 135, 'https://': 10, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7219957', 'n_tokens_mistral': 2055, 'n_tokens_neox': 1889, 'n_words': 414}