From 88e90fccbd51ab0e793883eeb504d44212e2b303 Mon Sep 17 00:00:00 2001
From: widgeter <onwidget.developer@gmail.com>
Date: Fri, 4 Aug 2023 19:22:44 +0200
Subject: [PATCH 1/2] Fix CallToaction style in dark mode

---
 src/components/widgets/CallToAction.astro | 8 ++++++--
 src/pages/landing/startup.astro           | 1 +
 src/types.d.ts                            | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
index adc8aab..396fdd4 100644
--- a/src/components/widgets/CallToAction.astro
+++ b/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',
       }}
     />
     {
diff --git a/src/pages/landing/startup.astro b/src/pages/landing/startup.astro
index 7b7595c..df1c80e 100644
--- a/src/pages/landing/startup.astro
+++ b/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',
diff --git a/src/types.d.ts b/src/types.d.ts
index b4145a3..963d00b 100644
--- a/src/types.d.ts
+++ b/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;

From 4b34c346a740b173947f868c3df44adf6e592481 Mon Sep 17 00:00:00 2001
From: widgeter <onwidget.developer@gmail.com>
Date: Fri, 4 Aug 2023 19:54:29 +0200
Subject: [PATCH 2/2] Add a Features3 widget

---
 src/components/widgets/Features3.astro | 40 ++++++++++++++++++++
 src/pages/landing/startup.astro        | 51 ++++++++++++++++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 src/components/widgets/Features3.astro

diff --git a/src/components/widgets/Features3.astro b/src/components/widgets/Features3.astro
new file mode 100644
index 0000000..843652f
--- /dev/null
+++ b/src/components/widgets/Features3.astro
@@ -0,0 +1,40 @@
+---
+import Headline from '~/components/ui/Headline.astro';
+import ItemGrid from '~/components/ui/ItemGrid.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
+import type { Features } from '~/types';
+
+const {
+  title = await Astro.slots.render('title'),
+  subtitle = await Astro.slots.render('subtitle'),
+  tagline = await Astro.slots.render('tagline'),
+  image,
+  items = [],
+  columns,
+
+  id,
+  isDark = false,
+  classes = {},
+  bg = await Astro.slots.render('bg'),
+} = Astro.props as Features;
+---
+
+<WidgetWrapper id={id} isDark={isDark} containerClass={classes?.container} bg={bg}>
+  <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline} />
+
+  <div class="aspect-w-16 aspect-h-7">
+    {image && image.src && <img src={image.src} alt={image.alt || ''} class="w-full h-80 object-cover rounded-xl" />}
+  </div>
+
+  <ItemGrid
+    items={items}
+    columns={columns}
+    classes={{
+      container: 'mt-5 lg:mt-16',
+      panel: 'max-w-full sm:max-w-md',
+      title: 'text-lg font-semibold',
+      icon: 'flex-shrink-0 mt-1 text-primary w-6 h-6',
+      ...((classes?.items as {}) ?? {}),
+    }}
+  />
+</WidgetWrapper>
diff --git a/src/pages/landing/startup.astro b/src/pages/landing/startup.astro
index df1c80e..c7d032d 100644
--- a/src/pages/landing/startup.astro
+++ b/src/pages/landing/startup.astro
@@ -9,6 +9,7 @@ import { headerData } from '~/navigation';
 import Features2 from '~/components/widgets/Features2.astro';
 import Features from '~/components/widgets/Features.astro';
 import Stats from '~/components/widgets/Stats.astro';
+import Features3 from '~/components/widgets/Features3.astro';
 
 const metadata = {
   title: 'Startup Landing Page',
@@ -157,4 +158,54 @@ const metadata = {
       waste more time! :P
     </Fragment>
   </CallToAction>
+
+  <!-- Features3 Widget ************** -->
+
+  <Features3
+    title="Let us know how we can help"
+    subtitle="We’re here to help and answer any question you might have."
+    columns={4}
+    items={[
+      {
+        title: 'Phone',
+        icon: 'tabler:phone',
+        callToAction: {
+          targetBlank: true,
+          text: 'Call us',
+          href: '/',
+        },
+      },
+      {
+        title: 'Email',
+        icon: 'tabler:mail',
+        callToAction: {
+          targetBlank: true,
+          text: 'Write to us',
+          href: '/',
+        },
+      },
+      {
+        title: 'Chat with sales',
+        icon: 'tabler:message-circle',
+        callToAction: {
+          targetBlank: true,
+          text: 'Start chatting',
+          href: '/',
+        },
+      },
+      {
+        title: 'Chat with support',
+        icon: 'tabler:message-circle',
+        callToAction: {
+          targetBlank: true,
+          text: 'Start chatting',
+          href: '/',
+        },
+      },
+    ]}
+  >
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Features3>
 </Layout>