diff --git a/Documentation/docs/components/announcement banners/AButtonOnGradientBackground.md b/Documentation/docs/components/announcement banners/AButtonOnGradientBackground.md new file mode 100644 index 0000000..27301ec --- /dev/null +++ b/Documentation/docs/components/announcement banners/AButtonOnGradientBackground.md @@ -0,0 +1,41 @@ +--- +sidebar_position: 2 +--- + +# A Button On Gradient Background + +![Cards](/img/a-button-on-gradient-background.png) + +```jsx title="Frontend/sections/AnnouncementBanners/AButtonOnGradientBackground.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+

+ Preview of Preline +

+

+ Sign up to get unlimited updates. No credit card required. +

+
+ {/* */} + +
+ + Sign up free + +
+ {/* */} +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/CenterAlignedInContainerSizeWithBackgroundElements.md b/Documentation/docs/components/announcement banners/CenterAlignedInContainerSizeWithBackgroundElements.md new file mode 100644 index 0000000..075ecac --- /dev/null +++ b/Documentation/docs/components/announcement banners/CenterAlignedInContainerSizeWithBackgroundElements.md @@ -0,0 +1,41 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned In Container Size With Background Elements + +![Cards](/img/center-aligned-in-container-size-with-background-elements.png) + +```jsx title="Frontend/sections/AnnouncementBanners/CenterAlignedInContainerSizeWithBackgroundElements.tsx" +<> + {/* */} +
+
+

+ FastPocket UI Figma is live. +

+ + Learn more + + + + +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/FullWidthCenterAlignedLinkOnGrayBackground.md b/Documentation/docs/components/announcement banners/FullWidthCenterAlignedLinkOnGrayBackground.md new file mode 100644 index 0000000..19f9bba --- /dev/null +++ b/Documentation/docs/components/announcement banners/FullWidthCenterAlignedLinkOnGrayBackground.md @@ -0,0 +1,41 @@ +--- +sidebar_position: 2 +--- + +# Full Width Center Aligned Link On Gray Background + +![Cards](/img/full-width-center-aligned-link-on-gray-background.png) + +```jsx title="Frontend/sections/AnnouncementBanners/FullWidthCenterAlignedLinkOnGrayBackground.tsx" +<> + {/* */} + +
+

+ Shop for everyone on your list with the FastPocket Guide. +

+ + Shop now + + + + +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/FullWidthWithDismissButtonOnRedBackground copy.md b/Documentation/docs/components/announcement banners/FullWidthWithDismissButtonOnRedBackground copy.md new file mode 100644 index 0000000..a47743e --- /dev/null +++ b/Documentation/docs/components/announcement banners/FullWidthWithDismissButtonOnRedBackground copy.md @@ -0,0 +1,54 @@ +--- +sidebar_position: 2 +--- + +# Full Width With Dismiss Button On Red Background + +![Cards](/img/full-width-with-dismiss-button-on-red-background.png) + +```jsx title="Frontend/sections/AnnouncementBanners/FullWidthWithDismissButtonOnRedBackground.tsx" +<> + {/* */} +
+
+
+

+ FastPocket UI Figma is live.{" "} + + Learn more + +

+ +
+ +
+
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/FullWidthWithDismissButtonOnRedBackground.md b/Documentation/docs/components/announcement banners/FullWidthWithDismissButtonOnRedBackground.md new file mode 100644 index 0000000..a47743e --- /dev/null +++ b/Documentation/docs/components/announcement banners/FullWidthWithDismissButtonOnRedBackground.md @@ -0,0 +1,54 @@ +--- +sidebar_position: 2 +--- + +# Full Width With Dismiss Button On Red Background + +![Cards](/img/full-width-with-dismiss-button-on-red-background.png) + +```jsx title="Frontend/sections/AnnouncementBanners/FullWidthWithDismissButtonOnRedBackground.tsx" +<> + {/* */} +
+
+
+

+ FastPocket UI Figma is live.{" "} + + Learn more + +

+ +
+ +
+
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/LightPilledStyleLink.md b/Documentation/docs/components/announcement banners/LightPilledStyleLink.md new file mode 100644 index 0000000..5d23a91 --- /dev/null +++ b/Documentation/docs/components/announcement banners/LightPilledStyleLink.md @@ -0,0 +1,42 @@ +--- +sidebar_position: 2 +--- + +# Light Pilled Style Link + +![Cards](/img/light-pilled-style-link.png) + +```jsx title="Frontend/sections/AnnouncementBanners/LightPilledStyleLink.tsx" +
+
+ {/* */} + +
+

+ FastPocket UI Figma is live. +

+ + + + + +
+
+ {/* */} +
+
+``` diff --git a/Documentation/docs/components/announcement banners/LinksInGradientBackground.md b/Documentation/docs/components/announcement banners/LinksInGradientBackground.md new file mode 100644 index 0000000..eabdddc --- /dev/null +++ b/Documentation/docs/components/announcement banners/LinksInGradientBackground.md @@ -0,0 +1,65 @@ +--- +sidebar_position: 2 +--- + +# Links In Gradient Background + +![Cards](/img/links-in-gradient-background.png) + +```jsx title="Frontend/sections/AnnouncementBanners/LinksInGradientBackground.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+

+ Ready to get started? +

+ + Sign up + +
+ {/* */} + +
+ + + + + Watch demo + + + + Explore what's new + +
+ {/* */} +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/MediaObjectStyleWithBlurredBackground.md b/Documentation/docs/components/announcement banners/MediaObjectStyleWithBlurredBackground.md new file mode 100644 index 0000000..9f26647 --- /dev/null +++ b/Documentation/docs/components/announcement banners/MediaObjectStyleWithBlurredBackground.md @@ -0,0 +1,77 @@ +--- +sidebar_position: 2 +--- + +# Media Object Style With Blurred Background + +![Cards](/img/media-object-style-with-blurred-background.png) + +```jsx title="Frontend/sections/AnnouncementBanners/MediaObjectStyleWithBlurredBackground.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+ + + + + + + +
+

+ Get started today. +

+

+ Sign up to get unlimited updates. +

+
+
+ {/* */} + +
+ + Free trial + + + Buy now + +
+ {/* */} +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/announcement banners/_category_.json b/Documentation/docs/components/announcement banners/_category_.json new file mode 100644 index 0000000..e54b06d --- /dev/null +++ b/Documentation/docs/components/announcement banners/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Announcemente Banners", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/blog articles/CenterAlignedInSmallSize.md b/Documentation/docs/components/blog articles/CenterAlignedInSmallSize.md new file mode 100644 index 0000000..709edc8 --- /dev/null +++ b/Documentation/docs/components/blog articles/CenterAlignedInSmallSize.md @@ -0,0 +1,481 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned In Small Size + +![Cards](/img/center-aligned-in-small-size.png) + +```jsx title="Frontend/sections/BlogArticles/CenterAlignedInSmallSize.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+
+ Image Description +
+ +
+
+
+ {/* */} +
+
+ + Leyla Ludic + + + {/* */} +
+ {/* */} +
+
+
+ Image Description +
+ +
+

+ Leyla Ludic +

+
+
+

+ Leyla is a Customer Success Specialist at Preline + and spends her time speaking to in-house + recruiters all over the world. +

+
+ {/* */} + + {/* */} +
+
    +
  • + + 56 + + articles +
  • +
  • + + 1k+ + + followers +
  • +
+ +
+ +
+
+ {/* */} +
+ {/* */} +
+
+ {/* */} + +
    +
  • + Jan 18 +
  • +
  • + 8 min read +
  • +
+
+ + {/* */} +
+ +
+ {/* */} +
+
+
+
+ {/* */} + + {/* */} +
+
+

+ Announcing a free plan for small teams +

+ +

+ At preline, our mission has always been focused on bringing + openness and transparency to the design process. We've always + believed that by providing a space where designers can share + ongoing work not only empowers them to make better products, it + also helps them grow. +

+
+ +

+ We're proud to be a part of creating a more open culture and to + continue building a product that supports this vision. +

+ +
+ Image Description +
+ A woman sitting at a table. +
+
+ +

+ As we've grown, we've seen how Preline has helped companies such + as Spotify, Microsoft, Airbnb, Facebook, and Intercom bring their + designers closer together to create amazing things. We've also + learned that when the culture of sharing is brought in earlier, + the better teams adapt and communicate with one another. +

+ +

+ That's why we are excited to share that we now have a{" "} + + free version of Preline + + , which will allow individual designers, startups and other small + teams a chance to create a culture of openness early on. +

+ +
+

+ To say that switching to Preline has been life-changing is an + understatement. My business has tripled and I got my life back. +

+

Nicole Grazioso

+
+ +
+ Image Description +
+ A man and a woman looking at a cell phone. +
+
+ +
+

+ Bringing the culture of sharing to everyone +

+ +

+ We know the power of sharing is real, and we want to create an + opportunity for everyone to try Preline and explore how + transformative open communication can be. Now you can have a + team of one or two designers and unlimited spectators (think + PMs, management, marketing, etc.) share work and explore the + design process earlier. +

+
+ +
    +
  • + Preline allows us to collaborate in real time and is a really + great way for leadership on the team to stay up-to-date with + what everybody is working on,"{" "} + + said + {" "} + Stewart Scott-Curran, Intercom's Director of Brand Design. +
  • +
  • + Preline opened a new way of sharing. It's a persistent way for + everyone to see and absorb each other's work," said David Scott, + Creative Director at{" "} + + Eventbrite + + . +
  • +
+ +

+ Small teams and individual designers need a space where they can + watch the design process unfold, both for themselves and for the + people they work with – no matter if it's a fellow designer, + product manager, developer or client. Preline allows you to invite + more people into the process, creating a central place for + conversation around design. As those teams grow, transparency and + collaboration becomes integrated in how they communicate and work + together. +

+ +
+ + Plan + + + Web development + + + Free + + + Team + +
+
+ {/* */} +
+
+ {/* */} + + {/* */} +
+
+
+ {/* */} +
+ +
+ {/* */} + +
+ + {/* */} +
+ +
+ {/* */} + +
+ + {/* */} +
+ +
+ + + + + + Copy link + +
+ + + + + Share on Twitter + + + + + + Share on Facebook + + + + + + Share on LinkedIn + +
+
+ {/* */} +
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog articles/WithSidebar.md b/Documentation/docs/components/blog articles/WithSidebar.md new file mode 100644 index 0000000..1fefe6d --- /dev/null +++ b/Documentation/docs/components/blog articles/WithSidebar.md @@ -0,0 +1,513 @@ +--- +sidebar_position: 2 +--- + +# With Sidebar + +![Cards](/img/with-sidebar.png) + +```jsx title="Frontend/sections/BlogArticles/WithSidebar.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+
+ + + + + Back to Blog + + +

+ Announcing a free plan for small teams +

+ +
+ + Company News + +

January 18, 2023

+
+ +

+ At FastPocket, our mission has always been focused on bringing + openness and transparency to the design process. We've always + believed that by providing a space where designers can share + ongoing work not only empowers them to make better products, + it also helps them grow. +

+ +

+ We're proud to be a part of creating a more open culture and + to continue building a product that supports this vision. +

+ +
+
+
+
+ Image Description +
+
+ Image Description +
+
+
+ Image Description +
+
+ + + Working process + +
+ +

+ As we've grown, we've seen how FastPocket has helped companies + such as Spotify, Microsoft, Airbnb, Facebook, and Intercom + bring their designers closer together to create amazing + things. We've also learned that when the culture of sharing is + brought in earlier, the better teams adapt and communicate + with one another. +

+ +

+ That's why we are excited to share that we now have a{" "} + + free version of FastPocket + + , which will allow individual designers, startups and other + small teams a chance to create a culture of openness early on. +

+ +
+

+ To say that switching to FastPocket has been life-changing + is an understatement. My business has tripled and I got my + life back. +

+

Nicole Grazioso

+
+ +
+ Image Description +
+ A man and a woman looking at a cell phone. +
+
+ +
+

+ Bringing the culture of sharing to everyone +

+ +

+ We know the power of sharing is real, and we want to create + an opportunity for everyone to try FastPocket and explore + how transformative open communication can be. Now you can + have a team of one or two designers and unlimited spectators + (think PMs, management, marketing, etc.) share work and + explore the design process earlier. +

+
+ +
    +
  • + FastPocket allows us to collaborate in real time and is a + really great way for leadership on the team to stay + up-to-date with what everybody is working on,"{" "} + + said + {" "} + Stewart Scott-Curran, Intercom's Director of Brand Design. +
  • +
  • + FastPocket opened a new way of sharing. It's a persistent + way for everyone to see and absorb each other's work," said + David Scott, Creative Director at{" "} + + Eventbrite + + . +
  • +
+ +

+ Small teams and individual designers need a space where they + can watch the design process unfold, both for themselves and + for the people they work with – no matter if it's a fellow + designer, product manager, developer or client. FastPocket + allows you to invite more people into the process, creating a + central place for conversation around design. As those teams + grow, transparency and collaboration becomes integrated in how + they communicate and work together. +

+ +
+ {/* */} + + {/* */} + +
+ {/* */} +
+ +
+ {/* */} + +
+ + {/* */} +
+ +
+ {/* */} + +
+ + {/* */} + + {/* */} +
+
+
+
+
+ {/* */} + + {/* */} +
+
+ {/* */} +
+ + Image Description + + + +
+ Leyla Ludic +
+

+ UI/UX enthusiast +

+
+ +
+
+ +
+
+
+ {/* */} + +
+ {/* */} + +
+ + 5 Reasons to Not start a UX Designer Career in 2022/2023 + +
+ +
+ Image Description +
+
+ {/* */} + + {/* */} + +
+ + If your UX Portfolio has this 20% Well Done, it Will Give + You an 80% Result + +
+ +
+ Image Description +
+
+ {/* */} + + {/* */} + +
+ + 7 Principles of Icon Design + +
+ +
+ Image Description +
+
+ {/* */} +
+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog articles/_category_.json b/Documentation/docs/components/blog articles/_category_.json new file mode 100644 index 0000000..3f4493a --- /dev/null +++ b/Documentation/docs/components/blog articles/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Blog Articles", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/blog sections/BrandColorOnHover copy.md b/Documentation/docs/components/blog sections/BrandColorOnHover copy.md new file mode 100644 index 0000000..336ed16 --- /dev/null +++ b/Documentation/docs/components/blog sections/BrandColorOnHover copy.md @@ -0,0 +1,115 @@ +--- +sidebar_position: 2 +--- + +# Image Overlay + +![Cards](/img/image-overlay.png) + +```jsx title="Frontend/sections/BlogSections/ImageOverlay.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+ Image Description +
+ +
+
+ {/* */} +
+
+ Image Description +
+
+

+ Gloria +

+

+ Jan 09, 2021 +

+
+
+ {/* */} +
+
+ +
+
+

+ Facebook is creating a news section in Watch to feature + breaking news +

+

+ Facebook launched the Watch platform in August +

+
+
+
+ {/* */} + + {/* */} + +
+ Image Description +
+ +
+
+ {/* */} +
+
+ Image Description +
+
+

+ Gloria +

+

+ May 30, 2021 +

+
+
+ {/* */} +
+
+ +
+
+

+ What CFR (Conversations, Feedback, Recognition) really is + about +

+

+ For a lot of people these days, Measure What Matters. +

+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/BrandColorOnHover.md b/Documentation/docs/components/blog sections/BrandColorOnHover.md new file mode 100644 index 0000000..6a52022 --- /dev/null +++ b/Documentation/docs/components/blog sections/BrandColorOnHover.md @@ -0,0 +1,105 @@ +--- +sidebar_position: 2 +--- + +# Brand Color On Hover + +![Cards](/img/brand-color-on-hover.png) + +```jsx title="Frontend/sections/BlogSections/BrandColorOnHover.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Customer stories +

+

+ See how game-changing companies are making the most of every + engagement with FastPocket. +

+
+ {/* */} + + {/* */} +
+ {/* */} + + {/*
*/} + Image Description + {/*
*/} +

+ Unity’s inside sales team drives 80% of its revenue with + FastPocket. +

+

+ September 12, 2022 +

+
+ {/* */} + + {/* */} + + {/*
*/} + Image Description + {/*
*/} +

+ Living Spaces creates a unified experience across the customer + journey. +

+

+ September 12, 2022 +

+
+ {/* */} + + {/* */} + + {/*
*/} + Image Description + {/*
*/} +

+ Atlassian powers sales and support at scale with FastPocket. +

+

+ September 12, 2022 +

+
+ {/* */} + + {/* */} + + {/*
*/} + Image Description + {/*
*/} +

+ Everything you need to know about FastPocket Pro. +

+

+ September 12, 2022 +

+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/CardWithBackgroundGrayOnHover.md b/Documentation/docs/components/blog sections/CardWithBackgroundGrayOnHover.md new file mode 100644 index 0000000..1783ee6 --- /dev/null +++ b/Documentation/docs/components/blog sections/CardWithBackgroundGrayOnHover.md @@ -0,0 +1,138 @@ +--- +sidebar_position: 2 +--- + +# Card With Background Gray On Hover + +![Cards](/img/card-with-background-gray-on-hover.png) + +```jsx title="Frontend/sections/BlogSections/CardWithBackgroundGrayOnHover.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Customer stories +

+

+ See how game-changing companies are making the most of every + engagement with FastPocket. +

+
+ {/* */} + + {/* */} +
+ {/* */} + +
+ Image Description +
+

+ Unity’s inside sales team drives 80% of its revenue with + FastPocket. +

+

+ Learn more + + + +

+
+ {/* */} + + {/* */} + +
+ Image Description +
+

+ Living Spaces creates a unified experience across the customer + journey. +

+

+ Learn more + + + +

+
+ {/* */} + + {/* */} + +
+ Image Description +
+

+ Atlassian powers sales and support at scale with FastPocket. +

+

+ Learn more + + + +

+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/HeroStyle.md b/Documentation/docs/components/blog sections/HeroStyle.md new file mode 100644 index 0000000..6c9e105 --- /dev/null +++ b/Documentation/docs/components/blog sections/HeroStyle.md @@ -0,0 +1,87 @@ +--- +sidebar_position: 2 +--- + +# Hero Style + +![Cards](/img/hero-style.png) + +```jsx title="Frontend/sections/BlogSections/HeroStyle.tsx" +<> + {/* */} +
+ {/* */} +
+
+
+ Image Description +
+
+ {/* */} + +
+

+ Business insight +

+ +

+ + How to get buy-in and budget for direct hiring + +

+ + {/* */} +
+
+ Image Description +
+ +
+

+ Louise Donadieu +

+

+ Strategic Marketing Consultant +

+
+
+ {/* */} + +
+ + Read more + + + + +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/HorizontalStyle.md b/Documentation/docs/components/blog sections/HorizontalStyle.md new file mode 100644 index 0000000..00d7d77 --- /dev/null +++ b/Documentation/docs/components/blog sections/HorizontalStyle.md @@ -0,0 +1,115 @@ +--- +sidebar_position: 2 +--- + +# Horizontal Style + +![Cards](/img/horizontal-style.png) + +```jsx title="Frontend/sections/BlogSections/HorizontalStyle.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+ Image Description +
+ +
+
+
+

+ Business +

+
+

+ FastPocket becomes an official Instagram Marketing Partner +

+

+ Great news we're eager to share. +

+ +
+ {/* */} +
+
+ Image Description +
+
+

+ Aaron Larsson +

+

Feb 15, 2021

+
+
+ {/* */} +
+
+
+
+ {/* */} + + {/* */} + +
+ Image Description +
+
+
+
+

+ Announcements +

+
+

+ Announcing a free plan for small teams +

+

+ At Wake, our mission has always been focused on bringing + openness. +

+ +
+ {/* */} +
+
+ Image Description +
+
+

+ Hanna Wolfe +

+

Feb 4, 2021

+
+
+ {/* */} +
+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/ImageCardWithSubtitleAndTitle.md b/Documentation/docs/components/blog sections/ImageCardWithSubtitleAndTitle.md new file mode 100644 index 0000000..9e03c5b --- /dev/null +++ b/Documentation/docs/components/blog sections/ImageCardWithSubtitleAndTitle.md @@ -0,0 +1,152 @@ +--- +sidebar_position: 2 +--- + +# Image Card With Subtitle And Title + +![Cards](/img/image-card-with-subtitle-and-title.png) + +```jsx title="Frontend/sections/BlogSections/ImageCardWithSubtitleAndTitle.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Read our latest news +

+

+ We've helped some great companies brand, design and get to market. +

+
+ {/* */} + + {/* */} +
+ {/* */} + +
+ Image Description +
+
+

+ Product +

+

+ Better is when everything works together +

+
+
+ {/* */} + + {/* */} + +
+ Image Description +
+
+

+ Business +

+

+ What CFR really is about +

+
+
+ {/* */} + + {/* */} + +
+ Image Description +
+
+

+ Business +

+

+ Should Product Owners think like entrepreneurs? +

+
+
+ {/* */} + + {/* */} + +
+ Image Description +
+
+

+ Facilitate +

+

+ Announcing Front Strategies: Ready-to-use rules +

+
+
+ {/* */} +
+ {/* */} + + {/* */} +
+
+
+

Want to read more?

+ + Go here + + + + +
+
+
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/ThreeGridsWithAnOverlayCard.md b/Documentation/docs/components/blog sections/ThreeGridsWithAnOverlayCard.md new file mode 100644 index 0000000..62be755 --- /dev/null +++ b/Documentation/docs/components/blog sections/ThreeGridsWithAnOverlayCard.md @@ -0,0 +1,181 @@ +--- +sidebar_position: 2 +--- + +# Three Grids With An Overlay Card + +![Cards](/img/three-grids-with-an-overlay-card.png) + +```jsx title="Frontend/sections/BlogSections/ThreeGridsWithAnOverlayCard.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+
+ Image Description +
+ +
+

+ Studio by FastPocket +

+

+ Produce professional, reliable streams easily leveraging + FastPocket's innovative broadcast studio +

+

+ Read more + + + +

+
+
+
+ {/* */} + + {/* */} + +
+
+ Image Description +
+ +
+

+ Onsite +

+

+ Optimize your in-person experience with best-in-className + capabilities like badge printing and lead retrieval +

+

+ Read more + + + +

+
+
+
+ {/* */} + + {/* */} + +
+
+ Image Description +
+ +
+

+ The complete guide to OKRs +

+

+ How to make objectives and key results work for your company +

+

+ Read more + + + +

+
+
+
+ {/* */} + + {/* */} + +
+
+ Image Description +
+ +
+

+ People program models +

+

+ Six approaches to bringing your People strategy to life +

+

+ Read more + + + +

+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/TwoGridsList.md b/Documentation/docs/components/blog sections/TwoGridsList.md new file mode 100644 index 0000000..04b9b42 --- /dev/null +++ b/Documentation/docs/components/blog sections/TwoGridsList.md @@ -0,0 +1,181 @@ +--- +sidebar_position: 2 +--- + +# Two Grids List + +![Cards](/img/two-grids-list.png) + +```jsx title="Frontend/sections/BlogSections/TwoGridsList.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+
+ Image Description +
+ +
+

+ Studio by FastPocket +

+

+ Produce professional, reliable streams easily leveraging + FastPocket's innovative broadcast studio +

+

+ Read more + + + +

+
+
+
+ {/* */} + + {/* */} + +
+
+ Image Description +
+ +
+

+ Onsite +

+

+ Optimize your in-person experience with best-in-className + capabilities like badge printing and lead retrieval +

+

+ Read more + + + +

+
+
+
+ {/* */} + + {/* */} + +
+
+ Image Description +
+ +
+

+ The complete guide to OKRs +

+

+ How to make objectives and key results work for your company +

+

+ Read more + + + +

+
+
+
+ {/* */} + + {/* */} + +
+
+ Image Description +
+ +
+

+ People program models +

+

+ Six approaches to bringing your People strategy to life +

+

+ Read more + + + +

+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/blog sections/_category_.json b/Documentation/docs/components/blog sections/_category_.json new file mode 100644 index 0000000..665ecdf --- /dev/null +++ b/Documentation/docs/components/blog sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Blog Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/card sections/ImageAndContentWithStretchedButtons.md b/Documentation/docs/components/card sections/ImageAndContentWithStretchedButtons.md new file mode 100644 index 0000000..3704a8c --- /dev/null +++ b/Documentation/docs/components/card sections/ImageAndContentWithStretchedButtons.md @@ -0,0 +1,219 @@ +--- +sidebar_position: 2 +--- + +# Image And Content With Stretched Buttons + +![Cards](/img/image-and-content-with-stretched-buttons.png) + +```jsx title="Frontend/sections/CardSections/ImageAndContentWithStretchedButtons.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} +
+
+ + + + + + + + + + + +
+
+ + Atlassian API + +

+ Atlassian +

+

+ A software that develops products for software developers and + developments. +

+
+
+ + View sample + + + View API + +
+
+ {/* */} + + {/* */} +
+
+ + + + + + + + + + + + + + + + +
+
+ + Asana API + +

+ Asana +

+

+ Track tasks and projects, use agile boards, measure progress. +

+
+
+ + View sample + + + View API + +
+
+ {/* */} + + {/* */} +
+
+ + + + + + + +
+
+ + Slack API + +

+ Slack +

+

+ Email collaboration and email service desk made easy. +

+
+
+ + View sample + + + View API + +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/card sections/SimpleCardLinkWithAvatarAndTitle.md b/Documentation/docs/components/card sections/SimpleCardLinkWithAvatarAndTitle.md new file mode 100644 index 0000000..721a89c --- /dev/null +++ b/Documentation/docs/components/card sections/SimpleCardLinkWithAvatarAndTitle.md @@ -0,0 +1,299 @@ +--- +sidebar_position: 2 +--- + +# Simple Card Link With Avatar And Title + +![Cards](/img/simple-card-link-with-avatar-and-title.png) + +```jsx title="Frontend/sections/CardSections/SimpleCardLinkWithAvatarAndTitle.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+
+
+ Image Description +
+

+ London, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+ Image Description +
+

+ Bristol, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+ Image Description +
+

+ Oxford, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+ Image Description +
+

+ Edinburgh, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+ Image Description +
+

+ Newcastle, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+ Image Description +
+

+ Liverpool, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+ Image Description +
+

+ Manchester, UK +

+
+
+
+ + + +
+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/card sections/SimpleCardLinkWithIconTitleAndDescription.md b/Documentation/docs/components/card sections/SimpleCardLinkWithIconTitleAndDescription.md new file mode 100644 index 0000000..ab745fc --- /dev/null +++ b/Documentation/docs/components/card sections/SimpleCardLinkWithIconTitleAndDescription.md @@ -0,0 +1,133 @@ +--- +sidebar_position: 2 +--- + +# Simple Card Link With Icon Title And Description + +![Cards](/img/simple-card-link-with-icon-title-and-description.png) + +```jsx title="Frontend/sections/CardSections/SimpleCardLinkWithIconTitleAndDescription.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+
+ + + + + + + +
+

+ Ask our community +

+

+ Get help from 40k+ Preline users +

+
+
+
+
+ {/* */} + + {/* */} + +
+
+ + + + + + +
+

+ Get help in the app +

+

+ Just head to «Help» in the app +

+
+
+
+
+ {/* */} + + {/* */} + +
+
+ + + + + +
+

+ Email us +

+

+ Reach us at{" "} + + info@site.com + +

+
+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/card sections/SimpleCardLinkWithTitleAndDescription.md b/Documentation/docs/components/card sections/SimpleCardLinkWithTitleAndDescription.md new file mode 100644 index 0000000..af090c6 --- /dev/null +++ b/Documentation/docs/components/card sections/SimpleCardLinkWithTitleAndDescription.md @@ -0,0 +1,307 @@ +--- +sidebar_position: 2 +--- + +# Image And Content With Stretched Buttons + +![Cards](/img/image-and-content-with-stretched-buttons.png) + +```jsx title="Frontend/sections/CardSections/SimpleCardLinkWithTitleAndDescription.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} + +
+
+
+

+ Management +

+

+ 4 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ App Development +

+

+ 26 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ Arts & Entertainment +

+

+ 9 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ Accounting +

+

+ 11 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ UI Designer +

+

+ 37 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ Apps +

+

+ 2 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ Content Writer +

+

+ 10 job positions +

+
+
+ + + +
+
+
+
+ {/* */} + + {/* */} + +
+
+
+

+ Analytics +

+

+ 14 job positions +

+
+
+ + + +
+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/card sections/_category_.json b/Documentation/docs/components/card sections/_category_.json new file mode 100644 index 0000000..3e6ade6 --- /dev/null +++ b/Documentation/docs/components/card sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Card Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/client sections/InCard.md b/Documentation/docs/components/client sections/InCard.md new file mode 100644 index 0000000..a947fb9 --- /dev/null +++ b/Documentation/docs/components/client sections/InCard.md @@ -0,0 +1,259 @@ +--- +sidebar_position: 2 +--- + +# In Card + +![Cards](/img/in-card.png) + +```jsx title="Frontend/sections/ClientSections/InCard.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Trusted by Open Source, enterprise, and more than 99,000 of you +

+
+ {/* */} + + {/* */} +
+
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + +
+ +
+ + + + + + + +
+ +
+ + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + + + + + +
+
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/client sections/SimpleWithHeading.md b/Documentation/docs/components/client sections/SimpleWithHeading.md new file mode 100644 index 0000000..f13ce79 --- /dev/null +++ b/Documentation/docs/components/client sections/SimpleWithHeading.md @@ -0,0 +1,95 @@ +--- +sidebar_position: 2 +--- + +# Simple With Heading + +![Cards](/img/simple-with-heading.png) + +```jsx title="Frontend/sections/ClientSections/SimpleWithHeading.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Trusted by Open Source, enterprise, and more than 99,000 of you +

+
+ {/* */} + +
+ + + + + + + + + + + + + + + + + + +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/client sections/SimpleWithHeadingAndLink.md b/Documentation/docs/components/client sections/SimpleWithHeadingAndLink.md new file mode 100644 index 0000000..9536f44 --- /dev/null +++ b/Documentation/docs/components/client sections/SimpleWithHeadingAndLink.md @@ -0,0 +1,275 @@ +--- +sidebar_position: 2 +--- + +# Simple With Heading And Link + +![Cards](/img/simple-with-heading-and-link.png) + +```jsx title="Frontend/sections/ClientSections/SimpleWithHeadingAndLink.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Trusted by Open Source, enterprise, and more than 99,000 of you +

+
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/* */} + +
+ + Read case studies + + + + +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/client sections/WithStats.md b/Documentation/docs/components/client sections/WithStats.md new file mode 100644 index 0000000..034b25a --- /dev/null +++ b/Documentation/docs/components/client sections/WithStats.md @@ -0,0 +1,298 @@ +--- +sidebar_position: 2 +--- + +# With Stats + +![Cards](/img/with-stats.png) + +```jsx title="Frontend/sections/ClientSections/WithStats.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Trusted by Open Source, enterprise, and more than 99,000 of you +

+
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/* */} + + {/* */} +
+
+

+ 250+ +

+

Components

+
+ {/* */} + +
+

+ 160+ +

+

+ Starter Pages & Examples +

+
+ {/* */} + +
+

+ 10+ +

+

+ Tailwind CSS Plugins +

+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/client sections/_category_.json b/Documentation/docs/components/client sections/_category_.json new file mode 100644 index 0000000..c30f6f3 --- /dev/null +++ b/Documentation/docs/components/client sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Client Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/features general/CardsOnABackgroundImage.md b/Documentation/docs/components/features general/CardsOnABackgroundImage.md new file mode 100644 index 0000000..8392fc8 --- /dev/null +++ b/Documentation/docs/components/features general/CardsOnABackgroundImage.md @@ -0,0 +1,55 @@ +--- +sidebar_position: 2 +--- + +# Cards On A Background Image + +![Cards](/img/cards-on-a-background-image.png) + +```jsx title="Frontend/sections/FeaturesGeneral/CardsOnABackgroundImage.tsx" +<> + {/* */} +
+
+
+ {/* */} +
+
+

+ How does FastPocket work? +

+

+ Learn more about FastPocket. +

+
+ +
+ + + + + Watch our story + +
+
+ {/* */} +
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/features general/ContainerSizeImageWithIconBlocks.md b/Documentation/docs/components/features general/ContainerSizeImageWithIconBlocks.md new file mode 100644 index 0000000..f4a4f17 --- /dev/null +++ b/Documentation/docs/components/features general/ContainerSizeImageWithIconBlocks.md @@ -0,0 +1,165 @@ +--- +sidebar_position: 2 +--- + +# Container Size Image With Icon Blocks + +![Cards](/img/container-size-image-with-icon-blocks.png) + +```jsx title="Frontend/sections/FeaturesGeneral/ContainerSizeImageWithIconBlocks.tsx" +<> + {/* */} +
+
+ Image Description +
+ + {/* */} +
+
+

+ We tackle the challenges start-ups face +

+

+ Besides working with start-up enterprises as a partner for + digitalization, we have built enterprise products for common pain + points that we have encountered in various products and projects. +

+
+ {/* */} + +
+
+ {/* */} +
+ + + + + + + +
+

+ Creative minds +

+

+ We choose our teams carefully. Our people are the secret to + great work. +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+

+ Simple and affordable +

+

+ From boarding passes to movie tickets, there's pretty much + nothing you can't store with Preline. +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+

+ Industry-leading documentation +

+

+ Our documentation and extensive Client libraries contain + everything a business needs to build a custom integration. +

+
+
+ {/* */} + + {/* */} +
+ + + + + + +
+

+ Designing for people +

+

+ We actively pursue the right balance between functionality + and aesthetics, creating delightful experiences. +

+
+
+ {/* */} +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/features general/SimpleWithASingleImage.md b/Documentation/docs/components/features general/SimpleWithASingleImage.md new file mode 100644 index 0000000..b01c237 --- /dev/null +++ b/Documentation/docs/components/features general/SimpleWithASingleImage.md @@ -0,0 +1,120 @@ +--- +sidebar_position: 2 +--- + +# Simple With A Single Image + +![Cards](/img/simple-with-a-single-image.png) + +```jsx title="Frontend/sections/FeaturesGeneral/SimpleWithASingleImage.tsx" +<> + {/* */} +
+ {/* */} +
+
+ Image Description +
+ {/* */} + +
+
+ {/* */} +
+

+ We tackle the challenges start-ups face +

+

+ Besides working with start-up enterprises as a partner for + digitalization, we have built enterprise products for common + pain points that we have encountered in various products and + projects. +

+
+ {/* */} + + {/* */} +
    +
  • + + + + + + + + Easy & fast designing + +
  • + +
  • + + + + + + + + Powerful features + +
  • + +
  • + + + + + + + + User Experience Design + +
  • +
+ {/* */} +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/features general/ThreeCenterAlignedImagesWithAContent.md b/Documentation/docs/components/features general/ThreeCenterAlignedImagesWithAContent.md new file mode 100644 index 0000000..04f6d9b --- /dev/null +++ b/Documentation/docs/components/features general/ThreeCenterAlignedImagesWithAContent.md @@ -0,0 +1,150 @@ +--- +sidebar_position: 2 +--- + +# Three Center Aligned Images With A Content + +![Cards](/img/three-center-aligned-images-with-a-content.png) + +```jsx title="Frontend/sections/FeaturesGeneral/ThreeCenterAlignedImagesWithAContent.tsx" +<> + {/* */} +
+ {/* */} +
+
+ {/* */} +
+
+ Image Description +
+ {/* */} + +
+ Image Description +
+ {/* */} + +
+ Image Description +
+ {/* */} +
+ {/* */} +
+ {/* */} + +
+
+ {/* */} +
+

+ Collaborative tools to design user experience +

+

+ Use our tools to explore your ideas and make your vision come + true. Then share your work easily. +

+
+ {/* */} + + {/* */} +
    +
  • + {/* */} + + + + + + {/* */} + + + Less routine – more + creativity + +
  • + +
  • + {/* */} + + + + + + {/* */} + + + Hundreds of thousands saved + +
  • + +
  • + {/* */} + + + + + + {/* */} + + + Scale budgets efficiently + +
  • +
+ {/* */} +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/features general/With4CenterAlignedImagesAndIconBlocks.md b/Documentation/docs/components/features general/With4CenterAlignedImagesAndIconBlocks.md new file mode 100644 index 0000000..71e201f --- /dev/null +++ b/Documentation/docs/components/features general/With4CenterAlignedImagesAndIconBlocks.md @@ -0,0 +1,148 @@ +--- +sidebar_position: 2 +--- + +# With 4 Center Aligned Images And Icon Blocks + +![Cards](/img/with-4-center-aligned-images-and-icon-blocks.png) + +```jsx title="Frontend/sections/FeaturesGeneral/With4CenterAlignedImagesAndIconBlocks.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Explore tools +

+

+ The powerful and flexible theme for all kinds of businesses. +

+
+ {/* */} + + {/* */} +
+ {/* */} +
+ + + + + +
+

+ Responsive +

+
+
+ {/* */} + + {/* */} +
+ + + + + + +
+

+ Customizable +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+

+ 24/7 Support +

+
+
+ {/* */} +
+ {/* */} + + {/* */} +
+
+ Image Description +
+ {/* */} + +
+ Image Description +
+ {/* */} + +
+ Image Description +
+ {/* */} + +
+ Image Description +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/features general/_category_.json b/Documentation/docs/components/features general/_category_.json new file mode 100644 index 0000000..6ae281f --- /dev/null +++ b/Documentation/docs/components/features general/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Features: General", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/features navs/HorizontalTabsWithIconAndDescription.md b/Documentation/docs/components/features navs/HorizontalTabsWithIconAndDescription.md new file mode 100644 index 0000000..50b08bc --- /dev/null +++ b/Documentation/docs/components/features navs/HorizontalTabsWithIconAndDescription.md @@ -0,0 +1,235 @@ +--- +sidebar_position: 2 +--- + +# Horizontal Tabs With Icon And Description + +![Cards](/img/vertical-tabs-with-overlapping-background.png) + +```jsx title="Frontend/sections/FeaturesNavs/HorizontalTabsWithIconAndDescription.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+

+ Fully customizable rules to match your unique needs +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ {/* */} +
+
+ Image Description +
+ +
+ Image Description +
+ +
+ Image Description +
+
+ {/* */} + + {/* */} +
+ + + + + +
+ {/* */} +
+
+ {/* */} +
+ {/* */} + + {/* */} +
+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/features navs/VerticalTabsWithOverlappingBackground.md b/Documentation/docs/components/features navs/VerticalTabsWithOverlappingBackground.md new file mode 100644 index 0000000..088c68d --- /dev/null +++ b/Documentation/docs/components/features navs/VerticalTabsWithOverlappingBackground.md @@ -0,0 +1,235 @@ +--- +sidebar_position: 2 +--- + +# Vertical Tabs With Overlapping Background + +![Cards](/img/vertical-tabs-with-overlapping-background.png) + +```jsx title="Frontend/sections/FeaturesNavs/VerticalTabsWithOverlappingBackground.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+

+ Fully customizable rules to match your unique needs +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ {/* */} +
+
+ Image Description +
+ +
+ Image Description +
+ +
+ Image Description +
+
+ {/* */} + + {/* */} +
+ + + + + +
+ {/* */} +
+
+ {/* */} +
+ {/* */} + + {/* */} +
+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/features navs/_category_.json b/Documentation/docs/components/features navs/_category_.json new file mode 100644 index 0000000..3963b59 --- /dev/null +++ b/Documentation/docs/components/features navs/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Features: Navs", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/features/ContainerImageIconBlocksFeature.md b/Documentation/docs/components/features/ContainerImageIconBlocksFeature.md new file mode 100644 index 0000000..11a2102 --- /dev/null +++ b/Documentation/docs/components/features/ContainerImageIconBlocksFeature.md @@ -0,0 +1,171 @@ +--- +sidebar_position: 2 +--- + +# Container Image Icon Blocks + +![Cards](/img/container-image-icon-blocks.png) + +```jsx title="Frontend/sections/Features/ContainerImageIconBlocksFeature.tsx" +<> + {/* Features */} +
+ {/* HIDDEN */} +
+ Image Description +
+ {/* Grid */} +
+
+

+ Want To Build Fast? +

+

+ There is so much to do in order to get an application developed. + Just getting the essentials together like payments and emails is + an enormous undertaking. That's why FastPocket exists. To + give you the essentials so you can focus on what makes your app + unique. +

+
+ {/* End Col */} +
+
+ {/* Icon Block */} +
+ + + + + + + +
+

+ Payments +

+

+ FastPocket includes Stripe for simple payment so that you + can get profitable quickly. All your products in Stripe + automatically syncronize with Pocketbase meaning no + additional work for you +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} +
+ + + + +
+

+ Style +

+

+ FastPocket includes components to help you get styling your + codebase really quickly. We use TailwindCSS, DaisyUI and + Modified Preline components in order to fit the look and + feel of your brand +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} +
+ + + + +
+

+ Email +

+

+ We know how annoying it is to setup email and that is why we + provide email templates as well as frameworks for building + your own emails for signup verifications and more +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} +
+ + + + + + +
+

+ Backend +

+

+ We provide Pocketbase + stripe build templates to ship your + product with no hassle. This includes login and payment for + reoccuring and one time transactions +

+
+
+ {/* End Icon Block */} +
+
+ {/* End Col */} +
+ {/* End Grid */} +
+ {/* End Features */} + +``` diff --git a/Documentation/docs/components/features/SolidBackgrondIconFeature.md b/Documentation/docs/components/features/SolidBackgrondIconFeature.md new file mode 100644 index 0000000..4bf8b60 --- /dev/null +++ b/Documentation/docs/components/features/SolidBackgrondIconFeature.md @@ -0,0 +1,155 @@ +--- +sidebar_position: 2 +--- + +# Solid Backgrond Icon Feature + +![Cards](/img/solid-backgrond-icon-feature.png) + +```jsx title="Frontend/sections/Features/SolidBackgrondIconFeature.tsx" +<> + {/* Icon Blocks */} +
+
+ {/* Icon Block */} + +
+ {""} +
+
+

+ Stripe Payments +

+

+ We have built stripe payments for 1 off and reoccuring payments +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} + +
+ {""} +
+
+

+ Theming +

+

+ All our components include intuative theming with a js utility + class that uses your themes colors programmatically +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} + +
+ +
+
+

+ Documentation +

+

+ Every component and plugin is well documented +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} + +
+ {""} +
+
+

+ Deployment Templates +

+

+ For fly.io, raleway, and more so you can get running with + PocketBase as quickly as possible +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} + +
+ {""} +
+
+

+ Component Library +

+

+ We provide fully customisable sections and components that you + can drop in +

+
+
+ {/* End Icon Block */} + {/* Icon Block */} + +
+ {""} +
+
+

+ Resources +

+

+ A growing list of resources to help you build your products + faster +

+
+
+ {/* End Icon Block */} +
+
+ {/* End Icon Blocks */} + +``` diff --git a/Documentation/docs/components/features/VerticalTabs.md b/Documentation/docs/components/features/VerticalTabs.md deleted file mode 100644 index 9a6ccfa..0000000 --- a/Documentation/docs/components/features/VerticalTabs.md +++ /dev/null @@ -1,249 +0,0 @@ ---- -sidebar_position: 2 ---- - -# Vertical Tabs - -![Cards](/img/components-verticaltabs-feature.png) - -```jsx title="Frontend/sections/Features/VerticalTabsFeature.tsx" -const [tab, setTab] = useState("1"); -return ( - <> - {/* Features */} -
-
- {/* Grid */} -
-
-

- Save 20+ hours of app development with FastPocket -

- {/* Tab Navs */} - - {/* End Tab Navs */} -
- {/* End Col */} -
-
- {/* Tab Content */} -
- {tab == "1" && ( -
- Image Description -
- )} - {tab == "2" && ( -
- Image Description -
- )} - {tab == "3" && ( -
- Image Description -
- )} -
- {/* End Tab Content */} - {/* SVG Element */} -
- - - - - -
- {/* End SVG Element */} -
-
- {/* End Col */} -
- {/* End Grid */} - {/* Background Color */} -
-
-
- {/* End Background Color */} -
-
- {/* End Features */} - -); -``` diff --git a/Documentation/docs/components/features/VerticalTabsFeature.md b/Documentation/docs/components/features/VerticalTabsFeature.md new file mode 100644 index 0000000..68d4700 --- /dev/null +++ b/Documentation/docs/components/features/VerticalTabsFeature.md @@ -0,0 +1,250 @@ +--- +sidebar_position: 2 +--- + +# Vertical Tabs Feature + +![Cards](/img/vertical-tabs-feature.png) + +```jsx title="Frontend/sections/Features/VerticalTabsFeature.tsx" +const [tab, setTab] = useState("1"); +return ( + <> + {/* Features */} +
+
+ {/* Grid */} +
+
+

+ Save 20+ hours of app development with FastPocket +

+ {/* Tab Navs */} + + {/* End Tab Navs */} +
+ {/* End Col */} +
+
+ {/* Tab Content */} +
+ {tab == "1" && ( +
+ Image Description +
+ )} + {tab == "2" && ( +
+ Image Description +
+ )} + {tab == "3" && ( +
+ Image Description +
+ )} +
+ {/* End Tab Content */} + {/* SVG Element */} +
+ + + + + +
+ {/* End SVG Element */} +
+
+ {/* End Col */} +
+ {/* End Grid */} + {/* Background Color */} +
+
+
+ {/* End Background Color */} +
+
+ {/* End Features */} + +); +``` diff --git a/Documentation/docs/components/galleries/Masonry4Cols.md b/Documentation/docs/components/galleries/Masonry4Cols.md new file mode 100644 index 0000000..786d5c5 --- /dev/null +++ b/Documentation/docs/components/galleries/Masonry4Cols.md @@ -0,0 +1,72 @@ +--- +sidebar_position: 2 +--- + +# Masonry 4 Cols + +![Cards](/img/mansory-4-cols.png) + +```jsx title="Frontend/sections/BlogArticles/Masonry4Cols.tsx" +<> +
+
+ Image Description + Image Description + Image Description +
+
+ Image Description + Image Description +
+
+ Image Description + Image Description + Image Description +
+
+ Image Description + Image Description +
+
+ +``` diff --git a/Documentation/docs/components/galleries/Squared4Cols.md b/Documentation/docs/components/galleries/Squared4Cols.md new file mode 100644 index 0000000..5b74e73 --- /dev/null +++ b/Documentation/docs/components/galleries/Squared4Cols.md @@ -0,0 +1,84 @@ +--- +sidebar_position: 2 +--- + +# Squared 4 Cols + +![Cards](/img/squared-4-cols.png) + +```jsx title="Frontend/sections/BlogArticles/Squared4Cols.tsx" +<> +
+
+
+ Image Description + Image Description + Image Description +
+
+ Image Description + Image Description + Image Description +
+
+ Image Description + Image Description + Image Description +
+
+ Image Description + Image Description + Image Description +
+
+
+ +``` diff --git a/Documentation/docs/components/galleries/_category_.json b/Documentation/docs/components/galleries/_category_.json new file mode 100644 index 0000000..d74e1cf --- /dev/null +++ b/Documentation/docs/components/galleries/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Galleries", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md b/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md new file mode 100644 index 0000000..0a728d7 --- /dev/null +++ b/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md @@ -0,0 +1,223 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned Search With Tags + +![Cards](/img/center-aligned-search-with-tags.png) + +```jsx title="Frontend/sections/HeroSections/CenterAlignedSearchWithTags.tsx" +<> + {/* */} +
+
+
+

+ Insights +

+ +

+ Stay in the know with insights from industry experts. +

+ +
+ {/* */} +
+
+
+ + +
+ +
+
+ {/* */} + + {/* */} +
+ + + + + +
+ {/* */} + + {/* */} +
+ + + +
+ {/* */} +
+ + +
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero forms/CenterAlignedWithAForm.md b/Documentation/docs/components/hero forms/CenterAlignedWithAForm.md new file mode 100644 index 0000000..e4f3801 --- /dev/null +++ b/Documentation/docs/components/hero forms/CenterAlignedWithAForm.md @@ -0,0 +1,185 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned With A Form + +![Cards](/img/center-aligned-with-a-form.png) + +```jsx title="Frontend/sections/HeroSections/CenterAlignedWithAForm.tsx" +<> + {/* */} +
+
+
+ {/* */} +
+

+ Small business solutions +

+

+ Turn online shoppers into{" "} + lifetime customers +

+
+ {/* */} + + {/* */} +
+
+ {/* */} +
+ Image Description + Image Description + Image Description + Image Description + + + 7k+ + + +
+ {/* */} +
+ +
+ +
+
+ Trust pilot +
+
+ Rated best over 37k reviews +
+
+
+ {/* */} + + {/* */} +
+
+
+ + +
+
+ + +
+ +
+
+ {/* */} + + {/* */} + + {/* */} + + {/* */} + + {/* */} +
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero forms/SignUpForm.md b/Documentation/docs/components/hero forms/SignUpForm.md new file mode 100644 index 0000000..04a4358 --- /dev/null +++ b/Documentation/docs/components/hero forms/SignUpForm.md @@ -0,0 +1,760 @@ +--- +sidebar_position: 2 +--- + +# Sign Up Form + +![Cards](/img/sign-up-form.png) + +```jsx title="Frontend/sections/HeroSections/SignUpForm.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+

+ FastPocket: A vision for 2024 +

+ + {/* */} +
+

+ Fully customizable rules to match your unique needs +

+

+ We provide you with a test account that can be set up in + seconds. Our main focus is getting responses to you as soon as + we can. +

+
+ {/* */} + + {/* */} +
+ + +
+

+ Amazing people to work with. Very fast and professional + partner. +

+
+ +
+
+
+ Image Description +
+
+
+ Josh Grazioso +
+
+ Director Payments & Risk | Airbnb +
+
+
+
+
+ {/* */} +
+ {/* */} + +
+ {/* */} +
+
+ {/* */} +
+
+

+ Start your free trial +

+

+ Already have an account? + + Sign in here + +

+
+ +
+ + +
+ Or +
+ + {/* */} +
+ {/* */} +
+ {/* */} +
+ + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
+ + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
+ + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
+ + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
+ + +
+ {/* */} + +
+
+ +

+ Your password must contain: +

+ +
    +
  • + + + + + + + + + + + + Minimum number of characters is 6. +
  • +
  • + + + + + + + + + + + + Should contain lowercase. +
  • +
  • + + + + + + + + + + + + Should contain uppercase. +
  • +
  • + + + + + + + + + + + + Should contain numbers. +
  • +
  • + + + + + + + + + + + + Should contain special characters. +
  • +
+
+
+ {/* */} + + {/* */} +
+ {/* */} +
+ + +
+ {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+
+ +
+
+ +
+
+ {/* */} + +
+ +
+
+
+ {/* */} +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+ + 50,000 + + individuals and companies trust FastPocket +
+ + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero forms/SplitSectionWithAnImageAndAForm.md b/Documentation/docs/components/hero forms/SplitSectionWithAnImageAndAForm.md new file mode 100644 index 0000000..5fc912b --- /dev/null +++ b/Documentation/docs/components/hero forms/SplitSectionWithAnImageAndAForm.md @@ -0,0 +1,128 @@ +--- +sidebar_position: 2 +--- + +# Split Section With An Image And A Form + +![Cards](/img/split-section-with-anImage-and-a-form.png) + +```jsx title="Frontend/sections/HeroSections/SplitSectionWithAnImageAndAForm.tsx" +<> + {/* */} +
+
+
+ {/* */} +

+ Solving problems for every{" "} + team +

+

+ Built on standard web technology, teams use FastPocket to build + beautiful cross-platform hybrid apps in a fraction of the time. +

+ {/* */} + +
+ +
+ +
+ Or +
+ + {/* */} +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+
+ {/* */} +
+
+ +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero forms/_category_.json b/Documentation/docs/components/hero forms/_category_.json new file mode 100644 index 0000000..ac84672 --- /dev/null +++ b/Documentation/docs/components/hero forms/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Hero Forms", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/hero sections/CenterAlignedInDarkBackground.md b/Documentation/docs/components/hero sections/CenterAlignedInDarkBackground.md new file mode 100644 index 0000000..68b2142 --- /dev/null +++ b/Documentation/docs/components/hero sections/CenterAlignedInDarkBackground.md @@ -0,0 +1,88 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned In Dark Background + +![Cards](/img/center-aligned-in-dark-background.png) + +```jsx title="Frontend/sections/HeroSections/CenterAlignedInDarkBackground.tsx" +<> + {/* */} +
+
+
+ {/* */} + + {/* */} + + {/* */} +
+

+ Now it's easier than ever to build products +

+
+ {/* */} + +
+

+ FastPocket is a large open-source project, crafted with Tailwind CSS + framework by Hmlstream. +

+
+ + {/* */} + + {/* */} +
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/CenterAlignedWithVideoPlayButtonOnImage.md b/Documentation/docs/components/hero sections/CenterAlignedWithVideoPlayButtonOnImage.md new file mode 100644 index 0000000..2d27607 --- /dev/null +++ b/Documentation/docs/components/hero sections/CenterAlignedWithVideoPlayButtonOnImage.md @@ -0,0 +1,64 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned With Video Play Button On Image + +![Cards](/img/center-aligned-with-video-play-button-on-image.png) + +```jsx title="Frontend/sections/HeroSections/CenterAlignedWithVideoPlayButtonOnImage.tsx" +<> + {/* */} +
+
+
+

+ Designed for you to get more{" "} + simple +

+

+ Build your business here. Take it anywhere. +

+
+ +
+
+ + + +
+
+
+ +
+
+
+
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/GradientBackground.md b/Documentation/docs/components/hero sections/GradientBackground.md new file mode 100644 index 0000000..509a621 --- /dev/null +++ b/Documentation/docs/components/hero sections/GradientBackground.md @@ -0,0 +1,111 @@ +--- +sidebar_position: 2 +--- + +# Gradient Background + +![Cards](/img/gradient-background.png) + +```jsx title="Frontend/sections/HeroSections/GradientBackground.tsx" +<> + {/* */} +
+ {/* */} + + {/* */} + +
+
+
+

+ Preline: A vision for 2023 +

+ + {/* */} +
+

+ The Intuitive Web Solutions +

+
+ {/* */} + +
+

+ Preline UI is an open-source set of prebuilt UI components, + ready-to-use examples and Figma design system based on the + utility-first Tailwind CSS framework. +

+
+ + {/* */} + + {/* */} +
+
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/PolygonBackgroundElement.md b/Documentation/docs/components/hero sections/PolygonBackgroundElement.md new file mode 100644 index 0000000..ad3ef34 --- /dev/null +++ b/Documentation/docs/components/hero sections/PolygonBackgroundElement.md @@ -0,0 +1,155 @@ +--- +sidebar_position: 2 +--- + +# Polygon Background Element + +![Cards](/img/polygon-background-element.png) + +```jsx title="Frontend/sections/HeroSections/PolygonBackgroundElement.tsx" +<> + {/* */} +
+
+ {/* */} +
+ + PRO release - Join to waitlist + + + + + + +
+ {/* */} + + {/* */} +
+

+ Let's Build + + Together + +

+
+ {/* */} + +
+

+ FastPocket UI is an open-source set of prebuilt UI components, + ready-to-use examples and Figma design system based on the + utility-first Tailwind CSS framework. +

+
+ + {/* */} +
+ + Get started + + + + + +
+ {/* */} + +
+ + Package Manager: + + + npm + + + + Installation Guide + + + + +
+
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/SquaredBackgroundElement.md b/Documentation/docs/components/hero sections/SquaredBackgroundElement.md new file mode 100644 index 0000000..bd2687e --- /dev/null +++ b/Documentation/docs/components/hero sections/SquaredBackgroundElement.md @@ -0,0 +1,83 @@ +--- +sidebar_position: 2 +--- + +# Square Background Element + +![Cards](/img/squared-background-element.png) + +```jsx title="Frontend/sections/HeroSections/SquaredBackgroundElement.tsx" +<> + {/* {/* */} +
+
+ {/* */} +
+ + Explore the Capital Product + + + Explore + + + + + + +
+ {/* */} + + {/* */} +
+

+ Supercharged Preline Experience +

+
+ {/* */} + +
+

+ Preline is a large open-source project, crafted with Tailwind CSS + framework by Hmlstream. +

+
+ + {/* */} +
+ + + + + Continue with Github + +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/WithEmailInput.md b/Documentation/docs/components/hero sections/WithEmailInput.md new file mode 100644 index 0000000..1ad595c --- /dev/null +++ b/Documentation/docs/components/hero sections/WithEmailInput.md @@ -0,0 +1,208 @@ +--- +sidebar_position: 2 +--- + +# With Email Input + +![Cards](/img/with-email-input.png) + +```jsx title="Frontend/sections/HeroSections/WithEmailInput.tsx" +<> + {/* */} +
+ {/* */} +
+
+

+ Build Better Products +

+

+ Introducing a new way for your brand to reach the creative + community. +

+ +
+
+ + +
+ + Request demo + +
+ + {/* */} +
+ + Trusted by: + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ {/* */} +
+ {/* */} + +
+ Image Description +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/WithImagesAndReviews.md b/Documentation/docs/components/hero sections/WithImagesAndReviews.md new file mode 100644 index 0000000..ecdfc3d --- /dev/null +++ b/Documentation/docs/components/hero sections/WithImagesAndReviews.md @@ -0,0 +1,322 @@ +--- +sidebar_position: 2 +--- + +# With Images and Reviews + +![Cards](/img/with-images-and-reviews.png) + +```jsx title="Frontend/sections/HeroSections/WithImageAndReviews.tsx" +<> + {/* */} +
+ {/* */} +
+
+

+ Start your journey with FastPocket +

+

+ Hand-picked professionals and expertly crafted components, designed + for any kind of entrepreneur. +

+ + {/* */} + + {/* */} + + {/* */} +
+ {/* */} +
+
+ + + + + + + + + + + + + + + +
+ +

+ 4.6 /5 - from 12k reviews +

+ +
+ {/* */} + + + + + + + + + {/* */} +
+
+ {/* */} + + {/* */} +
+
+ + + + + + + + + + + + + + + + +
+ +

+ 4.8 /5 - from 5k reviews +

+ +
+ {/* */} + + + + + {/* */} +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +
+ Image Description +
+ + {/* */} +
+ + + + + + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/hero sections/_category_.json b/Documentation/docs/components/hero sections/_category_.json new file mode 100644 index 0000000..0568dc4 --- /dev/null +++ b/Documentation/docs/components/hero sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Hero Sections", + "position": 4, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/icon sections/BorderGradient.md b/Documentation/docs/components/icon sections/BorderGradient.md new file mode 100644 index 0000000..812d36c --- /dev/null +++ b/Documentation/docs/components/icon sections/BorderGradient.md @@ -0,0 +1,148 @@ +--- +sidebar_position: 2 +--- + +# Border Gradient + +![Cards](/img/border-gradient.png) + +```jsx title="Frontend/sections/IconSections/BorderGradient.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+
+ + + + + +
+
+
+

+ Responsive +

+

+ Responsive, and mobile-first project on the web +

+
+
+ {/* */} + + {/* */} +
+
+
+ + + + + + +
+
+
+

+ Customizable +

+

+ Components are easily customized and extendable +

+
+
+ {/* */} + + {/* */} +
+
+
+ + + + +
+
+
+

+ Documentation +

+

+ Every component and plugin is well documented +

+
+
+ {/* */} + + {/* */} +
+
+
+ + + + +
+
+
+

+ 24/7 Support +

+

+ Contact us 24 hours a day, 7 days a week +

+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/CenterAligned.md b/Documentation/docs/components/icon sections/CenterAligned.md new file mode 100644 index 0000000..9ce3426 --- /dev/null +++ b/Documentation/docs/components/icon sections/CenterAligned.md @@ -0,0 +1,140 @@ +--- +sidebar_position: 2 +--- + +# Center Aligned + +![Cards](/img/center-aligned.png) + +```jsx title="Frontend/sections/IconSections/CenterAligned.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+ + + + + +
+
+

+ Responsive +

+

+ Responsive, and mobile-first project on the web +

+
+
+ {/* */} + + {/* */} +
+
+ + + + + + +
+
+

+ Customizable +

+

+ Components are easily customized and extendable +

+
+
+ {/* */} + + {/* */} +
+
+ + + + +
+
+

+ Documentation +

+

+ Every component and plugin is well documented +

+
+
+ {/* */} + + {/* */} +
+
+ + + + +
+
+

+ 24/7 Support +

+

+ Contact us 24 hours a day, 7 days a week +

+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/DescriptionOnLeftIconBlocksOnRight.md b/Documentation/docs/components/icon sections/DescriptionOnLeftIconBlocksOnRight.md new file mode 100644 index 0000000..2243831 --- /dev/null +++ b/Documentation/docs/components/icon sections/DescriptionOnLeftIconBlocksOnRight.md @@ -0,0 +1,153 @@ +--- +sidebar_position: 2 +--- + +# Description On Left Icon Blocks On Right + +![Cards](/img/description-on-left-icon-blocks-on-right.png) + +```jsx title="Frontend/sections/IconSections/DescriptionOnLeftIconBlocksOnRight.tsx" +<> + {/* */} +
+ {/* */} +
+
+

+ Collaborative tools to design better user experience +

+

+ We help businesses bring ideas to life in the digital world, by + designing and implementing the technology tools that they need to + win. +

+

+ + Contact sales to learn more + + + + +

+
+ {/* */} + +
+ {/* */} +
+ {/* */} + + + + + + +
+

+ Industry-leading documentation +

+

+ Our documentation and extensive Client libraries contain + everything a business needs to build a custom integration in a + fraction of the time. +

+
+
+ {/* */} + + {/* */} +
+ {/* */} + + + + + + +
+

+ Developer community support +

+

+ We actively contribute to open-source projects—giving back to + the community through development, patches, and sponsorships. +

+
+
+ {/* */} + + {/* */} +
+ {/* */} + + + + + + +
+

+ Simple and affordable +

+

+ From boarding passes to movie tickets, there's pretty much + nothing you can't store with FastPocket. +

+
+
+ {/* */} +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/IconGrayBackgroundOnHover.md b/Documentation/docs/components/icon sections/IconGrayBackgroundOnHover.md new file mode 100644 index 0000000..ab27ef1 --- /dev/null +++ b/Documentation/docs/components/icon sections/IconGrayBackgroundOnHover.md @@ -0,0 +1,181 @@ +--- +sidebar_position: 2 +--- + +# Icon Gray Background On Hover + +![Cards](/img/icon-gray-background-on-hover.png) + +```jsx title="Frontend/sections/IconSections/IconGrayBackgroundOnHover.tsx" +<> + {/* */} +
+
+ {/* */} + + + + + + + + + +
+
+

+ Build your portfolio +

+

+ The simplest way to keep your portfolio always up-to-date. +

+
+ +

+ Learn more + + + +

+
+
+ {/* */} + + {/* */} + + + + + + + +
+
+

+ Get freelance work +

+

+ New design projects delivered to your inbox each morning. +

+
+ +

+ Learn more + + + +

+
+
+ {/* */} + + {/* */} + + + + + + + + + +
+
+

+ Sell your goods +

+

+ Get your goods in front of millions of potential customers + with ease. +

+
+ +

+ Learn more + + + +

+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/MediumSizeDescriptionWithIconBlocks.md b/Documentation/docs/components/icon sections/MediumSizeDescriptionWithIconBlocks.md new file mode 100644 index 0000000..997754f --- /dev/null +++ b/Documentation/docs/components/icon sections/MediumSizeDescriptionWithIconBlocks.md @@ -0,0 +1,134 @@ +--- +sidebar_position: 2 +--- + +# Medium Size Description With Icon Blocks + +![Cards](/img/medium-size-description-with-icon-blocks.png) + +```jsx title="Frontend/sections/IconSections/MediumSizeDescriptionWithIconBlocks.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+

+ Our vision +

+

+ For as long as there have been cities, the public square has + been a fundamental part of the urban landscape - an open, + approachable space to meet and engage with friends and + neighbours. Space aims to capture this spirit of bringing people + together in an exciting, welcoming environment. +

+
+ +
+ {/* */} +
+ + + + + + + + + +
+

+ High quality Co-Living spaces +

+

+ Our fully furnished spaces are designed and purpose-built + with Co-Living in mind, featuring high-end finishes and + amenities that go far beyond traditional apartment + buildings. +

+
+
+ {/* */} + + {/* */} +
+ + + + + + +
+

+ Fostering vibrant communities +

+

+ Our passion is bringing people together. Beyond creating + beautiful spaces, we provide shared experiences. +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+

+ Simple and all-inclusive +

+

+ We worry about the details so that our residents don't have + to. From our online application process to simple, + all-inclusive billing we aim to make the living experience + as effortless as possible. +

+
+
+ {/* */} +
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/SimpleLeftAligned.md b/Documentation/docs/components/icon sections/SimpleLeftAligned.md new file mode 100644 index 0000000..da589b7 --- /dev/null +++ b/Documentation/docs/components/icon sections/SimpleLeftAligned.md @@ -0,0 +1,144 @@ +--- +sidebar_position: 2 +--- + +# Simple Left Aligned + +![Cards](/img/simple-left-aligned.png) + +```jsx title="Frontend/sections/IconSections/SimpleLeftAligned.tsx" +<> + {/* */} +
+
+ {/* */} +
+ + + + + +
+
+
+
+

+ Responsive +

+

+ Responsive, and mobile-first project on the web +

+
+
+ {/* */} + + {/* */} +
+ + + + + + +
+
+
+
+

+ Customizable +

+

+ Components are easily customized and extendable +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+
+
+
+

+ Documentation +

+

+ Every component and plugin is well documented +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+
+
+
+

+ 24/7 Support +

+

+ Contact us 24 hours a day, 7 days a week +

+
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/SolidBlueBackgroundIconWithGrayBackgroundOnHover.md b/Documentation/docs/components/icon sections/SolidBlueBackgroundIconWithGrayBackgroundOnHover.md new file mode 100644 index 0000000..d2269ca --- /dev/null +++ b/Documentation/docs/components/icon sections/SolidBlueBackgroundIconWithGrayBackgroundOnHover.md @@ -0,0 +1,220 @@ +--- +sidebar_position: 2 +--- + +# Solid Blue Background Icon With Gray Background On Hover + +![Cards](/img/solid-blue-background-icon-with-gray-background-on-hover.png) + +```jsx title="Frontend/sections/IconSections/SolidBlueBackgroundIconWithGrayBackgroundOnHover.tsx" +<> + {/* */} +
+
+ {/* */} + +
+ + + + + +
+
+

+ Responsive +

+

+ Responsive, and mobile-first project on the web +

+ + Learn more + + + + +
+
+ {/* */} + + {/* */} + +
+ + + + + + +
+
+

+ Customizable +

+

+ Components are easily customized and extendable +

+ + Learn more + + + + +
+
+ {/* */} + + {/* */} + +
+ + + + +
+
+

+ Documentation +

+

+ Every component and plugin is well documented +

+ + Learn more + + + + +
+
+ {/* */} + + {/* */} + +
+ + + + +
+
+

+ 24/7 Support +

+

+ Contact us 24 hours a day, 7 days a week +

+ + Learn more + + + + +
+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/SquareShapeBordered.md b/Documentation/docs/components/icon sections/SquareShapeBordered.md new file mode 100644 index 0000000..65471e0 --- /dev/null +++ b/Documentation/docs/components/icon sections/SquareShapeBordered.md @@ -0,0 +1,222 @@ +--- +sidebar_position: 2 +--- + +# Square Shape Bordered + +![Cards](/img/stacked-cards.png) + +```jsx title="Frontend/sections/IconSections/SquareShapeBordered.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+
+ + + + + + + +
+
+

+ Build your portfolio +

+
+
+

+ The simplest way to keep your portfolio always up-to-date. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + +
+
+

+ Get freelance work +

+
+
+

+ New design projects delivered to your inbox each morning. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + + + +
+
+

+ Sell your goods +

+
+
+

+ Get your goods in front of millions of potential customers with + ease. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + + +
+
+

+ Get freelance work +

+
+
+

+ New design projects delivered to your inbox each morning. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + +
+
+

+ Sell your goods +

+
+
+

+ Get your goods in front of millions of potential customers with + ease. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + +
+
+

+ Build your portfolio +

+
+
+

+ The simplest way to keep your portfolio always up-to-date. +

+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/StackedCards.md b/Documentation/docs/components/icon sections/StackedCards.md new file mode 100644 index 0000000..58e9499 --- /dev/null +++ b/Documentation/docs/components/icon sections/StackedCards.md @@ -0,0 +1,222 @@ +--- +sidebar_position: 2 +--- + +# Stacked Cards + +![Cards](/img/stacked-cards.png) + +```jsx title="Frontend/sections/IconSections/StackedCards.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+
+ + + + + + + +
+
+

+ Build your portfolio +

+
+
+

+ The simplest way to keep your portfolio always up-to-date. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + +
+
+

+ Get freelance work +

+
+
+

+ New design projects delivered to your inbox each morning. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + + + +
+
+

+ Sell your goods +

+
+
+

+ Get your goods in front of millions of potential customers with + ease. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + + +
+
+

+ Get freelance work +

+
+
+

+ New design projects delivered to your inbox each morning. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + +
+
+

+ Sell your goods +

+
+
+

+ Get your goods in front of millions of potential customers with + ease. +

+
+ {/* */} + + {/* */} +
+
+
+ + + + + +
+
+

+ Build your portfolio +

+
+
+

+ The simplest way to keep your portfolio always up-to-date. +

+
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/TwoColsGrid.md b/Documentation/docs/components/icon sections/TwoColsGrid.md new file mode 100644 index 0000000..3052af6 --- /dev/null +++ b/Documentation/docs/components/icon sections/TwoColsGrid.md @@ -0,0 +1,210 @@ +--- +sidebar_position: 2 +--- + +# Two Cols Grid + +![Cards](/img/two-cols-grid.png) + +```jsx title="Frontend/sections/IconSections/TwoColsGrid.tsx" +<> + {/* */} +
+
+ {/* */} +
+
+ {/* */} +
+ + + + + + + +
+

+ Creative minds +

+

+ We choose our teams carefully. Our people are the secret to + great work. +

+
+
+ {/* */} + + {/* */} +
+ + + + + + +
+

+ Effortless updates +

+

+ Benefit from automatic updates to all boards any time you + need to make a change to your website. +

+
+
+ {/* */} + + {/* */} +
+ + + +
+

+ Strong empathy +

+

+ We've user tested our own process by shipping over 1k + products for clients. +

+
+
+ {/* */} +
+ {/* */} + +
+ {/* */} +
+ + + + + + + + +
+

+ Conquer the best +

+

+ We stay lean and help your product do one thing well. +

+
+
+ {/* */} + + {/* */} +
+ + + + + + +
+

+ Designing for people +

+

+ We actively pursue the right balance between functionality + and aesthetics, creating delightful experiences. +

+
+
+ {/* */} + + {/* */} +
+ + + + +
+

+ Simple and affordable +

+

+ From boarding passes to movie tickets, there's pretty much + nothing you can't store with FastPocket. +

+
+
+ {/* */} +
+ {/* */} +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/icon sections/_category_.json b/Documentation/docs/components/icon sections/_category_.json new file mode 100644 index 0000000..3500e11 --- /dev/null +++ b/Documentation/docs/components/icon sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Icon Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/mansury sections/CardsOnImages.md b/Documentation/docs/components/mansury sections/CardsOnImages.md new file mode 100644 index 0000000..da166e9 --- /dev/null +++ b/Documentation/docs/components/mansury sections/CardsOnImages.md @@ -0,0 +1,134 @@ +--- +sidebar_position: 2 +--- + +# Cards On Images + +![Cards](/img/cards-on-images.png) + +```jsx title="Frontend/sections/MansurySections/CardsOnImages.tsx" +<> + {/* */} +
+ {/* */} +
+
+ {/* */} + +
+ Image Description +
+
+
+ Workplace personalities +
+
+
+ {/* */} +
+ {/* */} + +
+ {/* */} + +
+ Image Description +
+
+
+ Women in engineering +
+
+
+ {/* */} +
+ {/* */} + +
+ {/* */} + +
+ Image Description +
+
+
+ Pride 2021 +
+
+
+ {/* */} +
+ {/* */} + +
+ {/* */} + +
+ Image Description +
+
+
+ Data at Preline +
+
+
+ {/* */} +
+ {/* */} + +
+ {/* */} + +
+ Image Description +
+
+
+ Empowered management +
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/mansury sections/_category_.json b/Documentation/docs/components/mansury sections/_category_.json new file mode 100644 index 0000000..34eeec6 --- /dev/null +++ b/Documentation/docs/components/mansury sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Mansury Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/pricing sections/BlocksWithBorderedGradients.md b/Documentation/docs/components/pricing sections/BlocksWithBorderedGradients.md new file mode 100644 index 0000000..59ad0be --- /dev/null +++ b/Documentation/docs/components/pricing sections/BlocksWithBorderedGradients.md @@ -0,0 +1,3364 @@ +--- +sidebar_position: 2 +--- + +# Blocks With Bordered Gradients + +![Cards](/img/blocks-with-bordered-gradients.png) + +```jsx title="Frontend/sections/PricingSections/BlocksWithBorderedGradients.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Find the right plan for your team +

+

+ Pay as you go service, cancel anytime. +

+
+ {/* */} + + {/* */} +
+
+ {/* */} +
+
+

+ Free +

+
+ +
+ + Free + +
+ +
+
    +
  • + 1 user +
  • + +
  • + Plan features +
  • + +
  • + Product support +
  • +
+
+ + +
+ {/* */} + + {/* */} +
+
+

+ Startup +

+
+ +
+ + $ + 39 + +
+ +
+
    +
  • + 2 users +
  • + +
  • + Plan features +
  • + +
  • + Product support +
  • +
+
+ + +
+ {/* */} + + {/* */} +
+
+

+ Team +

+
+ +
+ + $ + 89 + +
+ +
+
    +
  • + 5 users +
  • + +
  • + Plan features +
  • + +
  • + Product support +
  • +
+
+ + +
+ {/* */} + + {/* */} +
+
+

+ Enterprise +

+
+ +
+ + $ + 149 + +
+ +
+
    +
  • + 10 users +
  • + +
  • + Plan features +
  • + +
  • + Product support +
  • +
+
+ + +
+ {/* */} +
+
+ {/* */} + + {/* */} +
+
+ {/* */} +
+
+
+

+ Free +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + No +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + No +
+ Average token age consumed + + {/* */} + + + + {/* */} + Yes +
+ Exchange flow + + {/* */} + + + + {/* */} + No +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + No +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + No +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Yes +
+ ETH gas used + + {/* */} + + + + {/* */} + No +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + No +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + No +
+ Total social volume + + {/* */} + + + + {/* */} + No +
+
+ +
+
+

+ Startup +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + No +
+ Average token age consumed + + {/* */} + + + + {/* */} + No +
+ Exchange flow + + {/* */} + + + + {/* */} + No +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + No +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Yes +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Yes +
+ ETH gas used + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + Yes +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + No +
+ Total social volume + + {/* */} + + + + {/* */} + Yes +
+
+ +
+
+

+ Team +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + Yes +
+ Average token age consumed + + {/* */} + + + + {/* */} + Yes +
+ Exchange flow + + {/* */} + + + + {/* */} + Yes +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + Yes +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Yes +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + No +
+ ETH gas used + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + No +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + Yes +
+ Total social volume + + {/* */} + + + + {/* */} + No +
+
+ +
+
+

+ Enterprise +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + Yes +
+ Average token age consumed + + {/* */} + + + + {/* */} + Yes +
+ Exchange flow + + {/* */} + + + + {/* */} + Yes +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + Yes +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Yes +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Yes +
+ ETH gas used + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + Yes +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + Yes +
+ Total social volume + + {/* */} + + + + {/* */} + Yes +
+
+
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Pricing plan comparison
+ Feature by + Plans + + Free + + Startup + + Team + + Enterprise +
+ Financial data +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ On-chain data +
+ Network growth + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Average token age consumed + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Exchange flow + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Transaction volume + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ ETH gas used + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Social data +
+ Dev activity + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Topic search + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Relative social dominance + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Relative social dominance + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+
+ {/* */} +
+ +
+ +
+
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/pricing sections/Cards.md b/Documentation/docs/components/pricing sections/Cards.md new file mode 100644 index 0000000..50888f6 --- /dev/null +++ b/Documentation/docs/components/pricing sections/Cards.md @@ -0,0 +1,3516 @@ +--- +sidebar_position: 2 +--- + +# Cards + +![Cards](/img/cards-1.png) +![Cards](/img/cards-2.png) + +```jsx title="Frontend/sections/PricingSections/Cards.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Pricing +

+

+ Whatever your status, our offers evolve according to your needs. +

+
+ {/* */} + + {/* */} +
+ + + + + +
+ {/* */} + + {/* */} +
+ {/* */} +
+

+ Free +

+ + Free + +

Forever free

+ +
    +
  • + + + + 1 user +
  • + +
  • + + + + + Plan features + +
  • + +
  • + + + + + Product support + +
  • +
+ + + Sign up + +
+ {/* */} + + {/* */} +
+

+ + Most popular + +

+

+ Startup +

+ + $ + 39 + +

+ All the basics for starting a new business +

+ +
    +
  • + + + + + 2 users + +
  • + +
  • + + + + + Plan features + +
  • + +
  • + + + + + Product support + +
  • +
+ + + Sign up + +
+ {/* */} + + {/* */} +
+

+ Team +

+ + $ + 89 + +

+ Everything you need for a growing business +

+ +
    +
  • + + + + + 5 users + +
  • + +
  • + + + + + Plan features + +
  • + +
  • + + + + + Product support + +
  • +
+ + + Sign up + +
+ {/* */} + + {/* */} +
+

+ Enterprise +

+ + $ + 149 + +

+ Advanced features for scaling your business +

+ +
    +
  • + + + + + 10 users + +
  • + +
  • + + + + + Plan features + +
  • + +
  • + + + + + Product support + +
  • +
+ + + Sign up + +
+ {/* */} +
+ {/* */} + + {/* */} +
+
+

+ Compare plans +

+
+ + {/* */} +
+
+
+

+ Free +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + No +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + No +
+ Average token age consumed + + {/* */} + + + + {/* */} + Yes +
+ Exchange flow + + {/* */} + + + + {/* */} + No +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + No +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + No +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Yes +
+ ETH gas used + + {/* */} + + + + {/* */} + No +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + No +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + No +
+ Total social volume + + {/* */} + + + + {/* */} + No +
+
+ +
+
+

+ Startup +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + No +
+ Average token age consumed + + {/* */} + + + + {/* */} + No +
+ Exchange flow + + {/* */} + + + + {/* */} + No +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + No +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Yes +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Yes +
+ ETH gas used + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + Yes +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + No +
+ Total social volume + + {/* */} + + + + {/* */} + Yes +
+
+ +
+
+

+ Team +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + Yes +
+ Average token age consumed + + {/* */} + + + + {/* */} + Yes +
+ Exchange flow + + {/* */} + + + + {/* */} + Yes +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + Yes +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Yes +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + No +
+ ETH gas used + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + No +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + Yes +
+ Total social volume + + {/* */} + + + + {/* */} + No +
+
+ +
+
+

+ Enterprise +

+
+ + + + + + + + + + + + + + + + + + + +
+ Financial data +
+ Feature + + Included +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Yes +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ On-chain data +
+ Feature + + Included +
+ Network growth + + {/* */} + + + + {/* */} + Yes +
+ Average token age consumed + + {/* */} + + + + {/* */} + Yes +
+ Exchange flow + + {/* */} + + + + {/* */} + Yes +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + Yes +
+ Transaction volume + + {/* */} + + + + {/* */} + Yes +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Yes +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Yes +
+ ETH gas used + + {/* */} + + + + {/* */} + Yes +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Social data +
+ Feature + + Included +
+ Dev activity + + {/* */} + + + + {/* */} + Yes +
+ Topic search + + {/* */} + + + + {/* */} + Yes +
+ Relative social dominance + + {/* */} + + + + {/* */} + Yes +
+ Total social volume + + {/* */} + + + + {/* */} + Yes +
+
+
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Pricing plan comparison
+ Feature by + Plans + + Free + + Startup + + Team + + Enterprise +
+ Financial data +
+ Open/High/Low/Close + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Price-volume difference indicator + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ On-chain data +
+ Network growth + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Average token age consumed + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Exchange flow + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Total ERC20 exchange funds flow + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Transaction volume + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Total circulation (beta) + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Velocity of tokens (beta) + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ ETH gas used + + {/* */} + + + + {/* */} + Not included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Social data +
+ Dev activity + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Topic search + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+ Relative social dominance + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + {/* */} + Included in Team + + {/* */} + {/* */} + Included in Enterprise +
+ Relative social dominance + + {/* */} + + + + {/* */} + Included in Free + + {/* */} + + + + {/* */} + Included in Startup + + {/* */} + + + + {/* */} + Included in Team + + {/* */} + + + + {/* */} + Included in Enterprise +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/pricing sections/With2Cards.md b/Documentation/docs/components/pricing sections/With2Cards.md new file mode 100644 index 0000000..553117e --- /dev/null +++ b/Documentation/docs/components/pricing sections/With2Cards.md @@ -0,0 +1,2470 @@ +--- +sidebar_position: 2 +--- + +# With 2 Cards + +![Cards](/img/with-2-cards.png) + +```jsx title="Frontend/sections/PricingSections/With2Cards.tsx" +<> + {/* */} +
+
+ {/* */} +
+

+ Solo, agency or team? We’ve got you covered. +

+
+ {/* */} + +
+ {/* */} +
+
+ {/* */} +
+

+ Professional +

+
+ Everything a small team needs. +
+ +
+ + $18 + + + .00 + + + USD / monthly + +
+ +
+ {/* */} +
    +
  • + + + + + + + Up to 10 people + +
  • + +
  • + + + + + + + Collect data + +
  • + +
  • + + + + + + + Code extensibility + +
  • +
+ {/* */} + + {/* */} +
    +
  • + + + + + + + + Custom reports + +
  • + +
  • + + + + + + + + Product support + +
  • + +
  • + + + + + + + + Activity reporting + +
  • +
+ {/* */} +
+ +
+
+

+ Cancel anytime. +

+

+ No card required. +

+
+ +
+ +
+
+
+ {/* */} +
+ +
+ {/* */} +
+

+ Teams +

+
+ For growing businesses. +
+ + Most popular + + +
+ + $36 + + + .99 + + + USD / monthly + +
+ +
+ {/* */} +
    +
  • + + + + + + + Up to 10 people + +
  • + +
  • + + + + + + + Collect data + +
  • + +
  • + + + + + + + Code extensibility + +
  • +
+ {/* */} + + {/* */} +
    +
  • + + + + + + + Custom reports + +
  • + +
  • + + + + + + + Product support + +
  • + +
  • + + + + + + + Activity reporting + +
  • +
+ {/* */} +
+ +
+
+

+ Cancel anytime. +

+

+ No card required. +

+
+ +
+ +
+
+
+ {/* */} +
+
+ {/* */} + + {/* */} +
+ + + + + +
+ {/* */} + + {/* */} +
+ + + +
+ {/* */} +
+ +
+

+ Prices in USD. Taxes may apply. +

+
+
+
+ {/* */} + + {/* */} +
+
+
+

+ Compare plans +

+
+ + {/* */} +
+ {/* */} +
+
+ + Features + +
+ {/* */} + +
+ + Free + +

+ Free forever +

+
+ {/* */} + +
+ + Startup + +

+ $39 per month billed annually +

+
+ {/* */} + +
+ + Team + +

+ $89 per month billed annually +

+
+ {/* */} + +
+ + Enterprise + +

+ $149 per month billed annually +

+
+ {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
    + {/* */} +
  • + + General + +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Number of seats + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + 1 +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + Up to 3 + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + Up to 10 + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + Unlimited + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Storage + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + 15 GB +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + 1 TB +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + 15 TB +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + Unlimited + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Email sharing + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Any time, anywhere access + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
    + {/* */} +
  • + + Financial data + +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Open/High/Low/Close + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Price-volume difference indicator + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
    + {/* */} +
  • + + On-chain data + +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Network growth + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Average token age consumed + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Exchange flow + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Total ERC20 exchange funds flow + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Transaction volume + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Total circulation (beta) + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Velocity of tokens (beta) + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + ETH gas used + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
    + {/* */} +
  • + + Social data + +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} + + {/* */} +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Dev activity + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Topic search + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} + + {/* */} +
    + {/* */} +
  • + + Relative social dominance + +
  • + {/* */} + + {/* */} +
  • +
    + + Free + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Startup + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Team + + + + +
    +
  • + {/* */} + + {/* */} +
  • +
    + + Enterprise + + + + +
    +
  • + {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
+
+ {/* */} + + + {/* */} + + + {/* */} + + + {/* */} + + + {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+

+ Need a custom plan? +

+ + +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/pricing sections/_category_.json b/Documentation/docs/components/pricing sections/_category_.json new file mode 100644 index 0000000..4d03173 --- /dev/null +++ b/Documentation/docs/components/pricing sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Pricing Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/team sections/CardStyleWithDescriptionAndSocials.md b/Documentation/docs/components/team sections/CardStyleWithDescriptionAndSocials.md new file mode 100644 index 0000000..22a4712 --- /dev/null +++ b/Documentation/docs/components/team sections/CardStyleWithDescriptionAndSocials.md @@ -0,0 +1,647 @@ +--- +sidebar_position: 2 +--- + +# Card Style With Description And Socials + +![Cards](/img/card-style-with-description-and-socials.png) + +```jsx title="Frontend/sections/TeamSections/CardStyleWithDescriptionAndSocials.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Our leadership +

+

Creative people

+
+ {/* */} + + {/* */} +
+
+
+ Image Description +
+

+ David Forren +

+

+ Founder / CEO +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Amil Evara +

+

+ UI/UX Designer +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Ebele Egbuna +

+

+ Support Consultant +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Maria Powers +

+

+ Director of sales +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Delia Pawelke +

+

+ Front-end Developer +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Tom Lowry +

+

+ UI/UX Designer +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Louise Donadieu +

+

+ Support Consultant +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + +
+
+ Image Description +
+

+ Jeff Fisher +

+

+ Project Manager +

+
+
+ +

+ I am an ambitious workaholic, but apart from that, pretty simple + person. +

+ + {/* */} + + {/* */} +
+ {/* */} + + +

We are hiring!

+
+ + See all opening positions + + + + +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/team sections/InlineSmallSquaredImageWithSocials.md b/Documentation/docs/components/team sections/InlineSmallSquaredImageWithSocials.md new file mode 100644 index 0000000..7cceb98 --- /dev/null +++ b/Documentation/docs/components/team sections/InlineSmallSquaredImageWithSocials.md @@ -0,0 +1,611 @@ +--- +sidebar_position: 2 +--- + +# Inline Small Squared Image With Socials + +![Cards](/img/inline-small-squared-image-with-socials.png) + +```jsx title="Frontend/sections/TeamSections/InlineSmallSquaredImageWithSocials.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Meet the crew +

+

+ Creative people +

+
+ {/* */} + + {/* */} +
+
+ Image Description + +
+
+

+ David Forren +

+

+ Founder / CEO +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Amil Evara +

+

+ UI/UX Designer +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Ebele Egbuna +

+

+ Support Consultant +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Maria Powers +

+

+ Director of sales +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Delia Pawelke +

+

+ Front-end Developer +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Tom Lowry +

+

+ UI/UX Designer +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Louise Donadieu +

+

+ Support Consultant +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+
+

+ Jeff Fisher +

+

+ Project Manager +

+
+ + {/* */} + + {/* */} +
+
+ {/* */} + +
+ Image Description + +
+

+ We are hiring! +

+ + Check out / Careers + +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/team sections/SmallCircledImageSize.md b/Documentation/docs/components/team sections/SmallCircledImageSize.md new file mode 100644 index 0000000..8123c53 --- /dev/null +++ b/Documentation/docs/components/team sections/SmallCircledImageSize.md @@ -0,0 +1,293 @@ +--- +sidebar_position: 2 +--- + +# Squared Medium Size Image + +![Cards](/img/small-circled-image-size.png) + +```jsx title="Frontend/sections/TeamSections/SmallCircledImageSize.tsx" +<> + {/* */} +
+ {/* */} +
+

+ Our team +

+

Creative people

+
+ {/* */} + + {/* */} +
+
+ Image Description +
+

+ David Forren +

+

Founder / CEO

+
+
+ {/* */} + +
+ Image Description +
+

Amil Evara

+

UI/UX Designer

+
+
+ {/* */} + +
+ Image Description +
+

+ Ebele Egbuna +

+

+ Support Consultant +

+
+
+ {/* */} + +
+ Image Description +
+

+ Maria Powers +

+

+ Director of sales +

+
+
+ {/* */} + +
+ Image Description +
+

+ Delia Pawelke +

+

+ Front-end Developer +

+
+
+ {/* */} + +
+ Image Description +
+

Tom Lowry

+

UI/UX Designer

+
+
+ {/* */} + +
+ Image Description +
+

+ Louise Donadieu +

+

+ Support Consultant +

+
+
+ {/* */} + +
+ Image Description +
+

+ Jeff Fisher +

+

Project Manager

+
+
+ {/* */} + +
+ Image Description +
+

+ Sophia Harrington +

+

Project Manager

+
+
+ {/* */} + +
+ Image Description +
+

+ Christina Kray +

+

+ Support Consultant +

+
+
+ {/* */} + +
+ Image Description +
+

Amy Forren

+

Product Designer

+
+
+ {/* */} + +
+ Image Description +
+

+ Philip Williams +

+

+ Support Consultant +

+
+
+ {/* */} + +
+ Image Description +
+

+ Brian Lofoten +

+

UI/UX Designer

+
+
+ {/* */} + +
+ Image Description +
+

+ Jessica Dorsey +

+

+ Director of sales +

+
+
+ {/* */} + +
+ Image Description +
+

+ Nick Jackson +

+

UI/UX Designer

+
+
+ {/* */} +
+ {/* */} + + {/* */} +
+
+
+ + Want to work with us? + + + We are hiring + + + + +
+
+
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/team sections/SquaredMediumSizeImage.md b/Documentation/docs/components/team sections/SquaredMediumSizeImage.md new file mode 100644 index 0000000..17999c5 --- /dev/null +++ b/Documentation/docs/components/team sections/SquaredMediumSizeImage.md @@ -0,0 +1,219 @@ +--- +sidebar_position: 2 +--- + +# Squared Medium Size Image + +![Cards](/img/squared-medium-size-image.png) + +```jsx title="Frontend/sections/TeamSections/SquaredMediumSizeImage.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} +
+
+ + + + + + + + + + + +
+
+ + Atlassian API + +

+ Atlassian +

+

+ A software that develops products for software developers and + developments. +

+
+ +
+ {/* */} + + {/* */} +
+
+ + + + + + + + + + + + + + + + +
+
+ + Asana API + +

+ Asana +

+

+ Track tasks and projects, use agile boards, measure progress. +

+
+ +
+ {/* */} + + {/* */} +
+
+ + + + + + + +
+
+ + Slack API + +

+ Slack +

+

+ Email collaboration and email service desk made easy. +

+
+ +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/team sections/_category_.json b/Documentation/docs/components/team sections/_category_.json new file mode 100644 index 0000000..3f4380b --- /dev/null +++ b/Documentation/docs/components/team sections/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Team Sections", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/docs/components/testemonials/BigImage.md b/Documentation/docs/components/testemonials/BigImage.md new file mode 100644 index 0000000..0906044 --- /dev/null +++ b/Documentation/docs/components/testemonials/BigImage.md @@ -0,0 +1,156 @@ +--- +sidebar_position: 2 +--- + +# Big Image + +![Cards](/img/big-image.png) + +```jsx title="Frontend/sections/Testimonials/BigImage.tsx" +<> + {/* */} +
+ {/* */} +
+
+
+ Image Description + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/* */} +
+
+ {/* */} + +
+ {/* */} +
+ + +
+

+ Featured client +

+ +

+ To say that switching to Preline has been life-changing is an + understatement. My business has tripled and I got my life + back. +

+
+ +
+
+
+ Image Description +
+
+
+ Nicole Grazioso +
+
+ Director Payments & Risk | Airbnb +
+
+
+
+ + +
+ {/* */} +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/testemonials/CardTestimonial.md b/Documentation/docs/components/testemonials/CardTestimonial.md new file mode 100644 index 0000000..7b02370 --- /dev/null +++ b/Documentation/docs/components/testemonials/CardTestimonial.md @@ -0,0 +1,68 @@ +--- +sidebar_position: 2 +--- + +# Card Testimonial + +![Cards](/img/card-testimonial.png) + +```jsx title="Frontend/sections/Testimonials/CardTestimonial.tsx" +<> + {/* Testimonials */} +
+ {/* Grid */} +
+ {/* Card */} +
+
+ {"Timmy"} +

+ I think its a good idea +

+
+
+

+ Mustafa Hanif +

+

Indie Hacker

+
+
+ {/* End Card */} + {/* Card */} +
+
+ {"Timmy"} +

+ I know it's worth it and very good +

+
+
+

+ Timmy D Turner +

+

Indie Hacker

+
+
+ {/* End Card */} +
+ {/* End Grid */} +
+ {/* End Testimonials */} + +``` diff --git a/Documentation/docs/components/testemonials/CardsWithStatsInADarkBackground.md b/Documentation/docs/components/testemonials/CardsWithStatsInADarkBackground.md new file mode 100644 index 0000000..c4d4b9c --- /dev/null +++ b/Documentation/docs/components/testemonials/CardsWithStatsInADarkBackground.md @@ -0,0 +1,210 @@ +--- +sidebar_position: 2 +--- + +# CardsWithStatsInADarkBackground + +![Cards](/img/cards-with-stats-in-a-dark-background.png) + +```jsx title="Frontend/sections/Testimonials/CardsWithStatsInADarkBackground.tsx" +<> + {/* */} +
+
+ {/* */} +
+

+ Loved by business and individuals across the globe +

+
+ {/* */} + + {/* */} +
+ {/* */} +
+
+
+

+ " With FastPocket, we're able to easily track our performance + in full detail. It's become an essential tool for us to grow + and engage with our audience. " +

+
+ +
+
+
+ Image Description +
+ +
+

+ Josh Tyson +

+

+ Product Manager | Capsule +

+
+
+
+
+
+ {/* */} + + {/* */} +
+
+
+

+ " In September, I will be using this theme for 2 years. I + went through multiple updates and changes and I'm very glad + to see the consistency and effort made by the team. " +

+
+ +
+
+
+ Image Description +
+ +
+

+ Luisa +

+

+ Senior Director of Operations | Fitbit +

+
+
+
+
+
+ {/* */} + + {/* */} +
+
+
+

+ " Refreshing and Thought provoking design and it changes my + view about how I design the websites. Great typography, + modern clean white design, nice tones of the color. " +

+
+ +
+
+
+ Image Description +
+ +
+

+ Alisa Williams +

+

+ Entrepreneur | Happy customer +

+
+
+
+
+
+ {/* */} +
+ {/* */} + + {/* */} +
+ {/* */} +
+

+ Accuracy rate +

+

+ 99.95% +

+

+ in fulfilling orders +

+
+ {/* */} + + {/* */} +
+

+ Startup businesses +

+

+ 2,000+ +

+

+ partner with FastPocket +

+
+ {/* */} + + {/* */} +
+

+ Happy customer +

+

+ 85% +

+

this year alone

+
+ {/* */} +
+ {/* */} + + {/* */} + + {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/testemonials/GrayCards.md b/Documentation/docs/components/testemonials/GrayCards.md new file mode 100644 index 0000000..749b320 --- /dev/null +++ b/Documentation/docs/components/testemonials/GrayCards.md @@ -0,0 +1,258 @@ +--- +sidebar_position: 2 +--- + +# Gray Cards + +![Cards](/img/gray-cards.png) + +```jsx title="Frontend/sections/Testimonials/GrayCards.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} +
+
+ + + + + + + + + + + + + + +

+ + " I'm absolutely floored by the level of care and attention to + detail the team at HS have put into this theme and for one can + guarantee that I will be a return customer. " + +

+
+ +
+

+ Nicole Grazioso +

+

+ Director Payments & Risk | HubSpot +

+
+
+ {/* */} + + {/* */} +
+
+ + + + +

+ + " With FastPocket, we're able to easily track our performance + in full detail. It's become an essential tool for us to grow + and engage with our audience. " + +

+
+ +
+

+ Josh Tyson +

+

+ Product Manager | Capsule +

+
+
+ {/* */} + + {/* */} +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ + " In September, I will be using this theme for 2 years. I went + through multiple updates and changes and I'm very glad to see + the consistency and effort made by the team. " + +

+
+ +
+

+ Luisa +

+

+ Senior Director of Operations | Fitbit +

+
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/testemonials/ShortReviewWithLogoAndStars.md b/Documentation/docs/components/testemonials/ShortReviewWithLogoAndStars.md new file mode 100644 index 0000000..f654e96 --- /dev/null +++ b/Documentation/docs/components/testemonials/ShortReviewWithLogoAndStars.md @@ -0,0 +1,625 @@ +--- +sidebar_position: 2 +--- + +# Short Review With Logo And Stars + +![Cards](/img/short-review-with-logo-and-stars.png) + +```jsx title="Frontend/sections/Testimonials/ShortReviewWithLogoAndStars.tsx" +<> + {/* */} +
+ {/* */} +
+ {/* */} +
+ + + + +
+

+ " Truly great template and costumer support. " +

+
+ + {/* */} +
+ + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ + + + +
+

+ " The best one I've ever come across. " +

+
+ + {/* */} +
+ + + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ + + + +
+

+ " This is a truly beautiful template. " +

+
+ + {/* */} +
+ + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ " There one theme that you want. " +

+
+ + {/* */} +
+ + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} + + {/* */} +
+ + + + + + + + + + + + + + +
+

+ " Great design and thorough documentation. " +

+
+ + {/* */} +
+ + + + + + + + + + + + + + + + +
+ {/* */} +
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/testemonials/SmallImage.md b/Documentation/docs/components/testemonials/SmallImage.md new file mode 100644 index 0000000..42a55ba --- /dev/null +++ b/Documentation/docs/components/testemonials/SmallImage.md @@ -0,0 +1,82 @@ +--- +sidebar_position: 2 +--- + +# Small Image + +![Cards](/img/small-image.png) + +```jsx title="Frontend/sections/Testimonials/SmallImage.tsx" +<> + {/* */} +
+
+ {/* */} + + {/* */} + + {/* */} +
+
+ Image Description +
+ {/* */} + +
+ {/* */} +
+ + + + +

+ To say that switching to Preline has been life-changing is an + understatement. My business has tripled and I got my life + back. +

+ +
+
+
+ Image Description +
+
+

+ Nicole Grazioso +

+

+ Head of Finance +

+
+
+
+
+ {/* */} +
+ {/* */} +
+ {/* */} +
+
+ {/* */} + +``` diff --git a/Documentation/docs/components/testemonials/TestimonialsWithStats.md b/Documentation/docs/components/testemonials/TestimonialsWithStats.md new file mode 100644 index 0000000..8b3a452 --- /dev/null +++ b/Documentation/docs/components/testemonials/TestimonialsWithStats.md @@ -0,0 +1,156 @@ +--- +sidebar_position: 2 +--- + +# Testimonials With Stats + +![Cards](/img/testimonials-with-stats.png) + +```jsx title="Frontend/sections/Testimonials/TestimonialsWithStats.tsx" +<> + {/* */} +
+ {/* */} +
+
+ {/* */} +
+

+ It's all about speed +

+

+ We provide you with a test account that can be set up in + seconds. Our main focus is getting responses to you as soon as + we can. +

+
+ {/* */} + + {/* */} +
+ + +
+

+ Amazing people to work with. Very fast and professional + partner. +

+
+ +
+
+
+ Image Description +
+
+
+ Josh Grazioso +
+
+ Director Payments & Risk | Airbnb +
+
+
+
+
+ {/* */} +
+ {/* */} + +
+
+ {/* */} +
    +
  • +
    + 45k+ +
    +

    + users - from new startups to public companies +

    +
  • + +
  • +
    + + + + + 23% +
    +

    + increase in traffic on webpages with Looms +

    +
  • + +
  • +
    + + + + + 9.3% +
    +

    + boost in reply rates across sales outreach +

    +
  • + +
  • +
    + 2x +
    +

    + faster than previous FastPocket versions +

    +
  • +
+ {/* */} +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + +``` diff --git a/Documentation/docs/components/testemonials/_category_.json b/Documentation/docs/components/testemonials/_category_.json new file mode 100644 index 0000000..27ae08f --- /dev/null +++ b/Documentation/docs/components/testemonials/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Testimonials", + "position": 2, + "link": { + "type": "generated-index", + "description": "5 minutes to learn the most important Docusaurus concepts." + } +} diff --git a/Documentation/static/img/a-button-on-gradient-background.png b/Documentation/static/img/a-button-on-gradient-background.png new file mode 100644 index 0000000..a255a31 Binary files /dev/null and b/Documentation/static/img/a-button-on-gradient-background.png differ diff --git a/Documentation/static/img/big-image.png b/Documentation/static/img/big-image.png new file mode 100644 index 0000000..224fc76 Binary files /dev/null and b/Documentation/static/img/big-image.png differ diff --git a/Documentation/static/img/blocks-with-bordered-gradients.png b/Documentation/static/img/blocks-with-bordered-gradients.png new file mode 100644 index 0000000..845e1e6 Binary files /dev/null and b/Documentation/static/img/blocks-with-bordered-gradients.png differ diff --git a/Documentation/static/img/border-gradient.png b/Documentation/static/img/border-gradient.png new file mode 100644 index 0000000..a83743a Binary files /dev/null and b/Documentation/static/img/border-gradient.png differ diff --git a/Documentation/static/img/brand-color-on-hover.png b/Documentation/static/img/brand-color-on-hover.png new file mode 100644 index 0000000..9701a50 Binary files /dev/null and b/Documentation/static/img/brand-color-on-hover.png differ diff --git a/Documentation/static/img/card-style-with-description-and-socials.png b/Documentation/static/img/card-style-with-description-and-socials.png new file mode 100644 index 0000000..e55786c Binary files /dev/null and b/Documentation/static/img/card-style-with-description-and-socials.png differ diff --git a/Documentation/static/img/card-with-background-gray-on-hover.png b/Documentation/static/img/card-with-background-gray-on-hover.png new file mode 100644 index 0000000..a1f28af Binary files /dev/null and b/Documentation/static/img/card-with-background-gray-on-hover.png differ diff --git a/Documentation/static/img/cards-1.png b/Documentation/static/img/cards-1.png new file mode 100644 index 0000000..2f0dce0 Binary files /dev/null and b/Documentation/static/img/cards-1.png differ diff --git a/Documentation/static/img/cards-2.png b/Documentation/static/img/cards-2.png new file mode 100644 index 0000000..ed81382 Binary files /dev/null and b/Documentation/static/img/cards-2.png differ diff --git a/Documentation/static/img/cards-on-a-background-image.png b/Documentation/static/img/cards-on-a-background-image.png new file mode 100644 index 0000000..0009a50 Binary files /dev/null and b/Documentation/static/img/cards-on-a-background-image.png differ diff --git a/Documentation/static/img/cards-on-images.png b/Documentation/static/img/cards-on-images.png new file mode 100644 index 0000000..8289605 Binary files /dev/null and b/Documentation/static/img/cards-on-images.png differ diff --git a/Documentation/static/img/cards-with-stats-in-a-dark-background.png b/Documentation/static/img/cards-with-stats-in-a-dark-background.png new file mode 100644 index 0000000..a38007b Binary files /dev/null and b/Documentation/static/img/cards-with-stats-in-a-dark-background.png differ diff --git a/Documentation/static/img/center-aligned-in-container-size-with-background-elements.png b/Documentation/static/img/center-aligned-in-container-size-with-background-elements.png new file mode 100644 index 0000000..6a47d91 Binary files /dev/null and b/Documentation/static/img/center-aligned-in-container-size-with-background-elements.png differ diff --git a/Documentation/static/img/center-aligned-in-dark-background.png b/Documentation/static/img/center-aligned-in-dark-background.png new file mode 100644 index 0000000..ac3f957 Binary files /dev/null and b/Documentation/static/img/center-aligned-in-dark-background.png differ diff --git a/Documentation/static/img/center-aligned-in-small-size.png b/Documentation/static/img/center-aligned-in-small-size.png new file mode 100644 index 0000000..dbbbf6b Binary files /dev/null and b/Documentation/static/img/center-aligned-in-small-size.png differ diff --git a/Documentation/static/img/center-aligned-search-with-tags.png b/Documentation/static/img/center-aligned-search-with-tags.png new file mode 100644 index 0000000..74d5f41 Binary files /dev/null and b/Documentation/static/img/center-aligned-search-with-tags.png differ diff --git a/Documentation/static/img/center-aligned-with-a-form.png b/Documentation/static/img/center-aligned-with-a-form.png new file mode 100644 index 0000000..b5e0d3f Binary files /dev/null and b/Documentation/static/img/center-aligned-with-a-form.png differ diff --git a/Documentation/static/img/center-aligned-with-video-play-button-on-image.png b/Documentation/static/img/center-aligned-with-video-play-button-on-image.png new file mode 100644 index 0000000..386fe0b Binary files /dev/null and b/Documentation/static/img/center-aligned-with-video-play-button-on-image.png differ diff --git a/Documentation/static/img/center-aligned.png b/Documentation/static/img/center-aligned.png new file mode 100644 index 0000000..f8c8a93 Binary files /dev/null and b/Documentation/static/img/center-aligned.png differ diff --git a/Documentation/static/img/components-verticaltabs-feature.png b/Documentation/static/img/components-verticaltabs-feature.png deleted file mode 100644 index 9466894..0000000 Binary files a/Documentation/static/img/components-verticaltabs-feature.png and /dev/null differ diff --git a/Documentation/static/img/container-size-image-with-icon-blocks.png b/Documentation/static/img/container-size-image-with-icon-blocks.png new file mode 100644 index 0000000..b3e55b8 Binary files /dev/null and b/Documentation/static/img/container-size-image-with-icon-blocks.png differ diff --git a/Documentation/static/img/description-on-left-icon-blocks-on-right.png b/Documentation/static/img/description-on-left-icon-blocks-on-right.png new file mode 100644 index 0000000..182cbe5 Binary files /dev/null and b/Documentation/static/img/description-on-left-icon-blocks-on-right.png differ diff --git a/Documentation/static/img/full-width-center-aligned-link-on-gray-background.png b/Documentation/static/img/full-width-center-aligned-link-on-gray-background.png new file mode 100644 index 0000000..c0cb9b4 Binary files /dev/null and b/Documentation/static/img/full-width-center-aligned-link-on-gray-background.png differ diff --git a/Documentation/static/img/full-width-with-dismiss-button-on-red-background.png b/Documentation/static/img/full-width-with-dismiss-button-on-red-background.png new file mode 100644 index 0000000..fb5d7a3 Binary files /dev/null and b/Documentation/static/img/full-width-with-dismiss-button-on-red-background.png differ diff --git a/Documentation/static/img/gradient-background.png b/Documentation/static/img/gradient-background.png new file mode 100644 index 0000000..ac38dd3 Binary files /dev/null and b/Documentation/static/img/gradient-background.png differ diff --git a/Documentation/static/img/gray-cards.png b/Documentation/static/img/gray-cards.png new file mode 100644 index 0000000..d4233a6 Binary files /dev/null and b/Documentation/static/img/gray-cards.png differ diff --git a/Documentation/static/img/hero-style.png b/Documentation/static/img/hero-style.png new file mode 100644 index 0000000..02ab14e Binary files /dev/null and b/Documentation/static/img/hero-style.png differ diff --git a/Documentation/static/img/horizontal-style.png b/Documentation/static/img/horizontal-style.png new file mode 100644 index 0000000..ab6f49d Binary files /dev/null and b/Documentation/static/img/horizontal-style.png differ diff --git a/Documentation/static/img/icon-gray-background-on-hover.png b/Documentation/static/img/icon-gray-background-on-hover.png new file mode 100644 index 0000000..b2312c7 Binary files /dev/null and b/Documentation/static/img/icon-gray-background-on-hover.png differ diff --git a/Documentation/static/img/image-and-content-with-stretched-buttons.png b/Documentation/static/img/image-and-content-with-stretched-buttons.png new file mode 100644 index 0000000..005b5c9 Binary files /dev/null and b/Documentation/static/img/image-and-content-with-stretched-buttons.png differ diff --git a/Documentation/static/img/image-card-with-subtitle-and-title.png b/Documentation/static/img/image-card-with-subtitle-and-title.png new file mode 100644 index 0000000..18a4bfa Binary files /dev/null and b/Documentation/static/img/image-card-with-subtitle-and-title.png differ diff --git a/Documentation/static/img/image-overlay.png b/Documentation/static/img/image-overlay.png new file mode 100644 index 0000000..229c258 Binary files /dev/null and b/Documentation/static/img/image-overlay.png differ diff --git a/Documentation/static/img/in-card.png b/Documentation/static/img/in-card.png new file mode 100644 index 0000000..063a5da Binary files /dev/null and b/Documentation/static/img/in-card.png differ diff --git a/Documentation/static/img/inline-small-squared-image-with-socials.png b/Documentation/static/img/inline-small-squared-image-with-socials.png new file mode 100644 index 0000000..acabf74 Binary files /dev/null and b/Documentation/static/img/inline-small-squared-image-with-socials.png differ diff --git a/Documentation/static/img/light-pilled-style-link.png b/Documentation/static/img/light-pilled-style-link.png new file mode 100644 index 0000000..c626937 Binary files /dev/null and b/Documentation/static/img/light-pilled-style-link.png differ diff --git a/Documentation/static/img/links-in-gradient-background.png b/Documentation/static/img/links-in-gradient-background.png new file mode 100644 index 0000000..139678d Binary files /dev/null and b/Documentation/static/img/links-in-gradient-background.png differ diff --git a/Documentation/static/img/mansory-4-cols.png b/Documentation/static/img/mansory-4-cols.png new file mode 100644 index 0000000..a91733a Binary files /dev/null and b/Documentation/static/img/mansory-4-cols.png differ diff --git a/Documentation/static/img/media-object-style-with-blurred-background.png b/Documentation/static/img/media-object-style-with-blurred-background.png new file mode 100644 index 0000000..9abd832 Binary files /dev/null and b/Documentation/static/img/media-object-style-with-blurred-background.png differ diff --git a/Documentation/static/img/medium-size-description-with-icon-blocks.png b/Documentation/static/img/medium-size-description-with-icon-blocks.png new file mode 100644 index 0000000..6c16c10 Binary files /dev/null and b/Documentation/static/img/medium-size-description-with-icon-blocks.png differ diff --git a/Documentation/static/img/polygon-background-element.png b/Documentation/static/img/polygon-background-element.png new file mode 100644 index 0000000..0f7aa8b Binary files /dev/null and b/Documentation/static/img/polygon-background-element.png differ diff --git a/Documentation/static/img/short-review-with-logo-and-stars.png b/Documentation/static/img/short-review-with-logo-and-stars.png new file mode 100644 index 0000000..d22d221 Binary files /dev/null and b/Documentation/static/img/short-review-with-logo-and-stars.png differ diff --git a/Documentation/static/img/sign-up-form.png b/Documentation/static/img/sign-up-form.png new file mode 100644 index 0000000..c88be09 Binary files /dev/null and b/Documentation/static/img/sign-up-form.png differ diff --git a/Documentation/static/img/simple-card-link-with-avatar-and-title.png b/Documentation/static/img/simple-card-link-with-avatar-and-title.png new file mode 100644 index 0000000..adedb57 Binary files /dev/null and b/Documentation/static/img/simple-card-link-with-avatar-and-title.png differ diff --git a/Documentation/static/img/simple-card-link-with-icon-title-and-description.png b/Documentation/static/img/simple-card-link-with-icon-title-and-description.png new file mode 100644 index 0000000..98f5715 Binary files /dev/null and b/Documentation/static/img/simple-card-link-with-icon-title-and-description.png differ diff --git a/Documentation/static/img/simple-left-aligned.png b/Documentation/static/img/simple-left-aligned.png new file mode 100644 index 0000000..cad3c48 Binary files /dev/null and b/Documentation/static/img/simple-left-aligned.png differ diff --git a/Documentation/static/img/simple-with-a-single-image.png b/Documentation/static/img/simple-with-a-single-image.png new file mode 100644 index 0000000..afb0406 Binary files /dev/null and b/Documentation/static/img/simple-with-a-single-image.png differ diff --git a/Documentation/static/img/simple-with-heading-and-link.png b/Documentation/static/img/simple-with-heading-and-link.png new file mode 100644 index 0000000..bd977df Binary files /dev/null and b/Documentation/static/img/simple-with-heading-and-link.png differ diff --git a/Documentation/static/img/simple-with-heading.png b/Documentation/static/img/simple-with-heading.png new file mode 100644 index 0000000..6e40a42 Binary files /dev/null and b/Documentation/static/img/simple-with-heading.png differ diff --git a/Documentation/static/img/small-circled-image-size.png b/Documentation/static/img/small-circled-image-size.png new file mode 100644 index 0000000..cc9fd79 Binary files /dev/null and b/Documentation/static/img/small-circled-image-size.png differ diff --git a/Documentation/static/img/small-image.png b/Documentation/static/img/small-image.png new file mode 100644 index 0000000..d616492 Binary files /dev/null and b/Documentation/static/img/small-image.png differ diff --git a/Documentation/static/img/solid-backgrond-icon-feature.png b/Documentation/static/img/solid-backgrond-icon-feature.png new file mode 100644 index 0000000..08c0073 Binary files /dev/null and b/Documentation/static/img/solid-backgrond-icon-feature.png differ diff --git a/Documentation/static/img/solid-blue-background-icon-with-gray-background-on-hover.png b/Documentation/static/img/solid-blue-background-icon-with-gray-background-on-hover.png new file mode 100644 index 0000000..e84814d Binary files /dev/null and b/Documentation/static/img/solid-blue-background-icon-with-gray-background-on-hover.png differ diff --git a/Documentation/static/img/split-section-with-anImage-and-a-form.png b/Documentation/static/img/split-section-with-anImage-and-a-form.png new file mode 100644 index 0000000..93b560c Binary files /dev/null and b/Documentation/static/img/split-section-with-anImage-and-a-form.png differ diff --git a/Documentation/static/img/squared-4-cols.png b/Documentation/static/img/squared-4-cols.png new file mode 100644 index 0000000..c3933c0 Binary files /dev/null and b/Documentation/static/img/squared-4-cols.png differ diff --git a/Documentation/static/img/squared-background-element.png b/Documentation/static/img/squared-background-element.png new file mode 100644 index 0000000..9feb089 Binary files /dev/null and b/Documentation/static/img/squared-background-element.png differ diff --git a/Documentation/static/img/squared-medium-size-image.png b/Documentation/static/img/squared-medium-size-image.png new file mode 100644 index 0000000..407aab8 Binary files /dev/null and b/Documentation/static/img/squared-medium-size-image.png differ diff --git a/Documentation/static/img/stacked-cards.png b/Documentation/static/img/stacked-cards.png new file mode 100644 index 0000000..6ce6606 Binary files /dev/null and b/Documentation/static/img/stacked-cards.png differ diff --git a/Documentation/static/img/testimonials-with-stats.png b/Documentation/static/img/testimonials-with-stats.png new file mode 100644 index 0000000..d831cab Binary files /dev/null and b/Documentation/static/img/testimonials-with-stats.png differ diff --git a/Documentation/static/img/three-center-aligned-images-with-a-content.png b/Documentation/static/img/three-center-aligned-images-with-a-content.png new file mode 100644 index 0000000..bf96b28 Binary files /dev/null and b/Documentation/static/img/three-center-aligned-images-with-a-content.png differ diff --git a/Documentation/static/img/three-grids-with-an-overlay-card.png b/Documentation/static/img/three-grids-with-an-overlay-card.png new file mode 100644 index 0000000..41a45e7 Binary files /dev/null and b/Documentation/static/img/three-grids-with-an-overlay-card.png differ diff --git a/Documentation/static/img/two-cols-grid.png b/Documentation/static/img/two-cols-grid.png new file mode 100644 index 0000000..294faf0 Binary files /dev/null and b/Documentation/static/img/two-cols-grid.png differ diff --git a/Documentation/static/img/two-grids-list.png b/Documentation/static/img/two-grids-list.png new file mode 100644 index 0000000..fa1a2ea Binary files /dev/null and b/Documentation/static/img/two-grids-list.png differ diff --git a/Documentation/static/img/vertical-tabs-feature.png b/Documentation/static/img/vertical-tabs-feature.png new file mode 100644 index 0000000..d8ac813 Binary files /dev/null and b/Documentation/static/img/vertical-tabs-feature.png differ diff --git a/Documentation/static/img/vertical-tabs-with-overlapping-background.png b/Documentation/static/img/vertical-tabs-with-overlapping-background.png new file mode 100644 index 0000000..758ca8c Binary files /dev/null and b/Documentation/static/img/vertical-tabs-with-overlapping-background.png differ diff --git a/Documentation/static/img/with-2-cards.png b/Documentation/static/img/with-2-cards.png new file mode 100644 index 0000000..07d7126 Binary files /dev/null and b/Documentation/static/img/with-2-cards.png differ diff --git a/Documentation/static/img/with-4-center-aligned-images-and-icon-blocks.png b/Documentation/static/img/with-4-center-aligned-images-and-icon-blocks.png new file mode 100644 index 0000000..630c2fe Binary files /dev/null and b/Documentation/static/img/with-4-center-aligned-images-and-icon-blocks.png differ diff --git a/Documentation/static/img/with-email-input.png b/Documentation/static/img/with-email-input.png new file mode 100644 index 0000000..cb96db6 Binary files /dev/null and b/Documentation/static/img/with-email-input.png differ diff --git a/Documentation/static/img/with-images-and-reviews.png b/Documentation/static/img/with-images-and-reviews.png new file mode 100644 index 0000000..ea81b0d Binary files /dev/null and b/Documentation/static/img/with-images-and-reviews.png differ diff --git a/Documentation/static/img/with-sidebar.png b/Documentation/static/img/with-sidebar.png new file mode 100644 index 0000000..030e39d Binary files /dev/null and b/Documentation/static/img/with-sidebar.png differ diff --git a/Documentation/static/img/with-stats.png b/Documentation/static/img/with-stats.png new file mode 100644 index 0000000..df2c07e Binary files /dev/null and b/Documentation/static/img/with-stats.png differ