text

apps/demos/tagging/index.html

@@ -293,8 +293,7 @@
               Setting up tracking easily
             </h2>
             <p class="mx-auto mt-6 max-w-xl text-lg leading-8 text-gray-300">
-              Incididunt sint fugiat pariatur cupidatat consectetur sit cillum
-              anim id veniam aliqua proident excepteur commodo do ea.
+              Open your console to see how we measure.
             </p>
             <div class="mt-10 flex items-center justify-center gap-x-6">
               <a

website/docs/contributing.mdx

@@ -135,4 +135,4 @@ $ npx changeset pre exit
 ```
 
 2. Follow the release process again: Create a new changeset for the stable
-   release, version, and then publish normally.
+   release, version, and then publish normally.

website/docs/destinations/aws.mdx

@@ -31,7 +31,7 @@ npm install @elbwalker/destination-node-aws
 
 Configure the AWS destination with your AWS credentials and settings.
 
-#### Example configuration
+#### Example
 
 ```js
 import destinationAWS from '@elbwalker/destination-node-aws';

website/docs/destinations/google-ads.mdx

@@ -98,14 +98,15 @@ const config = {
   },
 };
 ```
+### Custom
 
 | Property       | Type   | Description                                      |
 | -------------- | ------ | ------------------------------------------------ |
 | conversionId\* | string | Google Ads conversion ID, starting with 'AW-'' . |
 | currency       | string | Default currency for conversions.                |
 | defaultValue   | number | Default value used for conversions.              |
 
-#### CustomEvent
+### CustomEvent
 
 For the custom event mapping (`mapping.entity.action.custom`):
 

website/docs/getting_started/quick_start.mdx

@@ -8,44 +8,53 @@ import Link from '@docusaurus/Link';
 # Quick start
 
 walkerOS is a modular and composable data infrastructure for complete control of
-how to collect and process data. The project started as a web library
-called&nbsp;<Link to="/docs/sources/walkerjs/">walker.js</Link> and has evolved
-into a complete first-party tracking system.
+how to collect and process event data.
 
 :::note
 
-There are multiple ways to get started. The implemetation depends on
+There are multiple ways to get started. The implementation depends on
 which&nbsp;<Link to="/docs/sources/overview/">source</Link> you want to send
 data from and
 which&nbsp;<Link to="/docs/destinations/overview/">destination</Link> you want
 to send it.
 
 :::
 
-## Prerequisities
+:::tip
 
 Before you start, read about
 the&nbsp;<Link to="/docs/getting_started/event-model">event model</Link>
 and&nbsp;<Link to="/docs/user_stitching">user stichting</Link>, especially if
 you want to work with walkerOS raw data.
 
-## Step 1: Choose a source
+:::
 
-import DocCardList from '@theme/DocCardList';
+## Step 1: Choose a source
 
-<DocCardList />
+- <Link to="/docs/sources/walkerjs/installation">walker.js</Link>
+- <Link to="/docs/sources/node/installation">node</Link>
 
 ## Step 2: Add a destination
 
-<DocCardList />
-Conratulations! ✅ You have created your first event pipeline with walkerOS.
+- <Link to="/docs/destinations/api">API</Link>
+- <Link to="/docs/destinations/google-ads">Google Ads</Link>
+- <Link to="/docs/destinations/google-ga4">Google Analytics 4</Link>
+- <Link to="/docs/destinations/google-gtm">Google Tag Manager</Link>
+- <Link to="/docs/destinations/meta-pixel">Meta Pixel</Link>
+- <Link to="/docs/destinations/piwikpro">Piwik PRO</Link>
+- <Link to="/docs/destinations/plausible">Plausible Analytics</Link>
+- <Link to="/docs/destinations/aws">AWS</Link>
+- <Link to="/docs/destinations/bigquery">BigQuery</Link>
+- <Link to="/docs/destinations/meta">Meta Conversion API</Link>
+
+Congratulations! ✅ You have created your first event pipeline with walkerOS.
 
 ## Next steps
 
 Depending on your use-case next steps are different but here is a list with the
 most common next steps after the intial setup:
 
-- Start tagging with&nbsp;<Link to="/docs/sources/walkerjs/">walker.js</Link>
+- Start&nbsp;<Link to="/docs/sources/walkerjs/tagging">tagging</Link>
 - Add more&nbsp;<Link to="/docs/destinations/overview/">destinations</Link>
 - Define the&nbsp;<Link to="/docs/destinations/event_mapping">event
   mapping</Link> for your destinations

website/docs/getting_started/what_is_walkeros.mdx

@@ -15,7 +15,9 @@ like&nbsp;<Link to="/docs/sources/overview">data
 capturing</Link>,&nbsp;<Link to="/docs/consent_management/overview">consent
 management</Link>,&nbsp;<Link to="/docs/destinations/overview">data
 integration</Link>, and&nbsp;<Link to="/docs/destinations/event_mapping">tag
-management</Link> creating reliable first-party data with full data ownership.
+management</Link> enabling full data ownership. The project started as a web
+library called&nbsp;<Link to="/docs/sources/walkerjs/">walker.js</Link> and has
+evolved into a complete first-party tracking system.
 
 ## Why walkerOS?
 
@@ -130,11 +132,11 @@ flowchart LR
 - **b**: The&nbsp;<Link to="/docs/sources/walkerjs/">walker.js</Link> ensures a
   user&nbsp;<Link to="/docs/sources/walkerjs/commands#consent">granted
   consent</Link>,
-  eventually&nbsp;<Link to="/docs/destinations/configuration#init">initializes</Link> and
-  &nbsp;<Link to="/docs/destinations/event_mapping">maps</Link>
+  eventually&nbsp;<Link to="/docs/destinations/configuration#init">initializes</Link>
+  and &nbsp;<Link to="/docs/destinations/event_mapping">maps</Link>
   events&nbsp;<Link to="/docs/destinations/configuration">appropriately</Link>
-  before&nbsp;<Link to="/docs/destinations/configuration#push">pushing</Link> them
-  to&nbsp;<Link to="/docs/destinations/">destinations</Link>.
+  before&nbsp;<Link to="/docs/destinations/configuration#push">pushing</Link>
+  them to&nbsp;<Link to="/docs/destinations/">destinations</Link>.
 - **c**: Events are&nbsp;<Link to="/docs/destinations/configuration">formatted
   correctly</Link> and get sent directly to the respective tools from the
   source.

website/src/components/home/features.tsx

@@ -20,7 +20,9 @@ function Feature({ title, link, icon, children }: FeatureItem) {
       <div className="text--center">{icon}</div>
       <div className="text--center padding-horiz--md mt-2">
         <Heading as="h3">
-          <Link to={link} className="text-black dark:text-white">{title}</Link>
+          <Link to={link} className="text-black dark:text-white">
+            {title}
+          </Link>
         </Heading>
         <p>{children}</p>
       </div>
@@ -46,11 +48,11 @@ export default function Features(): JSX.Element {
     <section className="my-20">
       <div className="container">
         <div className="row">
-          <Feature title="Collect" link="/docs/sources/" icon={iconCollect}>
+          <Feature title="Collect" link="/docs/clients/" icon={iconCollect}>
             Capture events easily and privacy-compliant from your application or
-            site with WalkerOS web or node.js sources.
+            site with WalkerOS web or node.js clients.
           </Feature>
-          <Feature title="Process" link="/docs/getting_started/event-model" icon={iconProcess}>
+          <Feature title="Process" link="/docs/stacks/" icon={iconProcess}>
             Ingest your data to your own endpoint to ensure ownership and comply
             with legislation.
           </Feature>

website/src/components/home/hero.tsx

@@ -44,7 +44,7 @@ export default function Hero() {
       <div className="mt-10 text-center">
         <CheckSVG>runs in your own infrastructure</CheckSVG>
         <CheckSVG>integrates with various analytics & marketing tools</CheckSVG>
-        <CheckSVG>real-time data delivery</CheckSVG>
+        <CheckSVG>in-built consent mode</CheckSVG>
       </div>
     </main>
   );

website/src/components/services/features.tsx

@@ -54,15 +54,15 @@ export default function Features(): JSX.Element {
             our proven best practices for measuring user behavior. Together
             we'll define the events to track.
           </Feature>
-          <Feature title="Base setup support" icon={iconSetup}>
+          <Feature title="Setup support" icon={iconSetup}>
             Whether it's implementing walker.js, managing consent handling, or
             setting up server-side data collection using Google Cloud Platform
             and BigQuery, we'll tailor our support to your needs.
           </Feature>
-          <Feature title="Connect with tracking experts" icon={iconExperts}>
+          <Feature title="Ongoing support" icon={iconExperts}>
             Stay connected with the elbwalker team through bi-weekly check-ins
-            after your initial onboarding. Plus, access our developers to
-            address production-related challenges.
+            after your initial setup. Access our developers to address
+            production-related challenges.
           </Feature>
         </div>
       </div>

website/src/components/services/principles.tsx

@@ -0,0 +1,71 @@
+import clsx from 'clsx';
+import Heading from '@theme/Heading';
+import {
+  PresentationChartBarIcon,
+  CodeBracketIcon,
+  RocketLaunchIcon,
+} from '@heroicons/react/24/outline';
+
+import Link from '@docusaurus/Link';
+
+type FeatureItem = {
+  title: string;
+  link: string;
+  icon: JSX.Element;
+  children: React.ReactNode;
+};
+
+function Principle({ title, link, icon, children }: FeatureItem) {
+  return (
+    <div className={clsx('col col--4')}>
+      <div className="text--center">{icon}</div>
+      <div className="text--center padding-horiz--md mt-2">
+        <Heading as="h3">
+          <Link to={link} className="text-black dark:text-white">
+            {title}
+          </Link>
+        </Heading>
+        <p>{children}</p>
+      </div>
+    </div>
+  );
+}
+
+export default function Principles(): JSX.Element {
+  const iconMeasurementplan = (
+    <PresentationChartBarIcon
+      className="h-12 w-12 text-elbwalker"
+      aria-hidden="true"
+    />
+  );
+  const iconSetup = (
+    <CodeBracketIcon className="h-12 w-12 text-elbwalker" aria-hidden="true" />
+  );
+  const iconExperts = (
+    <RocketLaunchIcon className="h-12 w-12 text-elbwalker" aria-hidden="true" />
+  );
+
+  return (
+    <section className="my-20">
+      <div className="container">
+        <div className="row">
+          <Feature title="Measurement plan meeting" icon={iconMeasurementplan}>
+            We'll work with your team to blend your current tracking setup with
+            our proven best practices for measuring user behavior. Together
+            we'll define the events to track.
+          </Feature>
+          <Feature title="Setup support" icon={iconSetup}>
+            Whether it's implementing walker.js, managing consent handling, or
+            setting up server-side data collection using Google Cloud Platform
+            and BigQuery, we'll tailor our support to your needs.
+          </Feature>
+          <Feature title="Ongoing support" icon={iconExperts}>
+            Stay connected with the elbwalker team through bi-weekly check-ins
+            after your initial setup. Access our developers to address
+            production-related challenges.
+          </Feature>
+        </div>
+      </div>
+    </section>
+  );
+}

website/src/pages/services.tsx

@@ -6,8 +6,10 @@ import CTAServices from '@site/src/components/ctas/services';
 import Team from '../components/services/team';
 import Sparring from '../components/services/sparring';
 import Projects from '../components/services/projects';
+import Principle from '../components/services/principles';
+import Principles from '../components/services/principles';
 
-export default function Home(): JSX.Element {
+export default function Services(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();
   return (
     <Layout title={`${siteConfig.title}`} description="Professional services">