Added the buy page

laravelcompany · Dec 20, 2024 · fff57c5 · fff57c5
1 parent 8419493
commit fff57c5
Show file tree

Hide file tree

Showing 5 changed files with 94 additions and 31 deletions.
diff --git a/frontend/src/components/Header.astro b/frontend/src/components/Header.astro
@@ -11,6 +11,9 @@ import { SkipLinks } from 'accessible-astro-components'
     <li class="menu-item">
       <a title="demo laravel mail" href="/try">Try</a>
     </li>
+    <li class="menu-item">
+      <a title="buy laravel mail" href="/buy">Buy</a>
+    </li>
     <li class="menu-item">
       <a title="free laravel mail templates" href="/templates">Templates</a>
     </li>

diff --git a/frontend/src/pages/buy.astro b/frontend/src/pages/buy.astro
@@ -0,0 +1,83 @@
+---
+import DefaultLayout from '../layouts/DefaultLayout.astro'
+
+
+---
+
+<DefaultLayout title="Buy a Holiday Gift">
+
+  <div class="container mx-auto px-4 py-8 max-w-4xl">
+    <header class="text-center mb-12">
+        <h1 class="text-4xl mb-4">Buy Laravel Mail</h1>
+        <p class="text-xl  italic">Buy a copy of Laravel Mail</p>
+    </header>
+
+    <section class="">
+        <div class="mx-auto max-w-screen-xl px-4 py-8 sm:py-16 lg:px-6">
+          <div class="mx-auto max-w-screen-lg text-center">
+            <h2 class="mb-2 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Frequently Asked Questions</h2>
+            <p class="mb-8 text-gray-500 dark:text-gray-400 lg:text-lg">Discover answers to the most common questions about our software, policies, and support.</p>
+          </div>
+          <div class="grid border-t border-gray-200 pt-8 text-left dark:border-gray-700 sm:grid-cols-2 sm:gap-8 lg:grid-cols-3 lg:gap-16">
+            <div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">What do you mean by "App assets"?</h3>
+                <p class="text-gray-500 dark:text-gray-400">You will have access to the full App project, including all pages, components, responsive designs, icons, illustrations, and images.</p>
+              </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">What does "lifetime access" mean?</h3>
+                <p class="text-gray-500 dark:text-gray-400">When you purchase a package, you get access to all future updates outlined in the roadmap, free of charge.</p>
+              </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">How does support work?</h3>
+                <p class="text-gray-500 dark:text-gray-400">Support is provided directly by the authors who developed this software. For any issues, please email <a href="mailto:stefan@izdrail.com" class="font-medium text-primary-600 underline hover:no-underline dark:text-primary-500">stefan@izdrail.com</a>.</p>
+              </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">What is your refund policy?</h3>
+                <p class="text-gray-500 dark:text-gray-400">As this is software, we offer a partial refund of 50% if requested within 30 days. Refunds will be processed within 90 days. Please contact us at <a href="mailto:stefan@izdrail.com" class="font-medium text-primary-600 underline hover:no-underline dark:text-primary-500">stefan@izdrail.com</a> to request a refund.</p>
+              </div>
+            </div>
+            <div>
+                <div>
+
+                    <script async
+                    src="https://js.stripe.com/v3/buy-button.js">
+                  </script>
+
+                  <stripe-buy-button
+                    buy-button-id="buy_btn_1QY1BZEYoTMW8nQ8QxYIQCrA"
+                    publishable-key="pk_live_51QOVQ4EYoTMW8nQ8NvHF0h9Wqp93segUEDLmNqb6q19L2XdHYLCmwKz6ONehzb7aUTpEtsUWbFxQXhsDbxAgvB2K008VgtShrv"
+                  >
+                  </stripe-buy-button>
+                            </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">Can I use the software for multiple projects?</h3>
+                <p class="text-gray-500 dark:text-gray-400">Yes, you can use it for unlimited projects, including personal, SaaS, or client websites, as long as you don't create a product that competes directly with ours.</p>
+              </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">What does the free version include?</h3>
+                <p class="text-gray-500 dark:text-gray-400">The free version includes basic style guidelines, component variants, and a dashboard page with mobile support. It is open-source under the MIT license.</p>
+              </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">What is the difference between this software and competitors?</h3>
+                <p class="text-gray-500 dark:text-gray-400">Our software is designed with unique UI elements, extra components, and specialized tools for application, marketing, and e-commerce interfaces.</p>
+              </div>
+            </div>
+            <div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">Where can I access my download files?</h3>
+                <p class="text-gray-500 dark:text-gray-400">After purchase, you’ll receive an email with download links. Soon, downloads will also be available from your account dashboard.</p>
+              </div>
+              <div class="mb-10">
+                <h3 class="mb-4 text-lg font-medium text-gray-900 dark:text-white">Can I use design assets like fonts and illustrations?</h3>
+                <p class="text-gray-500 dark:text-gray-400">Yes, all included assets are licensed for use. Feel free to integrate them into your projects.</p>
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </section>
+
+
+</div>
+</DefaultLayout>
diff --git a/frontend/src/pages/contact.astro b/frontend/src/pages/contact.astro
@@ -35,38 +35,15 @@ const handleSubmit = async (event) => {
 <DefaultLayout title="Contact - laravelmail.com">
   <section class="my-64">
       <div class="container">
-        <div class="grid gap-16 lg:grid-cols-3" >
+        <div class="grid align-center" >
           <div class="hidden lg:block" >
             <h3 class="mb-4 text-lg font-semibold text-gray-900 dark:text-white">Points of contact</h3>
-            <h4 class="mb-1 font-medium text-gray-900 dark:text-white">Laravel Mail</h4>
-            <address class="non-italic text-sm font-normal text-gray-500">Deidre Avenue,<br>Wickford Essex</address>
-            <h4 class="mb-1 mt-4 font-medium text-gray-900 dark:text-white">Information &amp; Sales</h4>
-            <p class="text-sm font-medium text-primary-600 hover:underline dark:text-primary-500"><a href="#">stefan@laravelmail.com</a></p>
-          </div>
-          <div class="col-span-2" >
-            <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white md:text-4xl lg:mb-8">Still need help?</h2>
-            <form onsubmit={handleSubmit} action="#" class="space-y-8">
-              <div class="grid grid-cols-1 gap-2" >
-                <label class="text-sm font-medium text-gray-900 dark:text-white" data-testid="flowbite-label" for="subject">Full name</label>
-                <div class="flex" >
-                  <div class="relative w-full" ><input class="block w-full border disabled:cursor-not-allowed disabled:opacity-50 bg-gray-50 border-gray-300 text-gray-900 focus:border-cyan-500 focus:ring-cyan-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-cyan-500 dark:focus:ring-cyan-500 p-2.5 text-sm rounded-lg" id="subject" placeholder="Your full name" required=""></div>
-                </div>
-            </div>  
-              <div class="grid grid-cols-1 gap-2" >
-                  <label class="text-sm font-medium text-gray-900 dark:text-white" data-testid="flowbite-label" for="email">Your email address&nbsp;<span class="text-xs text-gray-500 dark:text-gray-400">(So we can reply to you)</span></label>
-                  <div class="flex" >
-                      <div class="relative w-full" ><input class="block w-full border disabled:cursor-not-allowed disabled:opacity-50 bg-gray-50 border-gray-300 text-gray-900 focus:border-cyan-500 focus:ring-cyan-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-cyan-500 dark:focus:ring-cyan-500 p-2.5 text-sm rounded-lg" id="email" placeholder="office@laravelmail.com" required="" type="email" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiYmZkZTQxOS00ZGRkLWU5NDYtOWQ2MC05OGExNGJiMTA3N2YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDAyNDkwMkRDOTIyMTFFNkI0MzFGRTk2RjM1OTdENTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDAyNDkwMkNDOTIyMTFFNkI0MzFGRTk2RjM1OTdENTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTU2NTE1NDItMmIzOC1kZjRkLTk0N2UtN2NjOTlmMjQ5ZGFjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJiZmRlNDE5LTRkZGQtZTk0Ni05ZDYwLTk4YTE0YmIxMDc3ZiIv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&quot;) !important; background-repeat: no-repeat; background-size: 20px; background-position: 97% center; cursor: auto;" data-temp-mail-org="1"></div>
-                  </div>
-                </div>
-
-
-                <div class="grid grid-cols-1 gap-2 sm:col-span-2" >
-                  <label class="text-sm font-medium text-gray-900 dark:text-white" data-testid="flowbite-label" for="message">Your message</label>
-                  <textarea class="block w-full rounded-lg border disabled:cursor-not-allowed disabled:opacity-50 bg-gray-50 border-gray-300 text-gray-900 focus:border-cyan-500 focus:ring-cyan-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-cyan-500 dark:focus:ring-cyan-500 text-sm" id="message" placeholder="Leave a comment..." rows="6"></textarea>
-                </div>
-                <button type="submit" class="group flex h-min items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 rounded-lg focus:ring-2"><span class="flex items-stretch transition-all duration-200 rounded-md text-sm px-4 py-2">Send message</span></button>
-            </form>
+            <h4 class="mb-1 font-medium text-gray-900 dark:text-white">Stefan Bogdanel</h4>
+            <address class="non-italic text-sm font-normal text-gray-500">38 Deidre Avenue,<br>Wickford Essex</address>
+            <h4 class="mb-1 mt-4 font-medium text-gray-900 dark:text-white">Support</h4>
+            <p class="text-sm font-medium text-primary-600 hover:underline dark:text-primary-500"><a href="#">stefan@izdrail.com</a></p>
           </div>
+
       </div>
       </div>
   </section>

diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
@@ -265,7 +265,7 @@ import Feature from '../components/Feature.astro'
             Compare Laravel Mail to other platforms on the market
           </h2>
           <p class="mb-4 text-gray-500 dark:text-gray-400 sm:text-xl">
-            Here at Laravel company, we focus on markets where technology, innovation, and capital can unlock long-term value and drive
+            Here at <a href="https://laravelcompany.com">Laravel Company</a>, we focus on markets where technology, innovation, and capital can unlock long-term value and drive
             economic growth.
           </p><a
             href="#"

diff --git a/frontend/src/pages/try.astro b/frontend/src/pages/try.astro
@@ -62,7 +62,7 @@ import DefaultLayout from '../layouts/DefaultLayout.astro'
         <section class="mb-12">
             <h2 class="text-2xl font-bold  mb-4">Experience the Innovation</h2>
             <div class="p-6 rounded-lg">
-                <p class="font-semibold mb-4">Visit: <a href="https://app.laravelmail.com/login" class="text-blue-600 hover:text-blue-800">laravelmail.com</a></p>
+                <p class="font-semibold mb-4">Visit: <a href="https://app.laravelmail.com/login" class="text-blue-600 hover:text-blue-800">app.laravelmail.com</a></p>
                 <div class=" p-4 rounded shadow-sm">
                     <h3 class="text-lg font-semibold mb-2">Demo Access:</h3>
                     <p class="mb-1"><strong>Username:</strong> marketing@laravelmail.com</p>