@appcorp/app-corp-vista 0.2.3 → 0.2.4

package/organisms/vista-incentive-v1/vista-incentive-v1.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV1: () => React.JSX.Element;

package/organisms/vista-incentive-v1/vista-incentive-v1.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free shipping',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-shipping-simple.svg',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-simple.svg',
+        description: "If it breaks in the first 10 years we'll replace it. After that you're on your own though.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-exchange-simple.svg',
+        description: "If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.",
+    },
+];
+var VistaIncentiveV1 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 lg:max-w-none" },
+                react_1.default.createElement("div", { className: "grid grid-cols-1 items-center gap-x-16 gap-y-10 lg:grid-cols-2" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("h2", { className: "text-4xl font-bold tracking-tight text-gray-900" }, "We built our business on great customer service"),
+                        react_1.default.createElement("p", { className: "mt-4 text-gray-500" }, "At the beginning at least, but then we realized we could make a lot more money if we kinda stopped caring about that. Our new strategy is to write a bunch of things that look really good in the headlines, then clarify in the small print but hope people dont actually read it.")),
+                    react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/incentives-07-hero.jpg", className: "aspect-3/2 w-full rounded-lg bg-gray-100 object-cover" })),
+                react_1.default.createElement("div", { className: "mt-16 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "sm:flex lg:block" },
+                    react_1.default.createElement("div", { className: "sm:shrink-0" },
+                        react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "size-16" })),
+                    react_1.default.createElement("div", { className: "mt-4 sm:mt-0 sm:ml-6 lg:mt-6 lg:ml-0" },
+                        react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                        react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); }))))));
+};
+exports.VistaIncentiveV1 = VistaIncentiveV1;

package/organisms/vista-incentive-v2/vista-incentive-v2.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV2: () => React.JSX.Element;

package/organisms/vista-incentive-v2/vista-incentive-v2.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free Shipping',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-delivery-light.svg',
+    },
+    {
+        name: '24/7 Customer Support',
+        description: 'Our AI chat widget is powered by a naive series of if/else statements. Guaranteed to irritate.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-chat-light.svg',
+    },
+    {
+        name: 'Fast Shopping Cart',
+        description: "Look how fast that cart is going. What does this mean for the actual experience? I don't know.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-fast-checkout-light.svg',
+    },
+    {
+        name: 'Gift Cards',
+        description: "Buy them for your friends, especially if they don't like our store. Free money for us, it's great.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-gift-card-light.svg',
+    },
+];
+var VistaIncentiveV2 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8" },
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-y-12 sm:grid-cols-2 sm:gap-x-6 lg:grid-cols-4 lg:gap-x-8" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name },
+                react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "h-24 w-auto" }),
+                react_1.default.createElement("h3", { className: "mt-6 text-sm font-medium text-gray-900" }, incentive.name),
+                react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description))); })))));
+};
+exports.VistaIncentiveV2 = VistaIncentiveV2;

package/organisms/vista-incentive-v3/vista-incentive-v3.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV3: () => React.JSX.Element;

package/organisms/vista-incentive-v3/vista-incentive-v3.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free shipping',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-shipping-simple.svg',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-simple.svg',
+        description: "If it breaks in the first 10 years we'll replace it. After that you're on your own though.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-exchange-simple.svg',
+        description: "If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.",
+    },
+];
+var VistaIncentiveV3 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 lg:max-w-none" },
+                react_1.default.createElement("div", { className: "max-w-3xl" },
+                    react_1.default.createElement("h2", { className: "text-4xl font-bold tracking-tight text-gray-900" }, "We built our business on customer service"),
+                    react_1.default.createElement("p", { className: "mt-4 text-gray-500" }, "At the beginning at least, but then we realized we could make a lot more money if we kinda stopped caring about that. Our new strategy is to write a bunch of things that look really good in the headlines, then clarify in the small print but hope people dont actually read it.")),
+                react_1.default.createElement("div", { className: "mt-16 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "sm:flex lg:block" },
+                    react_1.default.createElement("div", { className: "sm:shrink-0" },
+                        react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "size-16" })),
+                    react_1.default.createElement("div", { className: "mt-4 sm:mt-0 sm:ml-6 lg:mt-6 lg:ml-0" },
+                        react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                        react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); }))))));
+};
+exports.VistaIncentiveV3 = VistaIncentiveV3;

package/organisms/vista-incentive-v4/vista-incentive-v4.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV4: () => React.JSX.Element;

package/organisms/vista-incentive-v4/vista-incentive-v4.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV4 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free Shipping',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-delivery-light.svg',
+    },
+    {
+        name: '24/7 Customer Support',
+        description: 'Our AI chat widget is powered by a naive series of if/else statements. Guaranteed to irritate.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-chat-light.svg',
+    },
+    {
+        name: 'Fast Shopping Cart',
+        description: "Look how fast that cart is going. What does this mean for the actual experience? I don't know.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-fast-checkout-light.svg',
+    },
+];
+var VistaIncentiveV4 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "text-center sm:flex sm:text-left lg:block lg:text-center" },
+                react_1.default.createElement("div", { className: "sm:shrink-0" },
+                    react_1.default.createElement("div", { className: "flow-root" },
+                        react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "mx-auto h-24 w-28" }))),
+                react_1.default.createElement("div", { className: "mt-3 sm:mt-0 sm:ml-3 lg:mt-3 lg:ml-0" },
+                    react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                    react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); })))));
+};
+exports.VistaIncentiveV4 = VistaIncentiveV4;

package/organisms/vista-incentive-v5/vista-incentive-v5.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV5: () => React.JSX.Element;

package/organisms/vista-incentive-v5/vista-incentive-v5.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV5 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free shipping',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-shipping-simple.svg',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-simple.svg',
+        description: "If it breaks in the first 10 years we'll replace it. After that you're on your own though.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-exchange-simple.svg',
+        description: "If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.",
+    },
+];
+var VistaIncentiveV5 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "rounded-2xl bg-gray-50 px-6 py-16 sm:p-16" },
+                react_1.default.createElement("div", { className: "mx-auto max-w-xl lg:max-w-none" },
+                    react_1.default.createElement("div", { className: "text-center" },
+                        react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight text-gray-900" }, "We built our business on customer service")),
+                    react_1.default.createElement("div", { className: "mx-auto mt-12 grid max-w-sm grid-cols-1 gap-x-8 gap-y-10 sm:max-w-none lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "text-center sm:flex sm:text-left lg:block lg:text-center" },
+                        react_1.default.createElement("div", { className: "sm:shrink-0" },
+                            react_1.default.createElement("div", { className: "flow-root" },
+                                react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "mx-auto size-16" }))),
+                        react_1.default.createElement("div", { className: "mt-3 sm:mt-0 sm:ml-6 lg:mt-6 lg:ml-0" },
+                            react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                            react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); })))))));
+};
+exports.VistaIncentiveV5 = VistaIncentiveV5;

package/organisms/vista-incentive-v6/vista-incentive-v6.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV6: () => React.JSX.Element;

package/organisms/vista-incentive-v6/vista-incentive-v6.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV6 = void 0;
+var react_1 = __importDefault(require("react"));
+var perks = [
+    {
+        name: 'Free delivery',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-delivery-light.svg',
+        description: "Order now and you'll get delivery absolutely free. Well, it's not actually free, we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-light.svg',
+        description: "We have a 10 year warranty with every product that you purchase, whether thats a new pen or organizer, you can be sure we'll stand behind it.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-returns-light.svg',
+        description: 'We understand that when your product arrives you might not particularly like it, or you ordered the wrong thing. Conditions apply here.',
+    },
+    {
+        name: 'For the planet',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-planet-light.svg',
+        description: "Like you, we love the planet, and so we've pledged 1% of all sales to the preservation and restoration of the natural environment.",
+    },
+];
+var VistaIncentiveV6 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("h2", { className: "sr-only" }, "Our perks"),
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 px-4 lg:max-w-none lg:grid-cols-2 lg:gap-y-16" }, perks.map(function (perk) { return (react_1.default.createElement("div", { key: perk.name, className: "sm:flex" },
+                react_1.default.createElement("div", { className: "sm:shrink-0" },
+                    react_1.default.createElement("div", { className: "flow-root" },
+                        react_1.default.createElement("img", { alt: "", src: perk.imageSrc, className: "h-24 w-28" }))),
+                react_1.default.createElement("div", { className: "mt-3 sm:mt-0 sm:ml-3" },
+                    react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, perk.name),
+                    react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, perk.description)))); })))));
+};
+exports.VistaIncentiveV6 = VistaIncentiveV6;

package/organisms/vista-incentive-v7/vista-incentive-v7.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV7: () => React.JSX.Element;

package/organisms/vista-incentive-v7/vista-incentive-v7.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV7 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var perks = [
+    { name: '10-year all-inclusive warranty', description: 'We’ll replace it with a new one', icon: outline_1.CalendarIcon },
+    { name: 'Free shipping on returns', description: 'Send it back for free', icon: outline_1.ArrowPathIcon },
+    { name: 'Free, contactless delivery', description: 'The shipping is on us', icon: outline_1.TruckIcon },
+];
+var VistaIncentiveV7 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("h2", { className: "sr-only" }, "Our perks"),
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl divide-y divide-gray-200 lg:flex lg:justify-center lg:divide-x lg:divide-y-0 lg:py-8" }, perks.map(function (perk, perkIdx) { return (react_1.default.createElement("div", { key: perkIdx, className: "py-8 lg:w-1/3 lg:flex-none lg:py-0" },
+            react_1.default.createElement("div", { className: "mx-auto flex max-w-xs items-center px-4 lg:max-w-none lg:px-8" },
+                react_1.default.createElement(perk.icon, { "aria-hidden": "true", className: "size-8 shrink-0 text-indigo-600" }),
+                react_1.default.createElement("div", { className: "ml-4 flex flex-auto flex-col-reverse" },
+                    react_1.default.createElement("h3", { className: "font-medium text-gray-900" }, perk.name),
+                    react_1.default.createElement("p", { className: "text-sm text-gray-500" }, perk.description))))); }))));
+};
+exports.VistaIncentiveV7 = VistaIncentiveV7;

package/organisms/vista-incentive-v8/vista-incentive-v8.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaIncentiveV8: () => React.JSX.Element;

package/organisms/vista-incentive-v8/vista-incentive-v8.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV8 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var incentives = [
+    { name: 'Free, contactless delivery', icon: outline_1.TruckIcon },
+    { name: 'No questions asked returns', icon: outline_1.CheckBadgeIcon },
+    { name: '2-year warranty', icon: outline_1.CalendarIcon },
+];
+var VistaIncentiveV8 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("h2", { className: "sr-only" }, "Why you should buy from us"),
+        react_1.default.createElement("div", { className: "flex overflow-x-auto" },
+            react_1.default.createElement("div", { className: "mx-auto flex space-x-12 px-4 py-3 whitespace-nowrap sm:px-6 lg:space-x-24 lg:px-8" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "flex items-center text-sm font-medium text-indigo-600" },
+                react_1.default.createElement(incentive.icon, { "aria-hidden": "true", className: "mr-2 size-6 flex-none" }),
+                react_1.default.createElement("p", null, incentive.name))); })))));
+};
+exports.VistaIncentiveV8 = VistaIncentiveV8;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-incentive-type.d.ts

@@ -0,0 +1,24 @@
+export interface VistaIncentiveV1Props {
+    id: string;
+}
+export interface VistaIncentiveV2Props {
+    id: string;
+}
+export interface VistaIncentiveV3Props {
+    id: string;
+}
+export interface VistaIncentiveV4Props {
+    id: string;
+}
+export interface VistaIncentiveV5Props {
+    id: string;
+}
+export interface VistaIncentiveV6Props {
+    id: string;
+}
+export interface VistaIncentiveV7Props {
+    id: string;
+}
+export interface VistaIncentiveV8Props {
+    id: string;
+}

package/type/vista-incentive-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });