From 08bc8e8ba5d55f470160948feedb97f20f3905ed Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Wed, 18 Jun 2025 15:28:51 +0200 Subject: [PATCH] add benefits --- .gitignore | 45 +++++++++ .hintrc | 8 ++ src/app/layout.tsx | 4 +- src/components/Benefits.tsx | 92 ++++++++++++++++++ src/components/Button.tsx | 2 + src/components/Footer.tsx | 4 +- src/components/Gradients.tsx | 9 ++ src/components/Hero.tsx | 66 ++----------- src/components/HeroHome.tsx | 48 ++++++++++ src/components/Logo.tsx | 154 +++++++++++++++++++++++++++--- src/images/Engage.svg | 1 + src/images/benefits/benefits1.jpg | Bin 0 -> 247708 bytes src/images/benefits/benefits2.jpg | Bin 0 -> 112000 bytes src/images/benefits/benefits3.jpg | Bin 0 -> 91378 bytes src/images/benefits/benefits4.jpg | Bin 0 -> 407890 bytes 15 files changed, 358 insertions(+), 75 deletions(-) create mode 100644 .gitignore create mode 100644 .hintrc create mode 100644 src/components/Benefits.tsx create mode 100644 src/components/Gradients.tsx create mode 100644 src/components/HeroHome.tsx create mode 100644 src/images/Engage.svg create mode 100644 src/images/benefits/benefits1.jpg create mode 100644 src/images/benefits/benefits2.jpg create mode 100644 src/images/benefits/benefits3.jpg create mode 100644 src/images/benefits/benefits4.jpg diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..579c9d8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,45 @@ +# dependencies +/node_modules +/.pnp +.pnp.js +.yarn/install-state.gz + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* +.pnpm-debug.log* + +# local env files +.env*.local +.env + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts + +# IDE specific files +.idea/ +.vscode/ +*.swp +*.swo + +# OS specific files +Thumbs.db diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..cb34607 --- /dev/null +++ b/.hintrc @@ -0,0 +1,8 @@ +{ + "extends": [ + "development" + ], + "hints": { + "no-inline-styles": "off" + } +} \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8aaba25..12b45e1 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -13,7 +13,7 @@ const inter = Inter({ export const metadata: Metadata = { title: { template: '%s - Pocket', - default: 'Pocket - Invest at the perfect time.', + default: 'EngageOS - Invest at the perfect time.', }, description: 'By leveraging insights from our network of industry insiders, you’ll know exactly when to buy to maximize profit, and exactly when to sell to avoid painful losses.', @@ -25,7 +25,7 @@ export default function RootLayout({ children: React.ReactNode }) { return ( - + {children} ) diff --git a/src/components/Benefits.tsx b/src/components/Benefits.tsx new file mode 100644 index 0000000..e786bb0 --- /dev/null +++ b/src/components/Benefits.tsx @@ -0,0 +1,92 @@ +import { Container } from '@/components/Container' +import Image from 'next/image' +import Benefits1 from '@/images/benefits/benefits1.jpg' +import Benefits2 from '@/images/benefits/benefits2.jpg' +import Benefits3 from '@/images/benefits/benefits3.jpg' +import Benefits4 from '@/images/benefits/benefits4.jpg' + + +export default function Benefits() { + return ( +
+
+ +
+

+ Built Different. For a Change. +

+

+ Engage OS isn’t just another tech platform — it’s a digital infrastructure built from the ground up for purpose-driven organizations. From white-label sovereignty to field-ready resilience, every element of Engage OS is designed to meet the real-world challenges of civil society. +

+
+ +
+
+
+ +
+

Built for Civil Society

+

Purpose-First, Not Profit-First

+

+ Unlike traditional SaaS built for commercial scale, Engage OS was born from the realities of NGOs, grassroots coalitions, and purpose-led institutions. Every module, flow, and metric is optimized to serve impact — not ad revenue or venture capital. +

+
+
+
+
+
+ +
+

White-Label, Zero-Code

+

Your Brand, Your Movements

+

+ Engage OS empowers organizations to fully own their digital identity. From Red Cross OS to Montessori OS, each instance is custom-branded — no tech team required. You launch a platform that looks and feels like you, not us. +

+
+
+
+
+
+ +
+

Sovereign & Ethical Infrastructure

+

Own Your Data. Always.

+

+ We don’t mine or monetize user data. Engage OS runs on decentralized, privacy-respecting infrastructure — built for trust, compliance, and sovereignty. You control where your data lives and who sees it. +

+
+
+
+
+
+ +
+

Mutualized Model

+

Share Infrastructure. Multiply Impact.

+

+ By pooling tech costs across aligned organizations, Engage OS offers enterprise-grade functionality at a fraction of the price. When one partner grows, the entire ecosystem benefits — through shared modules, updates, and insights. +

+
+
+
+
+
+
+ ) +} diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 27f88bf..9b8a0c0 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -10,6 +10,8 @@ const baseStyles = { const variantStyles = { solid: { + gradient: + 'bg-gradient-to-r from-[#caa5f0] via-[#8f79f9] to-[#3c82f5] text-white hover:brightness-110 active:brightness-95', cyan: 'relative overflow-hidden bg-cyan-500 text-white before:absolute before:inset-0 active:before:bg-transparent hover:before:bg-white/10 active:bg-cyan-600 active:text-white/80 before:transition-colors', white: 'bg-white text-cyan-900 hover:bg-white/90 active:bg-white/90 active:text-cyan-900/70', diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 439307e..5b8a9d2 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -29,8 +29,8 @@ export function Footer() {
-

Pocket

-

Invest at the perfect time.

+

EngageOS

+

Empowering Purpose-Driven Organizations.