@pareto-engineering/design-system 0.0.1-alpha.60 → 0.0.1-alpha.64

package/src/stories/c/SiteFooter.stories.jsx

@@ -1,33 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { Logo, SiteFooter } from 'ui'
-
-export default {
-  title        :'c/SiteFooter',
-  component    :SiteFooter,
-  subcomponents:{
-    'SiteFooter.Section':SiteFooter.Section,
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => (
-  <SiteFooter className="y-main1">
-    <SiteFooter.Section span={3}>
-      <Logo color="secondary1" />
-
-    </SiteFooter.Section>
-    <SiteFooter.Section title="Our services" span={2}>
-      Column 1
-    </SiteFooter.Section>
-    <SiteFooter.Section title="Social networks" span={2}>
-      Column 2
-    </SiteFooter.Section>
-  </SiteFooter>
-)

package/src/stories/c/SiteHeaderCTA.stories.jsx

@@ -1,28 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { SiteHeaderCTA } from 'ui'
-
-export default {
-  title        :'c/SiteHeaderCTA',
-  component    :SiteHeaderCTA,
-  subcomponents:{
-    // Item:SiteHeaderCTA.Item
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => (
-  <SiteHeaderCTA
-    surveyLink="https://survey.hellopareto.com/"
-    header=" Supercharge your business"
-    subHeader="Pareto helps you delegate time consuming business tasks so you can focus on the work that
-        matters most. We combine the quality and care of real people with the efficiency of machine
-        automation to help entrepreneurs get more done — fast."
-  />
-)

package/src/stories/c/SiteMission.stories.jsx

@@ -1,78 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { SiteMission } from 'ui'
-
-export default {
-  title        :'c/SiteMission',
-  component    :SiteMission,
-  subcomponents:{
-    // Item:SiteMission.Item
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => {
-  const teamReviewMap = [
-    {
-      number     :100,
-      unit       :'%',
-      description:'graduated from college',
-    },
-    {
-      number     :5,
-      unit       :'yrs',
-      description:'average work experience',
-    },
-    {
-      number     :20,
-      unit       :'hrs',
-      description:'of training to join Pareto',
-    },
-    {
-      number     :50,
-      unit       :'%',
-      description:'are work-at-home moms',
-    },
-    {
-      number     :26,
-      unit       :'%',
-      description:'own their own businesses',
-    },
-  ]
-  const teamInfoMap = [
-    {
-      description:'Working at Pareto allows me to learn something new. The team gives everyone a strong support system and never leaves anyone behind, especially when tasks get difficult.',
-      img        :'https://pareto-v1.s3.us-west-2.amazonaws.com/profile-pictures/Mary%20Joy-Montenegro.jpg',
-      name       :'Mary Joy Montenegro',
-      role       :'Associate',
-    },
-    {
-      description:'Working at Pareto constantly allows me to learn something new. The team gives everyone a strong support system and never leaves anyone behind, especially when tasks get difficult.',
-      img        :'https://pareto-v1.s3.us-west-2.amazonaws.com/profile-pictures/Mary%20Joy-Bataller.jpg',
-      name       :'Lanie Col-long',
-      role       :'Associate',
-    },
-    {
-      description:"Every task that's assigned to me excites me! Especially those that are my firsts.",
-      img        :'https://pareto-v1.s3.us-west-2.amazonaws.com/profile-pictures/Lanie-Col-long.png',
-      name       :'Mary Joy Bataller',
-      role       :'Partner',
-    },
-    {
-      description:'Being able to test my limits, explore unique tasks, and see myself grow personally and professionally has helped me become someone I never imagined I could be!',
-      img        :'https://pareto-v1.s3.us-west-2.amazonaws.com/profile-pictures/Marie%20Joyce-Cordero.png',
-      name       :'Joyce Cordero',
-      role       :'Partner',
-    },
-  ]
-
-  return (
-    <SiteMission teamInfoMap={teamInfoMap} teamReviewMap={teamReviewMap} delay={5} />
-  )
-}

package/src/stories/c/SiteNavigation.stories.jsx

@@ -1,79 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { SiteNavigation, Button } from 'ui'
-
-import Router from '../utils/Router'
-
-export default {
-  title        :'c/SiteNavigation',
-  component    :SiteNavigation,
-  subcomponents:{
-    // Item:SiteNavigation.Item
-  },
-  decorators:[
-    (storyfn) => <Router>{ storyfn() }</Router>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => {
-  const menu = [
-    {
-      name:'Home',
-      link:'/',
-    },
-    {
-      name:'Pricing',
-      link:'/pricing',
-    },
-    {
-      name:'Team',
-      link:'/team',
-    },
-  ]
-
-  return (
-    <main style={{ height: '100%' }} className="u1">
-      <SiteNavigation
-        menu={
-      menu
-    }
-        cta={(
-          <Button className="x-main1 s1 md-s-1">
-            Create account
-          </Button>
-    )}
-        className="y-background b-y"
-      />
-      <p style={{ width: '200px' }}>
-        orem ipsum dolor sit amet, consectetur adipiscing elit.
-        Sed placerat risus eget metus hendrerit, a hendrerit mi sodales.
-        Sed ullamcorper blandit auctor.
-        Pellentesque et pulvinar tortor, at auctor augue. Vestibulum lacus turpis,
-        porta eu aliquam vitae, sollicitudin eget mauris.
-        Donec mollis nisl tellus, et maximus quam porttitor ac.
-        Proin mollis consequat purus non iaculis.
-        Phasellus hendrerit et ligula id semper.
-        Ut vehicula faucibus nisl, ac mollis nulla cursus et.
-        Aliquam rhoncus ipsum ac diam vehicula, id eleifend mauris dictum.
-        Mauris maximus massa id dolor feugiat, eu viverra erat finibus. Proin vel congue odio.
-        Fusce varius augue sit amet felis convallis, at euismod felis rhoncus.
-
-        Aliquam consectetur iaculis porta.
-        Etiam vel leo libero.
-        Praesent et metus quis orci pellentesque finibus id hendrerit dui.
-        Duis et ipsum tristique, lacinia justo ac, iaculis erat.
-        Nunc mattis urna ut ligula convallis, sed blandit tellus blandit.
-        Suspendisse urna arcu, luctus ac urna eu, mollis pharetra diam.
-        Duis facilisis, elit in iaculis bibendum,
-        leo lectus ullamcorper massa, sit amet elementum erat massa id lacus.
-        Mauris ut quam vestibulum, pellentesque dui sit amet, volutpat ipsum.
-        Cras pellentesque risus sed leo efficitur, id rhoncus enim varius.
-      </p>
-
-    </main>
-  )
-}

package/src/stories/c/SiteOnboardingStep.stories.jsx

@@ -1,46 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { SiteOnboardingStep } from 'ui'
-
-export default {
-  title        :'c/SiteOnboardingStep',
-  component    :SiteOnboardingStep,
-  subcomponents:{
-    // Item:SiteOnboardingStep.Item
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => {
-  const stepMap = [{
-    svgTarget  :'handshake',
-    index      :'Step 1',
-    title      :'Meet your Pareto Partner',
-    description:'Hop on a free coaching call to learn how to effectively delegate to Pareto and identify tasks to hand-off.',
-
-  },
-  {
-    svgTarget  :'rocket',
-    index      :'Step 2',
-    title      :'Launch projects in minutes',
-    description:'Email or Slack your Pareto Partner simple instructions to quickly hand-off repetitive business processes.',
-
-  },
-  {
-    svgTarget  :'graph',
-    index      :'Step 3',
-    title      :'Focus on strategic work',
-    description:'Your Partner recruits trained experts to execute your tasks, manages progress, and shares insightful updates.',
-
-  }]
-
-  return (
-    <SiteOnboardingStep stepMap={stepMap} />
-  )
-}

package/src/stories/c/SitePricing.stories.jsx

@@ -1,48 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { SitePricing } from 'ui'
-
-export default {
-  title        :'c/SitePricing',
-  component    :SitePricing,
-  subcomponents:{
-    // Item:SitePricing.Item
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => {
-  const pricingMap = [
-    {
-      type    :"Pareto's Time",
-      price   :'$20/hr',
-      features:[
-        '🎁 Outsource 100s of tasks',
-        '🙋🏻‍♀️ Trusted, on-demand support',
-        '💸 Pay as you go, no minimums',
-        '📈 Scale with volume discounts',
-      ],
-    },
-    {
-      type    :'Your Time',
-      price   :'Priceless',
-      features:[
-        '🌟 Focus on the work that matters most',
-        '💫 Skip the hassle of vetting and hiring',
-        '⚡️ 10x productivity with smart delegation',
-        '💃🏻 Support women-owned & operated teams'],
-    },
-  ]
-
-  return (
-    <div className="y-main1 b-y">
-      <SitePricing pricingMap={pricingMap} />
-    </div>
-  )
-}

package/src/stories/c/SiteServices.stories.jsx

@@ -1,170 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { SiteServices } from 'ui'
-
-export default {
-  title        :'c/SiteServices',
-  component    :SiteServices,
-  subcomponents:{
-    // Item:SiteServices.Item
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => {
-  const servicesMap = {
-    sales:[
-      {
-        task :'Generate sales leads',
-        icon :'✨',
-        email:{
-          subject    :'Fintech founder lead generation',
-          description:'I need a list of all fintech founders featured in Forbes, Business Insider, CB Insights, and AngelList newsletters. Please send me a spreadsheet containing their name, title, company website, and email address within the week.',
-        },
-      },
-      {
-        task :'Enrich customer data',
-        icon :'💡',
-        email:{
-          subject    :'Find phone numbers for 300 businesses',
-          description:'Could you please compile direct phone numbers for the attached list of 300 target businesses? I need a spreadsheet containing the company name and phone number by 8 am on Wednesday.',
-        },
-      },
-      {
-        task :'Engage social media',
-        icon :'🎤',
-        email:{
-          subject    :'Share my update with LinkedIn women in tech groups',
-          description:'Great work on the last project. Next, please join 10 LinkedIn women in tech groups and share the attached flyer. Rush task!',
-        },
-      },
-      {
-        task :'Prospect on LinkedIn',
-        icon :'💬',
-        email:{
-          subject    :'Find & connect with the 100 most followed women in product',
-          description:'Please find the top 100 women in product and connect with them on LinkedIn in the next 2 days. Send them a message using the attached template and add their responses to our CRM.',
-        },
-      },
-    ],
-    product:[
-      {
-        task :'Source materials',
-        icon :'🔮',
-        email:{
-          subject    :'Search for suppliers',
-          description:'Can you help me find all local granite suppliers within a 100 mile radius? I need a spreadsheet with their name, address, website, and support email in 2 days.',
-        },
-      },
-      {
-        task :'Research market landscape',
-        icon :'🔎',
-        email:{
-          subject    :'Find top 20 competitors and research industry growth rate',
-          description:'Please generate a list of our top 20 competitors and research the growth rate of the HR software industry over the past decade. Return a spreadsheet of the company names and growth rates by Wednesday at 2 pm PST.',
-        },
-      },
-      {
-        task :'Scrape detailed data',
-        icon :'💎',
-        email:{
-          subject    :'Research arts grants, rush task',
-          description:'I need to find relevant arts grants for our company to apply to. Please create a spreadsheet containing the grant name, description, application deadline, and contact details and get this back to me ASAP.',
-        },
-      },
-      {
-        task :'Organize & label content',
-        icon :'🏷',
-        email:{
-          subject    :'Tag and organize digital assets, rush task',
-          description:'Please tag and organize our marketing and logo assets with the attached keywords. Share the assets folder with me ASAP!',
-        },
-      },
-    ],
-    hiring:[
-      {
-        task :'Source talent',
-        icon :'👩🏻‍💻',
-        email:{
-          subject    :'Find experienced SaaS product managers',
-          description:"Please help us find 200 senior product managers in Seattle and Bay Area working at SaaS companies. Create a spreadsheet with the person's name, LinkedIn URL, and work experience. Return it to me by tomorrow.",
-        },
-      },
-      {
-        task :'Schedule meetings',
-        icon :'📅',
-        email:{
-          subject    :'Help me schedule meetings',
-          description:'Please help me schedule meetings over email and add the meetings to my calendar.',
-        },
-      },
-      {
-        task :'Screen documents',
-        icon :'📃',
-        email:{
-          subject    :'Filter resumés by experience & reach out to qualified candidates',
-          description:"Please sort through the résumés I've sent and identify candidates with 5+ years of product experience. Upload qualifying résumés to the 'qualified' GDrive folder.",
-        },
-      },
-      {
-        task :'Send emails',
-        icon :'💌',
-        email:{
-          subject    :'Email rejected candidates using template',
-          description:'Please respond to rejected applicants with the attached email template. Personalize each message with interview notes from the attached spreadsheet.',
-        },
-      },
-    ],
-    admin:[
-      {
-        task :'Call people & businesses',
-        icon :'☎️',
-        email:{
-          subject    :'Call UK service providers',
-          description:'Please call the following service providers to book demos with each of them using my GCal availability.',
-        },
-      },
-      {
-        task :'Make online purchases',
-        icon :'🛒',
-        email:{
-          subject    :'Restock office space',
-          description:'We need you help to restock our office supplies. See the attached list of items, buy them on Amazon, and email me the receipts.',
-        },
-      },
-      {
-        task :'Find nearby facilities',
-        icon :'📍',
-        email:{
-          subject    :'Find and call print shops near Stanford',
-          description:'Look for print shops within a 5 mile radius of Stanford. Call each shop and record the cost of printing 200 colored one-sided 8x11 posters on a spreadsheet.',
-        },
-      },
-      {
-        task :'Set recurring reminders',
-        icon :'🔔',
-        email:{
-          subject    :'Email rejected candidates using template',
-          description:'Email me every Monday to ask me for my weekly goals and aggregate my weekly activity on Trello each Friday.',
-        },
-      },
-    ],
-
-  }
-
-  return (
-    <div className="y-main1 b-y">
-      <SiteServices
-        servicesMap={servicesMap}
-        attachmentPath="/email-attach.svg"
-        deletePath="/email-delete.svg"
-      />
-    </div>
-  )
-}