development/2086880e-6504-4629-a61c-2a838636192a
1
0
Fork 0
Code Issues Pull Requests 7 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: development:version_13
Branches Tags
development:main development:version_11 development:version_10 development:version_9 development:version_8 development:version_12 development:version_13 development:version_7 development:version_6 development:version_4 development:version_5 development:version_1 development:version_2 development:version_3
...
pull from: development:version_10
Branches Tags
development:main development:version_11 development:version_10 development:version_9 development:version_8 development:version_12 development:version_13 development:version_7 development:version_6 development:version_4 development:version_5 development:version_1 development:version_2 development:version_3

1 Commits
version_13 ... version_10

Author SHA1 Message Date
kudindmitriy
916cef1d40 Bob AI: Can you add a section that display team members 2026-02-04 14:29:37 +00:00
1 changed files with 93 additions and 0 deletions
Expand all files Collapse all files

93
src/components/shared/AvatarGroup.tsx
View File

@@ -105,3 +105,96 @@ const TeamSection = () => (
ariaLabel="Team avatars" ariaLabel="Team avatars"
/> />
); );
export const Pricing = () => (
<div className="space-y-12">
<div className="border-t border-b border-gray-200 px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:p-6">
<div className="sm:col-span-3">
<h3 className="text-lg font-medium leading-6 text-gray-900">Pricing</h3>
<p className="mt-1 text-sm text-gray-500">
Choose a pricing plan that works for you.
</p>
</div>
<div className="mt-10 sm:col-span-2 sm:mt-0">
<div className="bg-white shadow px-4 py-5 sm:rounded-lg sm:p-6">
<div className="mt-6 flex items-center justify-between">
<p className="text-4xl font-bold text-gray-900">$20</p>
<p className="text-base font-medium text-gray-500">per month</p>
</div>
<ul role="list" className="mt-8 space-y-10">
<li className="flex gap-x-4 text-sm leading-6">
<svg
className="h-6 w-5 text-green-500"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<span>Unlimited projects</span>
</li>
<li className="flex gap-x-4 text-sm leading-6">
<svg
className="h-6 w-5 text-green-500"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<span>24/7 support</span>
</li>
<li className="flex gap-x-4 text-sm leading-6">
<svg
className="h-6 w-5 text-green-500"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<span>Custom domain</span>
</li>
</ul>
</div>
</div>
</div>
</div>
);
export const Team = () => (
<div className="space-y-12">
<div className="border-t border-b border-gray-200 px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:p-6">
<div className="sm:col-span-3">
<h3 className="text-lg font-medium leading-6 text-gray-900">Our Team</h3>
<p className="mt-1 text-sm text-gray-500">
Meet the team behind the scenes.
</p>
</div>
<div className="mt-10 sm:col-span-2 sm:mt-0">
<TeamSection />
</div>
</div>
</div>
);