Reshaped Card

import { Image, Reshaped, View } from "reshaped/bundle";
import Card from "@/components/ui/reshaped-card";

export default function Demo() {
  return (
    <Reshaped theme="slate">
      <div style={{ maxWidth: 520, width: "100%", margin: "0 auto", padding: 24 }}>
        <View width="50%">
          <Card padding={0}>
            <View aspectRatio={16 / 9}>
              <Image src="https://www.reshaped.so/img/examples/image-retina.webp" />
            </View>
            <View padding={4}>
              Located in a quiet street in hip and happening Amsterdam East near
              the Beukenplein and Oosterpark.
            </View>
          </Card>
        </View>
      </div>
    </Reshaped>
  );
}