Polishing (#16)

app/main.wasp

@@ -7,7 +7,7 @@ app OpenSaaS {
         "<meta property='og:type' content='website' />",
         "<meta property='og:title' content='FastAgency' />",
         "<meta property='og:url' content='https://fastagency.ai/' />", 
-        "<meta property='og:description' content='FastAgency.ai: Your multi-agent AI digital marketing assistant.' />",
+        "<meta property='og:description' content='Quickly build scalable SaaS solutions using our powerful, multi-agent AI framework that streamlines complex processes.' />",
         "<meta property='og:image' content='https://fastagency.ai/public-banner.png' />",
         "<meta name='twitter:image' content='https://fastagency.ai/public-banner.png' />", 
         "<meta name='twitter:image:width' content='800' />",

app/src/client/components/AppNavBar.tsx

@@ -12,7 +12,7 @@ import DarkModeSwitcher from '../admin/components/DarkModeSwitcher';
 import { UserMenuItems } from '../components/UserMenuItems';
 import { navigation } from '../landing-page/contentSections';
 
-const NavLogo = () => <img className='h-8 w-8' src={logo} alt='Your SaaS App' />;
+const NavLogo = () => <img className='h-8' src={logo} style={{ width: '1.8rem' }} alt='FastAgency' />;
 
 export default function AppNavBar() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -21,9 +21,13 @@ export default function AppNavBar() {
   return (
     <header className='absolute inset-x-0 top-0 z-50 shadow sticky bg-airt-primary backdrop-blur-lg backdrop-filter dark:border dark:border-gray-100/10 dark:bg-boxdark-2'>
       <nav className='flex items-center justify-between p-6 lg:px-8' aria-label='Global'>
-        <div className='flex lg:flex-1'>
-          <a href='/' className='-m-1.5 p-1.5'>
-            <img className='h-8 w-8' src={logo} alt='FastAgency' />
+        <div className='flex items-center lg:flex-1'>
+          <a
+            href='/'
+            className='flex items-center -m-1.5 p-1.5 text-airt-font-base duration-300 ease-in-out hover:text-airt-secondary'
+          >
+            <NavLogo />
+            <span className='ml-2 text-4xl font-rubik text-airt-font-base leading-6 dark:text-white'>FastAgency</span>
           </a>
         </div>
         <div className='flex lg:hidden'>
@@ -70,7 +74,7 @@ export default function AppNavBar() {
         <Dialog.Panel className='fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white dark:text-white dark:bg-boxdark px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-airt-font-base'>
           <div className='flex items-center justify-between'>
             <a href='/' className='-m-1.5 p-1.5'>
-              <span className='sr-only'>Your SaaS</span>
+              <span className='sr-only'>FastAgency</span>
               <NavLogo />
             </a>
             <button
@@ -90,7 +94,7 @@ export default function AppNavBar() {
                     key={item.name}
                     href={item.href}
                     onClick={() => setMobileMenuOpen(false)}
-                    className='-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-airt-font-base hover:bg-gray-50 dark:text-white hover:dark:bg-boxdark-2'
+                    className='-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-airt-primary hover:bg-gray-50 dark:text-white hover:dark:bg-boxdark-2'
                   >
                     {item.name}
                   </a>
@@ -107,9 +111,9 @@ export default function AppNavBar() {
                   <UserMenuItems user={user} setMobileMenuOpen={setMobileMenuOpen} />
                 )}
               </div>
-              <div className='py-6'>
+              {/* <div className='py-6'>
                 <DarkModeSwitcher />
-              </div>
+              </div> */}
             </div>
           </div>
         </Dialog.Panel>

app/src/client/components/Footer.tsx

@@ -3,7 +3,7 @@ import FooterMascot from '../static/robot-footer.svg';
 
 export default function Footer() {
   return (
-    <div className='bg-airt-primary px-6 lg:px-8 dark:bg-boxdark-2 pb-24 sm:mt-40'>
+    <div className='bg-airt-primary px-6 lg:px-8 dark:bg-boxdark-2 pb-24 mt-30 sm:mt-40'>
       <section className='relative'>
         <div className='flex items-center justify-center'>
           <img className='absolute -top-17 left-1/2 transform -translate-x-1/2 h-auto w-28' src={FooterMascot} />

app/src/client/landing-page/LandingPage.tsx

@@ -19,7 +19,7 @@ export default function LandingPage() {
 
   const { data: user, isLoading: isUserLoading } = useAuth();
 
-  const NavLogo = () => <img className='h-8 w-8' src={logo} alt='Your SaaS App' />;
+  const NavLogo = () => <img className='h-8' src={logo} style={{ width: '1.8rem' }} alt='FastAgency' />;
 
   return (
     <div className='dark:text-white dark:bg-boxdark-2'>
@@ -32,12 +32,7 @@ export default function LandingPage() {
               className='flex items-center -m-1.5 p-1.5 text-airt-font-base duration-300 ease-in-out hover:text-airt-secondary'
             >
               <NavLogo />
-              <span
-                className='ml-2 text-4xl font-rubik text-airt-font-base leading-6 dark:text-white'
-                style={{ marginTop: '3px' }}
-              >
-                FastAgency
-              </span>
+              <span className='ml-2 text-4xl font-rubik text-airt-font-base leading-6 dark:text-white'>FastAgency</span>
             </a>
           </div>
           <div className='flex lg:hidden'>
@@ -105,7 +100,7 @@ export default function LandingPage() {
                       key={item.name}
                       href={item.href}
                       onClick={() => setMobileMenuOpen(false)}
-                      className='-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-airt-font-base hover:bg-gray-50 dark:text-white dark:hover:bg-boxdark-2'
+                      className='-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-airt-primary hover:bg-gray-50 dark:text-white dark:hover:bg-boxdark-2'
                     >
                       {item.name}
                     </a>
@@ -122,9 +117,9 @@ export default function LandingPage() {
                     <UserMenuItems user={user} />
                   )}
                 </div>
-                <div className='py-6'>
+                {/* <div className='py-6'>
                   <DarkModeSwitcher />
-                </div>
+                </div> */}
               </div>
             </div>
           </Dialog.Panel>
@@ -138,11 +133,11 @@ export default function LandingPage() {
             <div className='mx-auto max-w-8xl px-6 lg:px-8'>
               <div className='lg:mb-18 mx-auto max-w-5xl text-center'>
                 <h1 className='text-4xl font-rubik text-airt-font-base sm:text-6xl dark:text-white'>
-                  FastAgency.ai: Your <span className='italic'>multi-agent</span> AI digital marketing assistant.
+                  FastAgency.ai: A framework for building <span className='italic'>multi-agent </span> AI services.
                 </h1>
                 <p className='mt-6 mx-auto max-w-2xl text-lg leading-8 text-airt-font-base dark:text-white'>
-                  Unleash the full potential of your advertising efforts with personalized, AI-driven strategies that
-                  evolve with your business. 30 days free trial, no credit card required!
+                  Quickly build scalable SaaS solutions using our powerful, multi-agent AI framework that streamlines
+                  complex processes.
                 </p>
                 <div className='mt-10 flex items-center justify-center gap-x-6'>
                   {/* <a

app/src/client/landing-page/contentSections.ts

@@ -9,30 +9,31 @@ export const navigation = [
 ];
 export const features = [
   {
-    name: 'Intelligent Strategy Customization',
-    description: 'FastAgency tailors campaigns to your business goals using AI that understands your audience.',
-    icon: '🤖', //'🤝',
+    name: 'Build with Your Own APIs: Integrate Seamlessly with Custom Agent Design',
+    description:
+      'Integrate your existing systems seamlessly by defining agents with your own REST APIs. FastAgency.ai allows you to craft bespoke agents tailored to your specific business processes, enabling a personalized approach to AI-driven solutions. This flexibility ensures that you can create highly specialized services that address unique challenges effectively.',
+    icon: '⚙️', //'🤝',
     href: '',
   },
   {
-    name: '360° Campaign Management',
+    name: 'Set It and Forget It: Achieve Autonomous Operations with Minimal Oversight',
     description:
-      'Our specialized AI agents manage everything from keyword selection to budget optimization, keeping your campaigns at peak efficiency.',
-    icon: '👍', //'🔐',
+      'Our platform empowers your agents to operate autonomously, handling complex tasks and decision-making without constant human oversight. This feature not only enhances operational efficiency but also allows your team to focus on strategic activities, boosting productivity and innovation across the board.',
+    icon: '🤖', //'🔐',
     href: '',
   },
   {
-    name: 'Data Privacy First',
+    name: 'Launch Faster Than Ever: Accelerate Time-to-Market with Rapid Deployment',
     description:
-      'Your data remains secure. We offer real-time processing and optional chat history storage to ensure maximum privacy and security for your business information.',
-    icon: '🔐',
+      "Accelerate your time-to-market with FastAgency.ai's streamlined deployment process. Our framework is designed for speed, allowing you to move from concept to launch in record time. This rapid deployment capability ensures that you can quickly adapt to market changes and gain a competitive edge.",
+    icon: '⚡',
     href: '',
   },
   {
-    name: 'Seamless Integration',
+    name: 'Start Collecting Revenue in Just a Week with Rapid Monetization',
     description:
-      'FastAgency seamlessly integrates with your current workflows, beginning with Google Ads and quickly extending to more platforms.',
-    icon: '🤝', //'💸',
+      'Dive into the market swiftly with FastAgency.ai. Our platform enables you to go from setup to sales within a week, allowing you to start generating revenue almost immediately. This rapid monetization feature is designed to give businesses a significant head start, accelerating the return on investment and enabling you to capitalize on AI-driven opportunities faster than ever.',
+    icon: '💸',
     href: '',
   },
 ];