# Defaults: CopySection to CtaStripSection (/themes/sdk/reference/sections/defaults-3)

```ts
import { … } from '@poltura/theme-sdk/sections';
```

## `CopySection` [#copysection]

The platform's Copy block section: centered brand message.

```ts
CopySection(props: ElementRenderProps<PlatformSectionSettings<'copy'>>): ReactNode
```

**Props:** [`ElementRenderProps`](/themes/sdk/reference/elements/types-2#elementrenderprops)

<Tab value='Example'>

```tsx
import { overrideSection } from '@poltura/theme-sdk/elements';
import { CopySection } from '@poltura/theme-sdk/sections';

export const framed = overrideSection('copy', (props) => (
  <div className="theme-frame">
    <CopySection {...props} />
  </div>
));
```

</Tab>
<Tab value='Source'>

```tsx title="source/copy-section.tsx"
import type { ReactElement } from 'react';
import type { ElementRenderProps, PlatformSectionSettings } from '@poltura/theme-sdk/elements';

export function CopySection({
  settings,
}: ElementRenderProps<PlatformSectionSettings<'copy'>>): ReactElement {
  const title = settings.title ?? '';
  return (
    <section className='border-t border-border/60 py-14'>
      <div className='theme-container'>
        {title ? (
          <h2 className='theme-section-centered mb-2 text-center text-2xl font-semibold tracking-tight text-foreground md:text-3xl'>
            {title}
          </h2>
        ) : null}
        <div className='theme-section-centered theme-prose mx-auto text-center'>
          <p>{settings.body ?? ''}</p>
          {(settings.show_brand_note ?? true) ? (
            <p className='mt-4 text-sm text-muted-foreground'>{settings.brand_note ?? ''}</p>
          ) : null}
        </div>
      </div>
    </section>
  );
}
```

</Tab>


**See also:** [`overrideSection`](/themes/sdk/reference/elements/functions#overridesection)

## `CtaStripSection` [#ctastripsection]

The platform's Call to action section: heading, body, and button.

```ts
CtaStripSection(props: ElementRenderProps<PlatformSectionSettings<'cta-strip'>>): ReactNode
```

**Props:** [`ElementRenderProps`](/themes/sdk/reference/elements/types-2#elementrenderprops)

<Tab value='Example'>

```tsx
import { overrideSection } from '@poltura/theme-sdk/elements';
import { CtaStripSection } from '@poltura/theme-sdk/sections';

export const framed = overrideSection('cta-strip', (props) => (
  <div className="theme-frame">
    <CtaStripSection {...props} />
  </div>
));
```

</Tab>
<Tab value='Source'>

```tsx title="source/cta-strip-section.tsx"
import type { ReactElement } from 'react';
import {
  Slot,
  useChildBlocks,
  type ElementRenderProps,
  type PlatformSectionSettings,
} from '@poltura/theme-sdk/elements';
import { useIsEditing } from '@poltura/theme-sdk/editor';

export function CtaStripSection(
  _props: ElementRenderProps<PlatformSectionSettings<'cta-strip'>>,
): ReactElement | null {
  const editing = useIsEditing();
  if (useChildBlocks().length === 0 && !editing) return null;
  return (
    <section className='border-t border-border/60 py-8 sm:py-12'>
      <Slot className='theme-section-centered theme-container flex flex-col items-center gap-3 text-center sm:gap-4' />
    </section>
  );
}
```

</Tab>


**See also:** [`overrideSection`](/themes/sdk/reference/elements/functions#overridesection)