diff --git a/app/routes/_marketing+/index.tsx b/app/routes/_marketing+/index.tsx index e9959f7..6460760 100644 --- a/app/routes/_marketing+/index.tsx +++ b/app/routes/_marketing+/index.tsx @@ -3,8 +3,35 @@ import { horseMountains, ohack } from './logos/logos.ts' import { Link } from '@remix-run/react' import { Button } from '~/components/ui/button.tsx' import { useOptionalUser } from '~/utils/user.ts' +// Get siteName from data.ts +import { siteName } from '~/data.ts' +export const meta: V2_MetaFunction = () => { + + return [ + { + title: siteName, + }, + { + property: "og:title", + content: siteName, + }, + { + name: "description", + content: `Welcome to ${siteName}, the premier equestrian training facility.`, + }, + { + name: "og:description", + content: `Welcome to ${siteName}, the premier equestrian training facility.`, + }, + { + name: "og:image", + content: "/img/calendar-icon-with-horse-at-grand-canyon-using-arizona-flag-colors.jpeg", + }, + ]; +}; + export default function Index() { const user = useOptionalUser() return ( @@ -78,28 +105,3 @@ export default function Index() { ) } -export const meta: MetaFunction = () => { - const siteName = "Trot Track"; - - return [ - { - title: siteName, - }, - { - property: "og:title", - content: siteName, - }, - { - name: "description", - content: `Welcome to ${siteName}, the premier equestrian training facility.`, - }, - { - name: "og:description", - content: `Welcome to ${siteName}, the premier equestrian training facility.`, - }, - { - name: "og:image", - content: "/img/calendar-icon-with-horse-at-grand-canyon-using-arizona-flag-colors.jpeg", - }, - ]; -}; \ No newline at end of file