diff --git a/pages/templates/apollo/index.js b/pages/templates/apollo/index.js
index 460caa92d7..ead9b30ccb 100644
--- a/pages/templates/apollo/index.js
+++ b/pages/templates/apollo/index.js
@@ -198,7 +198,7 @@ const ApolloPage = () => {
             <ApolloSeparator />
             <TemplateYoutube playIcon={<ApolloPlayIcon />} imgSrc={"/images/templates/apollo/apollo-youtube-screen.png"} />
             <ApolloSeparator />
-            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the", "Apolla template gives you"]} />
+            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the", "Apollo template gives you"]} />
             <ApolloSeparator />
             <TemplateFeaturesType1 featuresData={apolloFeatures1Data} />
             <ApolloSeparator />
diff --git a/pages/templates/atlantis/index.js b/pages/templates/atlantis/index.js
index 2ee1abc763..7bc19b20cb 100644
--- a/pages/templates/atlantis/index.js
+++ b/pages/templates/atlantis/index.js
@@ -14,7 +14,7 @@ import AtlantisLogo from './AtlantisLogo';
 const apolloFeatures2Data = [
     {
         title: "Fully Responsive",
-        description: "Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
+        description: "Atlantis is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
         src: "/images/templates/atlantis/atlantis-features2-responsive.png"
     },
     {
@@ -24,7 +24,7 @@ const apolloFeatures2Data = [
     },
     {
         title: "Lifetime Support",
-        description: "Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
+        description: "Atlantis has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
         src: "/images/templates/apollo/apollo-features2-lifetime.png"
     },
     {
@@ -75,13 +75,13 @@ const animationFeaturesData1 = [
     {
         id: 3,
         title: "PrimeIcons",
-        description: "Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
+        description: "Atlantis ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
         src: "/images/templates/apollo/features-animation-icons.png"
     },
     {
         id: 4,
         title: "Figma File",
-        description: "Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.",
+        description: "Atlantis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Atlantis Figma file as they are available in PrimeOne for Figma only.",
         src: "/images/templates/apollo/features-animation-figma.png"
     },
 ]
@@ -173,9 +173,9 @@ const AtlantisPage = () => {
             <AtlantisSeperator />
             <TemplateYoutube playIcon={<AtlantisPlayIcon />} imgSrc={"/images/templates/atlantis/atlantis-youtube-screen.png"} />
             <AtlantisSeperator />
-            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Apolla template gives you"]}/>
+            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Atlantis template gives you"]}/>
             <AtlantisSeperator />
-            <TemplateConfiguration title='Vue.js App with No Configuration' description='Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
+            <TemplateConfiguration title='Vue.js App with No Configuration' description='Atlantis is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
             <AtlantisSeperator />
             <TemplateFeaturesAnimation featuresData={animationFeaturesData1} />
             <AtlantisSeperator />
diff --git a/pages/templates/diamond/index.js b/pages/templates/diamond/index.js
index ac1ffed9b0..9722358f4d 100644
--- a/pages/templates/diamond/index.js
+++ b/pages/templates/diamond/index.js
@@ -14,7 +14,7 @@ import DiamondLogo from './DiamondLogo';
 const apolloFeatures2Data = [
     {
         title: "Fully Responsive",
-        description: "Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
+        description: "Diamond is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
         src: "/images/templates/diamond/diamond-features2-responsive.png"
     },
     {
@@ -24,7 +24,7 @@ const apolloFeatures2Data = [
     },
     {
         title: "Lifetime Support",
-        description: "Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
+        description: "Diamond has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
         src: "/images/templates/apollo/apollo-features2-lifetime.png"
     },
     {
@@ -75,13 +75,13 @@ const animationFeaturesData1 = [
     {
         id: 3,
         title: "PrimeIcons",
-        description: "Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
+        description: "Diamond ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
         src: "/images/templates/apollo/features-animation-icons.png"
     },
     {
         id: 4,
         title: "Figma File",
-        description: "Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.",
+        description: "Diamond uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Diamond Figma file as they are available in PrimeOne for Figma only.",
         src: "/images/templates/apollo/features-animation-figma.png"
     },
 ]
@@ -185,9 +185,9 @@ const DiamondPage = () => {
             <DiamondSeperator />
             <TemplateYoutube playIcon={<DiamondPlayIcon />} imgSrc={"/images/templates/diamond/diamond-youtube-screen.png"} />
             <DiamondSeperator />
-            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Apolla template gives you"]}/>
+            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Diamond template gives you"]}/>
             <DiamondSeperator />
-            <TemplateConfiguration title='Vue.js App with No Configuration' description='Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
+            <TemplateConfiguration title='Vue.js App with No Configuration' description='Diamond is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
             <DiamondSeperator />
             <TemplateFeaturesAnimation featuresData={animationFeaturesData1} />
             <DiamondSeperator />
diff --git a/pages/templates/freya/index.js b/pages/templates/freya/index.js
index 84551e5ede..72539af474 100644
--- a/pages/templates/freya/index.js
+++ b/pages/templates/freya/index.js
@@ -14,7 +14,7 @@ import FreyaLogo from './FreyaLogo';
 const apolloFeatures2Data = [
     {
         title: "Fully Responsive",
-        description: "Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
+        description: "Freya is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
         src: "/images/templates/freya/freya-features2-responsive.png"
     },
     {
@@ -24,7 +24,7 @@ const apolloFeatures2Data = [
     },
     {
         title: "Lifetime Support",
-        description: "Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
+        description: "Freya has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
         src: "/images/templates/apollo/apollo-features2-lifetime.png"
     },
     {
@@ -75,13 +75,13 @@ const animationFeaturesData1 = [
     {
         id: 3,
         title: "PrimeIcons",
-        description: "Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
+        description: "Freya ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
         src: "/images/templates/apollo/features-animation-icons.png"
     },
     {
         id: 4,
         title: "Figma File",
-        description: "Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.",
+        description: "Freya uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Freya Figma file as they are available in PrimeOne for Figma only.",
         src: "/images/templates/apollo/features-animation-figma.png"
     },
 ]
@@ -173,9 +173,9 @@ const FreyaPage = () => {
             <FreyaSeparator />
             <TemplateYoutube playIcon={<FreyaPlayIcon />} imgSrc={"/images/templates/freya/freya-youtube-screen.png"} />
             <FreyaSeparator />
-            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Apolla template gives you"]}/>
+            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Freya template gives you"]}/>
             <FreyaSeparator />
-            <TemplateConfiguration title='Vue.js App with No Configuration' description='Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
+            <TemplateConfiguration title='Vue.js App with No Configuration' description='Freya is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
             <FreyaSeparator />
             <TemplateFeaturesType2 featuresData={apolloFeatures2Data} />
             <FreyaSeparator />
diff --git a/pages/templates/ultima/index.js b/pages/templates/ultima/index.js
index 73ea3ad107..12f025e96f 100644
--- a/pages/templates/ultima/index.js
+++ b/pages/templates/ultima/index.js
@@ -14,7 +14,7 @@ import UltimaLogo from './UltimaLogo';
 const apolloFeatures2Data = [
     {
         title: "Fully Responsive",
-        description: "Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
+        description: "Ultima is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
         src: "/images/templates/ultima/ultima-features2-responsive.png"
     },
     {
@@ -24,7 +24,7 @@ const apolloFeatures2Data = [
     },
     {
         title: "Lifetime Support",
-        description: "Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
+        description: "Ultima has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
         src: "/images/templates/apollo/apollo-features2-lifetime.png"
     },
     {
@@ -75,13 +75,13 @@ const animationFeaturesData1 = [
     {
         id: 3,
         title: "PrimeIcons",
-        description: "Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
+        description: "Ultima ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
         src: "/images/templates/apollo/features-animation-icons.png"
     },
     {
         id: 4,
         title: "Figma File",
-        description: "Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.",
+        description: "Ultima uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Ultima Figma file as they are available in PrimeOne for Figma only.",
         src: "/images/templates/apollo/features-animation-figma.png"
     },
 ]
@@ -173,9 +173,9 @@ const UltimaPage = () => {
             <UltimaSeperator />
             <TemplateYoutube playIcon={<UltimaPlayIcon />} imgSrc={"/images/templates/ultima/ultima-youtube-screen.png"} />
             <UltimaSeperator />
-            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Apolla template gives you"]}/>
+            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Ultima template gives you"]}/>
             <UltimaSeperator />
-            <TemplateConfiguration title='Vue.js App with No Configuration' description='Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
+            <TemplateConfiguration title='Vue.js App with No Configuration' description='Ultima is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
             <UltimaSeperator />
             <TemplateFeaturesAnimation featuresData={animationFeaturesData1} />
             <UltimaSeperator />
diff --git a/pages/templates/verona/index.js b/pages/templates/verona/index.js
index 1779e55b5a..a676f20cec 100644
--- a/pages/templates/verona/index.js
+++ b/pages/templates/verona/index.js
@@ -14,7 +14,7 @@ import VeronaLogo from './VeronaLogo';
 const apolloFeatures2Data = [
     {
         title: "Fully Responsive",
-        description: "Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
+        description: "Verona is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
         src: "/images/templates/verona/verona-features2-responsive.png"
     },
     {
@@ -24,7 +24,7 @@ const apolloFeatures2Data = [
     },
     {
         title: "Lifetime Support",
-        description: "Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
+        description: "Verona has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
         src: "/images/templates/apollo/apollo-features2-lifetime.png"
     },
     {
@@ -75,13 +75,13 @@ const animationFeaturesData1 = [
     {
         id: 3,
         title: "PrimeIcons",
-        description: "Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
+        description: "Verona ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
         src: "/images/templates/apollo/features-animation-icons.png"
     },
     {
         id: 4,
         title: "Figma File",
-        description: "Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.",
+        description: "Verona uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Verona Figma file as they are available in PrimeOne for Figma only.",
         src: "/images/templates/apollo/features-animation-figma.png"
     },
 ]
@@ -218,9 +218,9 @@ const UltimaPage = () => {
             <VeronaSeperator />
             <TemplateYoutube playIcon={<VeronaPlayIcon />} imgSrc={"/images/templates/verona/verona-youtube-screen.png"} />
             <VeronaSeperator />
-            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Apolla template gives you"]} animationSeconds={4000}/>
+            <TemplateFeaturesAnimation featuresData={animationFeaturesData2} title={["Features that the","Verona template gives you"]} animationSeconds={4000}/>
             <VeronaSeperator />
-            <TemplateConfiguration title='Vue.js App with No Configuration' description='Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
+            <TemplateConfiguration title='Vue.js App with No Configuration' description='Verona is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support' />
             <VeronaSeperator />
             <TemplateFeaturesAnimation featuresData={animationFeaturesData1} />
             <VeronaSeperator />
diff --git a/styles/layout/templates/_templates.scss b/styles/layout/templates/_templates.scss
index f54fe94eab..18e3f621df 100644
--- a/styles/layout/templates/_templates.scss
+++ b/styles/layout/templates/_templates.scss
@@ -713,7 +713,7 @@
                         left: 0;
 
                         &:nth-child(1) {
-                            color: transparent;
+                            color: var(--primary-400);
                             -webkit-text-stroke: 1.2px var(--primary-400);
                         }