diff --git a/apps/astro/src/components/ui/button/button.module.scss b/apps/astro/src/components/ui/cta/cta.module.scss
similarity index 100%
rename from apps/astro/src/components/ui/button/button.module.scss
rename to apps/astro/src/components/ui/cta/cta.module.scss
diff --git a/apps/astro/src/components/ui/button/button.tsx b/apps/astro/src/components/ui/cta/cta.tsx
similarity index 95%
rename from apps/astro/src/components/ui/button/button.tsx
rename to apps/astro/src/components/ui/cta/cta.tsx
index 5a4e896..62054c9 100644
--- a/apps/astro/src/components/ui/button/button.tsx
+++ b/apps/astro/src/components/ui/cta/cta.tsx
@@ -1,5 +1,5 @@
 import type { ImageDataProps } from '../image';
-import styles from './button.module.scss'
+import styles from './cta.module.scss'
 
 export type Props = React.HTMLAttributes<HTMLAnchorElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
   text?: string | React.ReactNode
diff --git a/apps/astro/src/components/ui/button/index.astro b/apps/astro/src/components/ui/cta/index.astro
similarity index 93%
rename from apps/astro/src/components/ui/button/index.astro
rename to apps/astro/src/components/ui/cta/index.astro
index 652e7b6..6f60893 100644
--- a/apps/astro/src/components/ui/button/index.astro
+++ b/apps/astro/src/components/ui/cta/index.astro
@@ -1,6 +1,6 @@
 ---
 import Image from '@/components/ui/image'
-import Button, { type Props as ButtonDataProps } from './button'
+import Button, { type Props as ButtonDataProps } from './cta'
 
 type Props = ButtonDataProps
 
diff --git a/apps/astro/src/components/ui/button/index.ts b/apps/astro/src/components/ui/cta/index.ts
similarity index 85%
rename from apps/astro/src/components/ui/button/index.ts
rename to apps/astro/src/components/ui/cta/index.ts
index 950a8d8..df48b2b 100644
--- a/apps/astro/src/components/ui/button/index.ts
+++ b/apps/astro/src/components/ui/cta/index.ts
@@ -1,6 +1,6 @@
 import { ImageDataQuery } from '../image';
 export { default } from './index.astro';
-export { type Props as ButtonDataProps } from './button';
+export { type Props as ButtonDataProps } from './cta';
 
 export const ButtonDataQuery = (name: string) => `
   ${name} {
diff --git a/apps/astro/src/pages/index.astro b/apps/astro/src/pages/index.astro
index 2565b60..e84c211 100644
--- a/apps/astro/src/pages/index.astro
+++ b/apps/astro/src/pages/index.astro
@@ -1,22 +1,8 @@
 ---
 import Layout from '@/src/layouts/Layout.astro'
 import metadataFetch from '@/utils/metadata.fetch'
-import sanityFetch from '@/utils/sanity.fetch'
-import Button, { ButtonDataQuery, type ButtonDataProps } from '@/components/ui/button'
 
 const metadata = await metadataFetch('Index_Page')
-
-type QueryProps = {
-  button: ButtonDataProps
-}
-
-const data = await sanityFetch<QueryProps>({
-  query: `
-    *[_type == "Index_Page"][0] {
-      ${ButtonDataQuery('button')}
-    }
-  `,
-})
 ---
 
 <Layout {...metadata}>
@@ -32,12 +18,6 @@ const data = await sanityFetch<QueryProps>({
     magni qui deleniti ducimus. Quam accusamus eos id fugiat soluta corrupti modi maiores ab perspiciatis? Asperiores, sunt
     aliquam rerum ipsum magnam perferendis vero sapiente id sint unde dolor adipisci repudiandae.
   </p>
-
-  <div class="cta-wrapper">
-    <Button {...data.button} />
-    <Button {...data.button} theme="secondary" />
-    <Button>Test</Button>
-  </div>
 </Layout>
 
 <style>
diff --git a/apps/sanity/schema/ui/button.tsx b/apps/sanity/schema/ui/cta.tsx
similarity index 98%
rename from apps/sanity/schema/ui/button.tsx
rename to apps/sanity/schema/ui/cta.tsx
index 0c936f8..79eca61 100644
--- a/apps/sanity/schema/ui/button.tsx
+++ b/apps/sanity/schema/ui/cta.tsx
@@ -3,8 +3,8 @@ import { Tooltip, Box, Text, } from '@sanity/ui';
 import { isValidUrl } from "../../utils/is-valid-url";
 import { InternalLinkableTypes } from "../../structure/internal-linkable-types";
 
-const name = 'button';
-const title = 'Button';
+const name = 'cta';
+const title = 'Call To Action (CTA)';
 const icon = () => '🔘';
 
 export default defineType({
diff --git a/apps/sanity/structure/schema-types.ts b/apps/sanity/structure/schema-types.ts
index 961bfc1..98c8da6 100644
--- a/apps/sanity/structure/schema-types.ts
+++ b/apps/sanity/structure/schema-types.ts
@@ -24,13 +24,13 @@ const components = [
 ];
 
 // UI Components
-import button from '../schema/ui/button';
+import cta from '../schema/ui/cta';
 import seo from '../schema/ui/seo';
 import PortableText from '../schema/ui/portable-text';
 import Heading from '../schema/ui/portable-text/Heading';
 
 const ui = [
-  button,
+  cta,
   seo,
   PortableText,
   Heading,