ourworld_web/www_engage_os
23
0
Fork 1
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2025-06-18 16:46:59 +02:00
parent 912b1733b3
commit 57adc303ca
2 changed files with 3 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/components/SecondaryFeatures.tsx
View File

@@ -45,157 +45,12 @@ const features = [
},
]
function DeviceArrowIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg viewBox="0 0 32 32" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
fill="#737373"
/>
<path
d="M12 25l8-8m0 0h-6m6 0v6"
stroke="#171717"
strokeWidth={2}
strokeLinecap="round"
/>
<circle cx={16} cy={16} r={16} fill="#A3A3A3" fillOpacity={0.2} />
</svg>
)
}
function DeviceCardsIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
let id = useId()
return (
<svg viewBox="0 0 32 32" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
fill="#737373"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9 13a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2zm0 6a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2zm1 5a1 1 0 00-1 1v2a1 1 0 001 1h12a1 1 0 001-1v-2a1 1 0 00-1-1H10z"
fill={`url(#${id}-gradient)`}
/>
<rect x={9} y={6} width={14} height={4} rx={1} fill="#171717" />
<circle cx={16} cy={16} r={16} fill="#A3A3A3" fillOpacity={0.2} />
<defs>
<linearGradient
id={`${id}-gradient`}
x1={16}
y1={12}
x2={16}
y2={28}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#737373" />
<stop offset={1} stopColor="#737373" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
)
}
function DeviceClockIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg viewBox="0 0 32 32" aria-hidden="true" {...props}>
<circle cx={16} cy={16} r={16} fill="#A3A3A3" fillOpacity={0.2} />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M5 4a4 4 0 014-4h14a4 4 0 014 4v10h-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9a2 2 0 00-2 2v24a2 2 0 002 2h5v2H9a4 4 0 01-4-4V4z"
fill="#737373"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24 32a8 8 0 100-16 8 8 0 000 16zm1-8.414V19h-2v5.414l4 4L28.414 27 25 23.586z"
fill="#171717"
/>
</svg>
)
}
function DeviceListIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
fill="#737373"
/>
<circle cx={11} cy={14} r={2} fill="#171717" />
<circle cx={11} cy={20} r={2} fill="#171717" />
<circle cx={11} cy={26} r={2} fill="#171717" />
<path
d="M16 14h6M16 20h6M16 26h6"
stroke="#737373"
strokeWidth={2}
strokeLinecap="square"
/>
<circle cx={16} cy={16} r={16} fill="#A3A3A3" fillOpacity={0.2} />
</svg>
)
}
function DeviceLockIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg viewBox="0 0 32 32" aria-hidden="true" {...props}>
<circle cx={16} cy={16} r={16} fill="#A3A3A3" fillOpacity={0.2} />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M5 4a4 4 0 014-4h14a4 4 0 014 4v10h-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9a2 2 0 00-2 2v24a2 2 0 002 2h5v2H9a4 4 0 01-4-4V4z"
fill="#737373"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M18 19.5a3.5 3.5 0 117 0V22a2 2 0 012 2v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-6a2 2 0 012-2v-2.5zm2 2.5h3v-2.5a1.5 1.5 0 00-3 0V22z"
fill="#171717"
/>
</svg>
)
}
function DeviceChartIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9 0a4 4 0 00-4 4v24a4 4 0 004 4h14a4 4 0 004-4V4a4 4 0 00-4-4H9zm0 2a2 2 0 00-2 2v24a2 2 0 002 2h14a2 2 0 002-2V4a2 2 0 00-2-2h-1.382a1 1 0 00-.894.553l-.448.894a1 1 0 01-.894.553h-6.764a1 1 0 01-.894-.553l-.448-.894A1 1 0 0010.382 2H9z"
fill="#737373"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23 13.838V26a2 2 0 01-2 2H11a2 2 0 01-2-2V15.65l2.57 3.212a1 1 0 001.38.175L15.4 17.2a1 1 0 011.494.353l1.841 3.681c.399.797 1.562.714 1.843-.13L23 13.837z"
fill="#171717"
/>
<path
d="M10 12h12"
stroke="#737373"
strokeWidth={2}
strokeLinecap="square"
/>
<circle cx={16} cy={16} r={16} fill="#A3A3A3" fillOpacity={0.2} />
</svg>
)
}
export function SecondaryFeatures() {
return (
<section
id="secondary-features"
aria-label="Features for building a portfolio"
className="pt-12 pb-24"
className="pt-24 pb-24"
>
<Container>
<div className="mx-auto max-w-4xl sm:text-center">

4
src/components/Tractions.tsx
View File

@@ -57,8 +57,8 @@ export default function Tractions() {
<div className="px-6 lg:px-8">
<div className="mx-auto max-w-2xl lg:mr-0 lg:max-w-lg">
<h2 className="text-base/8 font-semibold text-gray-900">Our track record</h2>
<p className="mt-2 text-4xl font-medium tracking-tight text-gray-900 sm:text-5xl">
Trusted by thousands of creators worldwide
<p className="mt-2 text-3xl font-medium tracking-tight text-gray-900 sm:text-4xl">
Trusted by Changemakers worldwide
</p>
<p className="mt-6 lg:text-lg text-base text-gray-600">
Engage OS powers the digital headquarters for over 300,000 users across 50+ countries. From grassroots NGOs to global movements, our platform is built to scale impact, not just numbers.