chore: update content

src/components/common/BasicScripts.astro

@@ -7,6 +7,7 @@ import { UI } from 'astrowind:config';
     return;
   }
 
+  const mToHref = 'mail' + 'to:su' + 'pp' + 'ort' + '@s' + 'turm' + 'frei.' + 'com.au';
   window.basic_script = true;
 
   function applyTheme(theme) {
@@ -138,7 +139,10 @@ import { UI } from 'astrowind:config';
         ticking = true;
       }
     });
+
+    document.getElementById('sf-mailto-link')?.setAttribute('href', mToHref);
   };
+
   const onPageShow = function () {
     document.documentElement.classList.add('motion-safe:scroll-smooth');
     const elem = document.querySelector('[data-aw-toggle-menu]');

src/components/common/ToggleTheme.astro

@@ -1,27 +1,32 @@
 ---
 import { Icon } from 'astro-icon/components';
+import { twMerge } from 'tailwind-merge';
 
 import { UI } from 'astrowind:config';
 
 export interface Props {
   label?: string;
-  class?: string;
+  className?: string;
   iconClass?: string;
   iconName?: string;
 }
 
 const {
+  className = '',
   label = 'Toggle between Dark and Light mode',
-  class:
-    className = 'text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center',
-  iconClass = 'w-6 h-6',
+  iconClass = 'w-6 h-6 md:w-5 md:h-5 md:inline-block',
   iconName = 'tabler:sun',
 } = Astro.props;
 ---
 
 {
   !(UI.theme && UI.theme.endsWith(':only')) && (
-    <button type="button" class={className} aria-label={label} data-aw-toggle-color-scheme>
+    <button
+      type="button"
+      class={`${twMerge('text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center', className)}`}
+      aria-label={label}
+      data-aw-toggle-color-scheme
+    >
       <Icon name={iconName} class={iconClass} />
     </button>
   )

src/components/widgets/Header.astro

@@ -1,5 +1,6 @@
 ---
 import { Icon } from 'astro-icon/components';
+
 import Logo from '~/components/Logo.astro';
 import ToggleTheme from '~/components/common/ToggleTheme.astro';
 import ToggleMenu from '~/components/common/ToggleMenu.astro';
@@ -152,7 +153,14 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
               </a>
             )
           }
-          {showToggleTheme && <ToggleTheme iconClass="w-6 h-6 md:w-5 md:h-5 md:inline-block" />}
+          {
+            showToggleTheme && (
+              <>
+                <ToggleTheme className="hidden dark:block" />
+                <ToggleTheme className="dark:hidden" iconName="tabler:moon" />
+              </>
+            )
+          }
         </div>
         {
           actions?.length ? (

src/navigation.js

@@ -6,8 +6,8 @@ export const headerData = {
       text: 'Apps',
       links: [
         {
-          text: 'Free Shipping Bar - Shopify',
-          href: '#'
+          text: 'Free Shipping Banner - Shopify',
+          href: getPermalink('/apps/free-shipping-banner'),
         },
       ],
     },

src/pages/about.astro

@@ -7,14 +7,14 @@ import Steps2 from '~/components/widgets/Steps2.astro';
 import Layout from '~/layouts/PageLayout.astro';
 
 const metadata = {
-  title: 'About us',
+  title: 'About Us',
 };
 ---
 
 <Layout metadata={metadata}>
   <!-- Hero Widget ******************* -->
   <Hero
-    tagline="About us"
+    tagline="About Us"
     image={{
       src: 'https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
       alt: 'Caos Image',

src/pages/apps/free-shipping-banner.astro

@@ -0,0 +1,15 @@
+---
+import Layout from '~/layouts/PageLayout.astro';
+import CallToAction from '~/components/widgets/CallToAction.astro';
+
+const metadata = {
+  title: 'Free Shipping Banner - Shopify',
+};
+---
+
+<Layout metadata={metadata}>
+  <CallToAction
+    title="Coming Soon"
+    subtitle="Our Free Shipping Banner app is currently in development. Stay tuned for updates!"
+  />
+</Layout>

src/pages/faq.astro

@@ -1,8 +1,14 @@
 ---
+import Layout from '~/layouts/PageLayout.astro';
+
 import FAQs from '~/components/widgets/FAQs.astro';
 import Features2 from '~/components/widgets/Features2.astro';
 import Hero from '~/components/widgets/Hero.astro';
-import Layout from '~/layouts/PageLayout.astro';
+
+const scrambleEmail = 'su<!-- split -->p<!-- split -->port<span>@</span>sturm<!-- split -->frei.com.au';
+const emailLink = '<a id="sf-mailto-link" href="#" tabindex="0"><span class="absolute inset-0"></span></a>';
+const xLink =
+  '<a href="https://x.com/sturmfreico" target="_blank" tabindex="0"><span class="absolute inset-0"></span></a>';
 
 const metadata = {
   title: 'FAQS',
@@ -69,15 +75,15 @@ const metadata = {
     items={[
       {
         title: 'Social Media',
-        description: 'Contact us on X or Instagram',
-        icon: 'tabler:message-circle-2',
+        description: `Contact us on X ${xLink}`,
+        icon: 'tabler:brand-x',
         classes: {
           icon: 'text-blue-500',
         },
       },
       {
         title: 'Email',
-        description: '[email protected]',
+        description: `${scrambleEmail} ${emailLink}`,
         icon: 'tabler:mail',
         classes: {
           icon: 'text-blue-500',

src/pages/index.astro

@@ -5,6 +5,11 @@ import Hero from '~/components/widgets/Hero.astro';
 import Features from '~/components/widgets/Features.astro';
 import Features2 from '~/components/widgets/Features2.astro';
 
+const scrambleEmail = 'su<!-- split -->p<!-- split -->port<span>@</span>sturm<!-- split -->frei.com.au';
+const emailLink = '<a id="sf-mailto-link" href="#" tabindex="0"><span class="absolute inset-0"></span></a>';
+const xLink =
+  '<a href="https://x.com/sturmfreico" target="_blank" tabindex="0"><span class="absolute inset-0"></span></a>';
+
 const metadata = {
   title: 'Sturmfrei Pty Ltd',
   ignoreTitleTemplate: true,
@@ -21,7 +26,7 @@ const metadata = {
     </Fragment>
 
     <Fragment slot="subtitle">
-      Empowering E-commerce: Innovative Shopify Apps and Cutting-Edge Web Tools for Your Online Success
+      Empowering E-commerce: Innovative Shopify Apps and Cutting-Edge Web Tools <br /> for Your Online Success
     </Fragment>
   </Hero>
 
@@ -30,43 +35,31 @@ const metadata = {
     id="features"
     tagline="Features"
     title="What you get with our apps"
-    subtitle="One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme in 2022."
+    subtitle="Best in class quality to help you succeed"
     items={[
       {
-        title: 'Astro + Tailwind CSS Integration',
-        description:
-          'A seamless integration between two great frameworks that offer high productivity, performance and versatility.',
-        icon: 'tabler:brand-tailwind',
-      },
-      {
-        title: 'Ready-to-use Components',
+        title: 'Easy Setup',
         description:
-          'Widgets made with Tailwind CSS ready to be used in Marketing Websites, SaaS, Blogs, Personal Profiles, Small Business...',
-        icon: 'tabler:components',
+          'Shopify apps that are easy to install and configure, with no coding required. Get started in minutes.',
+        icon: 'tabler:plug-connected',
       },
       {
-        title: 'Best Practices',
+        title: 'Excellent Performance',
         description:
-          'Creating secure, efficient, and user-friendly websites that deliver exceptional experiences and lasting value.',
-        icon: 'tabler:list-check',
-      },
-      {
-        title: 'Excellent Page Speed',
-        description:
-          'Having a good page speed impacts organic search ranking, improves user experience (UI/UX) and increase conversion rates.',
+          'Our apps are optimized for performance, ensuring a fast and responsive experience for your customers.',
         icon: 'tabler:rocket',
       },
       {
         title: 'Search Engine Optimization (SEO)',
         description:
-          "SEO lies in its ability to enhance a website's visibility, driving organic traffic and enabling it to reach a wider audience.",
-        icon: 'tabler:arrows-right-left',
+          'Our apps are designed with SEO in mind, helping you rank higher in search engine results and drive more traffic to your store.',
+        icon: 'tabler:brand-google-filled',
       },
       {
-        title: 'Open to new ideas and contributions',
+        title: 'Best Practices',
         description:
-          'Embracing a culture that is open to new ideas and contributions is integral fostering innovation, collaboration, and a dynamic user experience.',
-        icon: 'tabler:bulb',
+          'Our apps are built with best practices in mind, ensuring a seamless experience for you and your customers.',
+        icon: 'tabler:list-check',
       },
     ]}
   />
@@ -79,16 +72,16 @@ const metadata = {
     items={[
       {
         title: 'Social Media',
-        description: 'Contact us on X or Instagram',
-        icon: 'tabler:message-circle-2',
+        description: `Contact us on X ${xLink}`,
+        icon: 'tabler:brand-x',
         classes: {
           icon: 'text-blue-500',
           panel: 'dark:bg-dark',
         },
       },
       {
         title: 'Email',
-        description: '[email protected]',
+        description: `${scrambleEmail} ${emailLink}`,
         icon: 'tabler:mail',
         classes: {
           icon: 'text-blue-500',