diff --git a/default.hbs b/default.hbs
index 10842bb..3211e35 100644
--- a/default.hbs
+++ b/default.hbs
@@ -17,6 +17,34 @@
         :root {
             --background-color: {{@custom.background_color}}
         }
+
+        *, html, :root, body, h1, h2, h3, h4, h5, h6, p, a, div, .gh-foot a:hover {
+            color: {{@custom.text_color}};
+        }
+
+            {{#if @custom.flip_columns}}
+            .showOnMedia {
+                font-size: 0;
+                visibility: hidden;
+            }
+
+            @media only screen and (max-width: 840px) {
+                .HideOnMedia {
+                    font-size: 0;
+                    visibility: hidden;
+                }
+
+                .showOnMedia {
+                    font-size: clamp(3.2rem, 2.4452rem + 2.0968vw, 5.8rem);
+                    visibility: visible;
+                    margin-bottom: 50px;
+                }
+            }
+            {{/if}}
+
+        .gh-about-inner.gh-inner {
+            gap: 50px;
+        }
     </style>
 
     <script>
@@ -33,7 +61,14 @@
         document.documentElement.className = `has-${textColor}-text`;
     </script>
 
+    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
+
     {{ghost_head}}
+
+    <meta name="theme-color" content="{{@site.accent_color}}"/>
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="{{@site.accent_color}}"/>
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="{{@site.accent_color}}"/>
+
 </head>
 
 <body class="{{body_class}}{{{block "body_class"}}} is-head-{{#match @custom.navigation_layout "Logo on the left"}}left-logo{{else match @custom.navigation_layout "Logo in the middle"}}middle-logo{{else}}stacked{{/match}}{{#match @custom.typography "Elegant serif"}} has-serif-font{{/match}}{{#match @custom.typography "Consistent mono"}} has-mono-font{{/match}}{{#match @custom.post_feed_layout "Classic"}} has-classic-feed{{/match}}{{#match @custom.post_feed_layout "Typographic"}} has-typographic-feed{{/match}}{{#match @custom.post_feed_layout "Parallax"}} has-parallax-feed{{/match}}">
@@ -43,15 +78,41 @@
         <div class="gh-head-inner gh-inner">
             <div class="gh-head-brand">
                 <div class="gh-head-brand-wrapper">
-                    <a class="gh-head-logo" href="{{@site.url}}">
-                        {{#if @site.logo}}
-                            <img src="{{@site.logo}}" alt="{{@site.title}}">
+                    {{#if @site.logo}}
+                        {{#if @custom.link_of_lottie_json_file}}
+                            <a class="gh-head-logo playLottie" href="{{@site.url}}">
+                                <lottie-player
+                                        src="{{@custom.link_of_lottie_json_file}}" speed="1.5" style="width: 75px;">
+                                </lottie-player>
+                            </a>
+                            {{#if @custom.show_site_title}}
+                            <p class="gh-head-logo"><a class="gh-head-logo" href="{{@site.url}}">{{@site.title}}</a>
+                            {{/if}}
+                            {{#if @custom.show_site_description}}
+                                <br/><span class="gh-head-logo" style="font-size: 1.5rem">{{@site.description}}</span>
+                            {{/if}}
+                        </p>
                         {{else}}
-                            {{@site.title}}
+                            <a class="gh-head-logo" href="{{@site.url}}"><img style="max-height: 75px;" src="{{@site.logo}}" alt="Logo"></a>
+                            {{#if @custom.show_site_title}}
+                            <p class="gh-head-logo"><a class="gh-head-logo" href="{{@site.url}}">{{@site.title}}</a>
+                            {{/if}}
+                            {{#if @custom.show_site_description}}
+                                <br/><span class="gh-head-logo" style="font-size: 1.5rem">{{@site.description}}</span>
+                            {{/if}}
+                        </p>
                         {{/if}}
-                    </a>
+                    {{else}}
+                        <p class="gh-head-logo"><a class="gh-head-logo" href="{{@site.url}}">{{@site.title}}</a>
+                            {{#if @custom.show_site_description}}
+                                <br/><span class="gh-head-logo" style="font-size: 1.5rem">{{@site.description}}</span>
+                            {{/if}}
+                        </p>
+                    {{/if}}
                 </div>
-                <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                {{#if @custom.show_search_icon}}
+                    <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                {{/if}}
                 <button class="gh-burger"></button>
             </div>
 
@@ -59,7 +120,9 @@
                 {{navigation}}
                 {{#unless @site.members_enabled}}
                     {{#match @custom.navigation_layout "Stacked"}}
-                        <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                        {{#if @custom.show_search_icon}}
+                            <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                        {{/if}}
                     {{/match}}
                 {{/unless}}
             </nav>
@@ -67,10 +130,14 @@
             <div class="gh-head-actions">
                 {{#unless @site.members_enabled}}
                     {{^match @custom.navigation_layout "Stacked"}}
-                        <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                        {{#if @custom.show_search_icon}}
+                            <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                        {{/if}}
                     {{/match}}
                 {{else}}
-                    <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                    {{#if @custom.show_search_icon}}
+                        <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                    {{/if}}
                     <div class="gh-head-members">
                         {{#unless @member}}
                             {{#unless @site.members_invite_only}}
@@ -98,7 +165,7 @@
 
             <div class="gh-copyright">
                 {{#unless @custom.footer_text}}
-                    {{@site.title}} © {{date format="YYYY"}}. Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
+                    {{@site.title}} &copy; {{date format="YYYY"}}. Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
                 {{else}}
                     {{@custom.footer_text}}
                 {{/unless}}
@@ -114,8 +181,21 @@
 
 <script src="{{asset "built/main.min.js"}}"></script>
 
+<script>
+    const containerPlayer = document.querySelectorAll(".playLottie");
+    const play = (container, direction) => {
+        const player = container.querySelector("lottie-player");
+        player.setDirection(direction);
+        player.play();
+    };
+    containerPlayer.forEach(container => {
+        container.addEventListener("mouseover", () => play(container, 1));
+        container.addEventListener("mouseleave", () => play(container, -1));
+    });
+</script>
+
 {{ghost_foot}}
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/index.hbs b/index.hbs
index 603adb2..eab6d38 100644
--- a/index.hbs
+++ b/index.hbs
@@ -1,16 +1,23 @@
 {{!< default}}
 
 <section class="gh-about gh-outer{{#match @custom.header_section_layout "!=" "Typographic profile"}}{{#unless @site.cover_image}} no-image{{/unless}}{{else}}{{#unless @site.icon}} no-image{{/unless}}{{/match}}">
+    {{#if @custom.flip_columns}}
+        {{#if @custom.primary_header}}
+            <h1 class="gh-about-primary showOnMedia">{{{@custom.primary_header}}}</h1>
+        {{/if}}
+    {{/if}}
     <div class="gh-about-inner gh-inner">
-        {{#match @custom.header_section_layout "!=" "Typographic profile"}}
-            {{#if @site.cover_image}}
-                <img class="gh-about-image" src="{{@site.cover_image}}" alt="{{@site.title}}">
-            {{/if}}
-        {{else}}
-            {{#if @site.icon}}
-                <img class="gh-about-image" src="{{@site.icon}}" alt="{{@site.title}}">
-            {{/if}}
-        {{/match}}
+        {{^if @custom.flip_columns}}
+            {{#match @custom.header_section_layout "!=" "Typographic profile"}}
+                {{#if @site.cover_image}}
+                    <img class="gh-about-image" src="{{@site.cover_image}}" alt="{{@site.title}}">
+                {{/if}}
+            {{else}}
+                {{#if @site.icon}}
+                    <img class="gh-about-image" src="{{@site.icon}}" alt="{{@site.title}}">
+                {{/if}}
+            {{/match}}
+        {{/if}}
         <script>
             (function () {
                 if (!document.body.classList.contains('has-background-about')) return;
@@ -27,7 +34,7 @@
         <div class="gh-about-content">
             <div class="gh-about-content-inner">
                 {{#if @custom.primary_header}}
-                    <h1 class="gh-about-primary">{{{@custom.primary_header}}}</h1>
+                    <h1 class="gh-about-primary HideOnMedia">{{{@custom.primary_header}}}</h1>
                 {{/if}}
                 {{#if @custom.secondary_header}}
                     <p class="gh-about-secondary">{{{@custom.secondary_header}}}</p>
@@ -42,6 +49,17 @@
                 {{/if}}
             </div>
         </div>
+        {{#if @custom.flip_columns}}
+            {{#match @custom.header_section_layout "!=" "Typographic profile"}}
+                {{#if @site.cover_image}}
+                    <img class="gh-about-image" src="{{@site.cover_image}}" alt="{{@site.title}}">
+                {{/if}}
+            {{else}}
+                {{#if @site.icon}}
+                    <img class="gh-about-image" src="{{@site.icon}}" alt="{{@site.title}}">
+                {{/if}}
+            {{/match}}
+        {{/if}}
     </div>
 </section>
 
@@ -53,4 +71,4 @@
     </div>
 </main>
 
-{{#contentFor "body_class"}}{{#match @custom.header_section_layout "Side by side"}} has-side-about{{/match}}{{#match @custom.header_section_layout "Large background"}}{{#if @site.cover_image}} is-head-transparent has-background-about{{else}} has-side-about{{/if}}{{/match}}{{#match @custom.header_section_layout "Typographic profile"}}{{#if @site.icon}} has-typographic-about{{else}} has-side-about{{/if}}{{/match}}{{/contentFor}}
+{{#contentFor "body_class"}}{{#match @custom.header_section_layout "Side by side"}} has-side-about{{/match}}{{#match @custom.header_section_layout "Large background"}}{{#if @site.cover_image}} is-head-transparent has-background-about{{else}} has-side-about{{/if}}{{/match}}{{#match @custom.header_section_layout "Typographic profile"}}{{#if @site.icon}} has-typographic-about{{else}} has-side-about{{/if}}{{/match}}{{/contentFor}}
\ No newline at end of file
diff --git a/package.json b/package.json
index bcacb70..22ce84d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "solo",
-    "description": "A Ghost theme",
-    "version": "1.0.0",
+    "description": "A clean, minimal personal Theme for the Ghost publishing platform",
+    "version": "1.0.1",
     "private": true,
     "engines": {
         "ghost": ">=5.0.0"
@@ -46,6 +46,22 @@
                 "type": "color",
                 "default": "#ffffff"
             },
+            "text_color": {
+                "type": "color",
+                "default": "#000000"
+            },
+            "link_of_lottie_json_file": {
+                "type": "text",
+                "default": ""
+            },
+            "show_site_title": {
+                "type": "boolean",
+                "default": false
+            },
+            "show_site_description": {
+                "type": "boolean",
+                "default": false
+            },
             "navigation_layout": {
                 "type": "select",
                 "options": ["Logo on the left", "Logo in the middle", "Stacked"],
@@ -80,6 +96,15 @@
                 "options": ["Classic", "Typographic", "Parallax"],
                 "default": "Classic",
                 "group": "homepage"
+            },
+            "show_search_icon": {
+                "type": "boolean",
+                "default": true
+            },
+            "flip_columns": {
+                "type": "boolean",
+                "default": false,
+                "group": "homepage"
             }
         }
     },
@@ -104,4 +129,4 @@
         "postcss-easy-import": "4.0.0",
         "pump": "3.0.0"
     }
-}
+}
\ No newline at end of file
