Initial landing page

- Initial design for the new landing page for Budget
costs-to-expect · Dec 25, 2024 · 6ac29d2 · 6ac29d2
1 parent eee5664
commit 6ac29d2
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 16 deletions.
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/navbar.js b/public/js/navbar.js
@@ -58,8 +58,7 @@
         }
     }
 
-    toggleSubmenu('budgeting', ['money-advice', 'features', 'about']);
-    toggleSubmenu('money-advice', ['budgeting', 'features', 'about']);
-    toggleSubmenu('about', ['budgeting', 'features', 'money-advice']);
-    toggleSubmenu('features', ['budgeting', 'money-advice', 'about']);
+    toggleSubmenu('budgeting', ['features', 'about']);
+    toggleSubmenu('about', ['budgeting', 'features']);
+    toggleSubmenu('features', ['budgeting', 'about']);
 })();
diff --git a/resources/views/components/layout/navbar.blade.php b/resources/views/components/layout/navbar.blade.php
@@ -3,7 +3,7 @@
         <div class="flex h-12 justify-between">
             <div class="flex">
                 <div class="flex flex-shrink-0 items-center">
-                    <a href="{{ route('landing') }}"><img class="h-8 w-auto" src="{{ asset('images/navbar-logo.png') }}" alt="Costs to Expect"></a>
+                    <a href="{{ route('landing') }}"><img class="h-8 w-auto" src="{{ asset('images/logo.png') }}" alt="Costs to Expect"></a>
                 </div>
                 <div class="hidden sm:ml-3 sm:flex sm:space-x-4 flex items-center">
                     <div id="budgeting" class="relative">
@@ -25,8 +25,6 @@
                             <a href="https://budget-pro.costs-to-expect.com/why-is-budgeting-important" class="block border-l-2 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-800">Why is Budgeting Important?</a>
                             <a href="https://budget-pro.costs-to-expect.com/reasons-to-start-budgeting" class="block border-l-2 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-800">Reasons to Start Budgeting</a>
                             <a href="https://budget-pro.costs-to-expect.com/how-to-start-budgeting" class="block border-l-2 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-800">How to Start Budgeting</a>
-                            <a href="https://budget-pro.costs-to-expect.com/budgeting-myths" class="block border-l-2 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-800">Budgeting Myths</a>
-                            <a href="https://budget-pro.costs-to-expect.com/budgeting-q-and-a" class="block border-l-2 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-800">Budgeting Q&A's</a>
                         </div>
                     </div>
 
@@ -98,9 +96,9 @@
     <div class="sm:hidden hidden" id="navbar-mobile-menu">
         <div class="space-y-1 pt-2 pb-3">
             @if ($active_route === 'landing')
-                <a href="{{ route('landing') }}" class="block border-l-4 border-pinky-500 py-2 pl-3 pr-4 text-base font-medium text-pinky-900">Budget Pro</a>
+                <a href="{{ route('landing') }}" class="block border-l-4 border-pinky-500 py-2 pl-3 pr-4 text-base font-medium text-pinky-900">Budget</a>
             @else
-                <a href="{{ route('landing') }}" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-700">Budget Pro</a>
+                <a href="{{ route('landing') }}" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-600 hover:bg-gray-100 hover:text-gray-700">Budget</a>
             @endif
 
             @if($active_route === 'budgeting')

diff --git a/resources/views/landing.blade.php b/resources/views/landing.blade.php
@@ -36,15 +36,14 @@
         <div class="bg-white">
             <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-y-16 gap-x-8 px-4 sm:px-6 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
                 <div>
-                    <h1 class="text-4xl font-bold tracking-tight text-pinky-700">Welcome to Budget</h1>
+                    <h1 class="text-4xl font-bold tracking-tight text-pinky-700">Welcome to Budget!</h1>
                     <p class="mt-4 text-lg text-gray-800">
                         Costs to Expect is proud to present our free Budget Calculator, Budget!
                     </p>
                     <p class="mt-4 text-lg text-gray-800">
                         Budget has everything you need to manage a simple Budget, if you need more control and 
                         power you can try out Budget Pro with a  
-                        <x-helper.control.link.text :route="route('auth.register')" label="30 day free trial" />,
-                        today!
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="30 day free trial." />
                     </p>
 
                     <dl class="mt-16 grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 sm:gap-y-16 lg:gap-x-8">
@@ -272,7 +271,7 @@
                                     </p>
                                     <p class="mt-4 text-lg text-black">A budgeting tool so easy to use, it’s child play!</p>
                                     <p class="mt-4 mb-16 text-sm text-gray-800">A free, open source budgeting tool powered by the Costs to Expect API.</p>
-                                    <a href="https://budget.costs-to-expect.com" class="absolute bottom-0 block w-full flex-grow rounded-md border border-pinky-700 bg-pinky-600 py-2 text-center text-sm font-semibold text-white hover:bg-pinky-900">Register for Free</a>
+                                    <a href="{{ route('register.view') }}" class="absolute bottom-0 block w-full flex-grow rounded-md border border-pinky-700 bg-pinky-600 py-2 text-center text-sm font-semibold text-white hover:bg-pinky-900">Register for Free</a>
                                 </div>
                             </td>
 
@@ -284,7 +283,7 @@
                                     </p>
                                     <p class="mt-4 text-lg text-black">Budget Pro is Budget on steroids - it's everything you love about Budget and much more.</p>
                                     <p class="mt-4 mb-16 text-sm text-gray-800">Budget Pro is subject to a small lifetime fee and will get regular updates.</p>
-                                    <a href="{{ route('auth.register') }}" class="absolute bottom-0 block w-full flex-grow rounded-md border border-pinky-700 bg-pinky-600 py-2 text-center text-sm font-semibold text-white hover:bg-pinky-900">Register (30 day trial)</a>
+                                    <a href="https://budget-pro.costs-to-expect.com/register" class="absolute bottom-0 block w-full flex-grow rounded-md border border-pinky-700 bg-pinky-600 py-2 text-center text-sm font-semibold text-white hover:bg-pinky-900">Register (30 day trial)</a>
                                 </div>
                             </td>
                         </tr>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,7 +4,9 @@ const defaultTheme = require('tailwindcss/defaultTheme')
 module.exports = {
     content: [
         "./resources/**/*.blade.php",
-        "./app/View/Components/Content/Landing/*.php"
+        "./app/View/Components/Content/Landing/*.php",
+        "./app/View/Components/Helper/Control/Link/*.php",
+        "./app/View/Components/Layout/*.php",
     ],
     theme: {
         extend: {