chore: wip

Author: chrisbbreuer

README.md

@@ -79,13 +79,13 @@ _Create your personal or professional Vercel-like cloud, based on MIT-licensed O
 - 🔐 **Firewall** _native web application firewall support_
 - 📦 **Storage** _unlimited cloud storage & automatic backups_
 - 🚜 **Maintenance** _maintain your cloud infrastructure with ease using Buddy & Stacks_
-- 🚦 **Infrastructure as Code** _version-controlled cloud infrastructure_
+- 🚦 **Infrastructure as Code** _version-controlled cloud infrastructure (AWS, Google next?)_
 
 ### Stacks CI/CD
 
 _Focus on coding, not publishing._
 
-- 🚀 **Deployment Manager** _take the sweat out of production deployments (AWS, Google next?)_
+- 🚀 **Deployment Manager** _take the sweat out of production deployments—zero setup push-to-deploy_
 - 📫 **Release Manager** _libraries (component & function) auto-published to npm, git helpers, and more_
 
 ### Stacks DX

resources/components/Button.stx

@@ -16,6 +16,7 @@ const variantStyles = {
     slate: 'bg-slate-900 text-white hover:bg-slate-700 hover:text-slate-100 active:bg-slate-800 active:text-slate-300 focus-visible:outline-slate-900',
     blue: 'bg-blue-600 text-white hover:text-slate-100 hover:bg-blue-500 active:bg-blue-800 active:text-blue-100 focus-visible:outline-blue-600',
     white: 'bg-white text-slate-900 hover:bg-blue-50 active:bg-blue-200 active:text-slate-600 focus-visible:outline-white',
+    black: 'bg-black text-white hover:bg-gray-800 active:bg-gray-900 active:text-gray-200 focus-visible:outline-black',
   },
   outline: {
     slate: 'ring-slate-200 text-slate-700 hover:text-slate-900 hover:ring-slate-300 active:bg-slate-100 active:text-slate-600 focus-visible:outline-blue-600 focus-visible:ring-slate-300',

resources/components/marketing/CallToAction.stx

@@ -21,7 +21,7 @@ import backgroundImage from '../../assets/images/background-call-to-action.jpg'
           It’s time to take control of your books. Buy our software so you can
           feel like you’re doing something productive.
         </p>
-        <Button href="/register" variant="solid" color="blue" class="mt-10">
+        <Button href="/register" variant="solid" color="white" class="mt-10">
           View Documentation
         </Button>
       </div>

resources/components/marketing/Faqs.stx

@@ -5,50 +5,43 @@ const faqs = [
   [
     {
       question: 'Where is the database folder?',
-      answer: 'Well no, but if you move your company offshore you can probably ignore it.',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
     {
-      question: 'What about the HTTP folder?',
-      answer: 'Absolutely, we are happy to take your money in all forms.',
+      question: 'And where is the HTTP folder?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
     {
-      question: 'How do I apply for a job at TaxPal?',
-      answer: 'We only hire our customers, so subscribe for a minimum of 6 months and then let’s talk.',
+      question: 'How do I deploy an application?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
   ],
   [
     {
-      question: 'What was that testimonial about tax fraud all about?',
-      answer:
-        'TaxPal is just a software application, ultimately your books are your responsibility.',
+      question: 'Which cloud providers are supported?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
     {
-      question:
-        'TaxPal sounds horrible but why do I still feel compelled to purchase?',
-      answer:
-        'This is the power of excellent visual design. You just can’t resist it, no matter how poorly it actually functions.',
+      question: 'How do I release a component library?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
     {
-      question:
-        'I found other companies called TaxPal, are you sure you can use this name?',
-      answer:
-        'Honestly not sure at all. We haven’t actually incorporated or anything, we just thought it sounded cool and made this website.',
+      question: 'What is Buddy?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
   ],
   [
     {
-      question: 'How do you generate reports?',
-      answer:
-        'You just tell us what data you need a report for, and we get our kids to create beautiful charts for you using only the finest crayons.',
+      question: 'Is it really free?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.',
     },
     {
-      question: 'Can we expect more inventory features?',
-      answer: 'In life it’s really better to never expect anything at all.',
+      question: 'Can I use it in commercial projects?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
     {
-      question: 'I lost my password, how do I get into my account?',
-      answer:
-        'Send us an email and we will send you a copy of our latest password spreadsheet so you can find your information.',
+      question: 'How do I contribute?',
+      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed.'
     },
   ],
 ]

resources/components/marketing/Hero.stx

@@ -18,14 +18,10 @@ const companies = ref([
         <svg
           aria-hidden="true"
           viewBox="0 0 418 42"
-          class="absolute left-0 top-2/3 h-[0.58em] w-full fill-blue-300/70"
+          class="absolute left-0 top-2/3 h-[0.54em] w-full fill-blue-300/70 pb-2"
           preserveAspectRatio="none"
         >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M240.172 22.994c-8.007 1.246-15.477 2.23-31.26 4.114-18.506 2.21-26.323 2.977-34.487 3.386-2.971.149-3.727.324-6.566 1.523-15.124 6.388-43.775 9.404-69.425 7.31-26.207-2.14-50.986-7.103-78-15.624C10.912 20.7.988 16.143.734 14.657c-.066-.381.043-.344 1.324.456 10.423 6.506 49.649 16.322 77.8 19.468 23.708 2.65 38.249 2.95 55.821 1.156 9.407-.962 24.451-3.773 25.101-4.692.074-.104.053-.155-.058-.135-1.062.195-13.863-.271-18.848-.687-16.681-1.389-28.722-4.345-38.142-9.364-15.294-8.15-7.298-19.232 14.802-20.514 16.095-.934 32.793 1.517 47.423 6.96 13.524 5.033 17.942 12.326 11.463 18.922l-.859.874.697-.006c2.681-.026 15.304-1.302 29.208-2.953 25.845-3.07 35.659-4.519 54.027-7.978 9.863-1.858 11.021-2.048 13.055-2.145a61.901 61.901 0 0 0 4.506-.417c1.891-.259 2.151-.267 1.543-.047-.402.145-2.33.913-4.285 1.707-4.635 1.882-5.202 2.07-8.736 2.903-3.414.805-19.773 3.797-26.404 4.829Zm40.321-9.93c.1-.066.231-.085.29-.041.059.043-.024.096-.183.119-.177.024-.219-.007-.107-.079ZM172.299 26.22c9.364-6.058 5.161-12.039-12.304-17.51-11.656-3.653-23.145-5.47-35.243-5.576-22.552-.198-33.577 7.462-21.321 14.814 12.012 7.205 32.994 10.557 61.531 9.831 4.563-.116 5.372-.288 7.337-1.559Z"
-          />
+          <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
         </svg>
         <span class="relative">apps, clouds & libraries.</span><br>
       </span>
@@ -36,7 +32,7 @@ const companies = ref([
       <br>Rapid development, for the best full-stack teams, or individuals.
     </p>
     <div class="mt-10 flex justify-center gap-x-6">
-      <Button href="/register">
+      <Button variant="solid" color="black" href="/register">
         View Documentation
       </Button>
       <Button

resources/components/marketing/PrimaryFeatures.stx

@@ -10,13 +10,12 @@ import screenshotVatReturns from '../../assets/images/screenshots/vat-returns.pn
 const features = [
   {
     title: 'Frontend',
-    description: 'Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora in cum blanditiis? Qui omnis unde.',
-    // image: screenshotPayroll,
+    description: 'Powered by a progressive UI Engine, building application interfaces has never been easier.',
     image: 'https://salient.tailwindui.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpayroll.517af4e7.png&w=1920&q=75',
   },
   {
     title: 'Backend',
-    description: 'Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora in cum blanditiis? Qui omnis unde.',
+    description: 'Building serverless APIs has never been simpler. Focus on your business logic, not your infrastructure.',
     image: 'https://salient.tailwindui.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpayroll.517af4e7.png&w=1920&q=75',
   },
   {
@@ -58,8 +57,7 @@ onUnmounted(() => {
           Build. Ship. Grow.
         </h2>
         <p class="mt-6 text-lg tracking-tight text-blue-100">
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam
-          necessitatibus incidunt ut officiis explicabo inventore.
+          Stacks helps you build, ship, and grow your SaaS business with its powerful set of tools.
         </p>
       </div>
 
@@ -133,6 +131,7 @@ onUnmounted(() => {
             </p>
           </Tab>
         </TabList>
+
         <TabPanels class="lg:col-span-7">
           <TabPanel>
             <div class="relative sm:px-6 lg:hidden">
@@ -142,8 +141,6 @@ onUnmounted(() => {
               </p>
             </div>
             <div class="mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-blue-900/20 sm:w-auto lg:mt-0 lg:w-[67.8125rem]">
-              {{ screenshotExpenses }}
-              <!-- <img src="/expenses.png" alt="" class="w-full"> -->
               <img src="https://salient.tailwindui.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpayroll.517af4e7.png&w=1920&q=75" alt="" class="w-full">
             </div>
           </TabPanel>

resources/components/marketing/SecondaryFeatures.stx

@@ -7,9 +7,9 @@ import screenshotProfitLoss from '../../assets/images/screenshots/profit-loss.pn
 
 const features = [
   {
-    name: 'Reporting',
-    summary: 'Stay on top of things with always up-to-date reporting features.',
-    description: 'We talked about reporting in the section above but we needed three items here, so mentioning it one more time for posterity.',
+    name: 'Dashboard',
+    summary: 'The UI to your application.',
+    description: 'Whether you are a developer or a client, The Dashboard visualizes your data. Easily extend your admin panel.',
     image: 'https://salient.tailwindui.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofit-loss.2a2f85d5.png&w=1200&q=75',
     icon: '',
   },
@@ -39,7 +39,7 @@ const selectedIndex = computed(() => tabIndex.value)
     <Container>
       <div class="mx-auto max-w-2xl md:text-center">
         <h2 class="font-display text-3xl tracking-tight text-slate-900 sm:text-4xl">
-          Coding the simple way.
+          A Developer Experience Like No Other
         </h2>
         <p class="mt-4 text-lg tracking-tight text-slate-700">
           Remove the boilerplate. Remove the repetition. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam