Building pages with Titan Core components
Theme Usage

Titan Core Components
Titan Core components are a set of components that are used to build pages. They are a collection of components that are used to build pages.
List of Titan Core Page Components
- components/sections/Faqs.astro
- components/sections/CtaBanner.astro
- components/sections/Logos.astro
- components/sections/SplitPanel.astro
- components/sections/Stats.astro
How to use Titan Core components
To use a Titan Core component, you need to import the component into your page.
---
import { SplitPanel } from "@titan-core/components";
---
After importing the component, create a new const
object that contains the data for the component.
const aboutSection = {
eyebrow: "About",
headline: "About Titan Core",
subheadline: "We are a team of developers who are passionate about building amazing websites with ease.",
description: "Our platform is designed to help developers and agencies build amazing websites with ease. Packed with features and optimized for performance.",
image: {
src: "/home/about.jpg",
alt: "Featured image"
},
buttons: [
{
text: "Get Started",
link: "/contact",
variant: "primary" as const
},
{
text: "Learn More",
link: "/about",
variant: "secondary" as const
}
]
}
When this is created we can then add this within the <Layout>
component.
<Layout>
<SplitPanel content={aboutSection} imagePosition="right" background="light" padding="base" />
</Layout>