Benjamin Gustafsson Porfolio

import * as React from "react"

export default function LetterboxdFeed() {
    const items = [
        {
            title: "Test Movie",
            pubDate: "2026-03-31",
            link: "https://letterboxd.com",
            thumbnail: "https://a.ltrbxd.com/resized/film-poster/1/4/8/1/9/4/8/1481948-the-patron-2026-0-600-0-900-crop.jpg?v=d82666d947",
        },
    ]

    return (
        <div style={{ padding: 20 }}>
            {items.map((item, index) => (
                <a
                    key={index}
                    href={item.link}
                    style={{
                        display: "block",
                        textDecoration: "none",
                        color: "black",
                        border: "1px solid #ddd",
                        borderRadius: 12,
                        overflow: "hidden",
                        maxWidth: 220,
                    }}
                >
                    <img src={item.thumbnail} alt={item.title} style={{ width: "100%" }} />
                    <div style={{ padding: 12 }}>
                        <div>{item.title}</div>
                        <div>{item.pubDate}</div>
                    </div>
                </a>
            ))}
        </div>
    )
}

import * as React from "react"

export default function TestBox() {
    return (
        <div
            style={{
                width: "100%",
                height: "100%",
                minHeight: 200,
                background: "yellow",
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                fontSize: 24,
            }}
        >
            Hello from Framer
        </div>
    )
}

import * as React from "react" export default function TestBox() { return (

Hello from Framer

) }