--- a/product-card.framerfx/code/Card.tsx
+++ b/product-card.framerfx/code/Card.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { Frame, useCycle, Stack } from 'framer'
 import { url } from 'framer/resource'

-export function Card() {
+export function Card(props) {
   return (
     <Stack
       gap={0}
@@ -29,7 +29,7 @@ export function Card() {
             fontWeight: '900',
           }}
         >
-          BBottle
+          {props.name}
         </span>
         <span
           style={{
@@ -41,9 +41,14 @@ export function Card() {
             left: '0px',
           }}
         >
-          $99.99
+          {props.price}
         </span>
       </Frame>
     </Stack>
   )
 }
+
+Card.defaultProps = {
+  name: 'My Card',
+  price: '$89.99',
+}