import React from "react";
import img from "../../images/F23.prince.learning.turquoise.jpg";
import {
    HeroCitationBlock,
    HeroCitationTitle,
    HeroColumn1,
    HeroColumn2,
    HeroContainer,
    HeroContent,
    HeroDownloadsImg,
    HeroFollowBlock,
    HeroImgWrap,
    HeroLink,
    HeroNewsBlock,
    HeroNewsItem,
    HeroNewsItemContent,
    HeroNewsItemDate,
    HeroNewsTitle,
    HeroRow,
    Img,
    UDLLink,
} from "./HeroElements";

const HeroSection = () => {
    const citation = `
@book{prince2023understanding,
    author = "Simon J.D. Prince",
    title = "Understanding Deep Learning",
    publisher = "The MIT Press",
    year = 2023,
    url = "http://udlbook.com"}
    `;

    return (
        <HeroContainer id="home">
            <HeroContent>
                <HeroRow>
                    <HeroColumn1>
                        <HeroNewsBlock>
                            <HeroNewsTitle>RECENT NEWS:</HeroNewsTitle>

                            <HeroNewsItem>
                                <HeroNewsItemDate>03/12/24</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    {" "}
                                    Book now available again.
                                </HeroNewsItemContent>
                            </HeroNewsItem>

                            <HeroNewsItem>
                                <HeroNewsItemDate>02/21/24</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    New blog about the{" "}
                                    <UDLLink href="https://www.borealisai.com/research-blogs/the-neural-tangent-kernel/">
                                        Neural Tangent Kernel.
                                    </UDLLink>
                                </HeroNewsItemContent>
                            </HeroNewsItem>
                            <HeroNewsItem>
                                <HeroNewsItemDate>02/15/24</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    {" "}
                                    First printing of book has sold out in most places. Second
                                    printing available mid-March.
                                </HeroNewsItemContent>
                            </HeroNewsItem>

                            <HeroNewsItem>
                                <HeroNewsItemDate>01/29/24</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    {" "}
                                    New blog about{" "}
                                    <UDLLink href="https://www.borealisai.com/research-blogs/gradient-flow/">
                                        {" "}
                                        gradient flow{" "}
                                    </UDLLink>{" "}
                                    published.
                                </HeroNewsItemContent>
                            </HeroNewsItem>

                            <HeroNewsItem>
                                <HeroNewsItemDate>12/26/23</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    {" "}
                                    Machine Learning Street Talk{" "}
                                    <UDLLink href="https://www.youtube.com/watch?v=sJXn4Cl4oww">
                                        {" "}
                                        podcast{" "}
                                    </UDLLink>{" "}
                                    discussing book.
                                </HeroNewsItemContent>
                            </HeroNewsItem>

                            <HeroNewsItem>
                                <HeroNewsItemDate>12/19/23</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    Deeper Insights{" "}
                                    <UDLLink href="https://podcasts.apple.com/us/podcast/understanding-deep-learning-with-simon-prince/id1669436318?i=1000638269385">
                                        podcast
                                    </UDLLink>{" "}
                                    discussing book.
                                </HeroNewsItemContent>
                            </HeroNewsItem>

                            <HeroNewsItem>
                                <HeroNewsItemDate>12/06/23</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    {" "}
                                    I did an{" "}
                                    <UDLLink href="https://www.borealisai.com/news/understanding-deep-learning/">
                                        interview
                                    </UDLLink>{" "}
                                    discussing the book with Borealis AI.
                                </HeroNewsItemContent>
                            </HeroNewsItem>

                            <HeroNewsItem>
                                <HeroNewsItemDate>12/05/23</HeroNewsItemDate>
                                <HeroNewsItemContent>
                                    {" "}
                                    Book released by{" "}
                                    <UDLLink href="https://mitpress.mit.edu/9780262048644/understanding-deep-learning/">
                                        The MIT Press
                                    </UDLLink>
                                    .
                                </HeroNewsItemContent>
                            </HeroNewsItem>
                        </HeroNewsBlock>
                        <HeroCitationTitle>CITATION:</HeroCitationTitle>
                        <HeroCitationBlock>
                            <pre>
                                <code>
                                    <React.Fragment>{citation}</React.Fragment>
                                </code>
                            </pre>
                        </HeroCitationBlock>
                        <HeroFollowBlock>
                            Follow me on{" "}
                            <UDLLink href="https://twitter.com/SimonPrinceAI">Twitter</UDLLink> or{" "}
                            <UDLLink href="https://www.linkedin.com/in/simon-prince-615bb9165/">
                                LinkedIn
                            </UDLLink>{" "}
                            for updates.
                        </HeroFollowBlock>
                    </HeroColumn1>
                    <HeroColumn2>
                        <HeroImgWrap>
                            <Img src={img} alt="book cover" />
                        </HeroImgWrap>
                        <HeroLink href="https://github.com/udlbook/udlbook/releases/download/v2.05/UnderstandingDeepLearning_04_18_24_C.pdf">
                            Download full pdf (18 Apr 2024)
                        </HeroLink>
                        <HeroDownloadsImg
                            src="https://img.shields.io/github/downloads/udlbook/udlbook/total"
                            alt="download stats shield"
                        />
                        <HeroLink href="https://mitpress.mit.edu/9780262048644/understanding-deep-learning/">
                            Buy the book
                        </HeroLink>
                        <HeroLink href="https://github.com/udlbook/udlbook/raw/main/UDL_Answer_Booklet_Students.pdf">
                            Answers to selected questions
                        </HeroLink>
                        <HeroLink href="https://github.com/udlbook/udlbook/raw/main/UDL_Errata.pdf">
                            Errata
                        </HeroLink>
                    </HeroColumn2>
                </HeroRow>
            </HeroContent>
        </HeroContainer>
    );
};

export default HeroSection;