Value of Builder.io Slides

LandingPage.builder.tsx

export function LandingPage() {
  return (
    <>
      <div class="hero">
        <img src="./hero.jpg"/>
        <span>10% SALE</span>
      </div>
      <ProductCard sku="MB002"/>
    </>
  );
}

LandingPage.cms.tsx

export function LandingPage() {
  return (
    <>
      <div class="hero">
        <img src="./hero.jpg"/>
        <span>{cms.hero.text}</span>
      </div>
      {cms.featuredSkus.map((sku) => <ProductCard sku={sku}/>)}
    </>
  );
}

LandingPage.tsx

import {BuilderComponent, regiterComponent} from '@builder.io/sdk-react';

export function LandingPage() {
  return (
    <>
      <BuilderContent/>
    </>
  );
}

registerComponent(ProductCard)