Fix CallToaction style in dark mode

src/components/widgets/CallToAction.astro

@@ -25,13 +25,17 @@ const {
 ---
 
 <WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-6xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
-  <div class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl">
+  <div
+    class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-600"
+  >
     <Headline
       title={title}
       subtitle={subtitle}
       tagline={tagline}
       classes={{
-        container: 'mb-0 md:mb-0 dark:shadow-none dark:border dark:border-slate-600',
+        container: 'mb-0 md:mb-0',
+        title: 'text-4xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading',
+        subtitle: 'text-xl text-muted dark:text-slate-400',
       }}
     />
     {

src/pages/landing/startup.astro

@@ -142,6 +142,7 @@ const metadata = {
 
   <CallToAction
     callToAction={{
+      targetBlank: true,
       text: 'Get template',
       href: 'https://github.com/onwidget/astrowind',
       icon: 'tabler:download',

src/types.d.ts

@@ -154,7 +154,7 @@ export interface Testimonial {
 
 // COMPONENTS
 export interface CallToAction {
-  targetBlank: boolean;
+  targetBlank?: boolean;
   text?: string;
   icon?: string;
   href?: string;