docs: new product pages (features, starters, integrations) + homepage update

apps/docs/README.md

@@ -39,6 +39,3 @@ $ GIT_USER=<Your GitHub username> npm run deploy
 ```
 
 If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
-
-
-

apps/docs/docusaurus.config.ts

@@ -335,6 +335,25 @@ const config: Config = {
             items: hideDocs
                 ? undefined
                 : [
+                      {
+                          type: 'dropdown',
+                          label: 'Product',
+                          position: 'left',
+                          items: [
+                              {
+                                  label: 'Features',
+                                  to: 'product/features',
+                              },
+                              {
+                                  label: 'Starters',
+                                  to: 'product/starters',
+                              },
+                              {
+                                  label: 'Integrations',
+                                  to: 'product/integrations',
+                              },
+                          ],
+                      },
                       {
                           type: 'dropdown',
                           label: 'Developers',
@@ -396,12 +415,6 @@ const config: Config = {
                           label: 'Partners',
                           to: '/partners',
                       },
-                    {
-                        to: '/dxp',
-                        label: 'DXP Starter',
-                        position: 'left',
-                    },
-
                       {
                           type: 'search',
                           position: 'right',

apps/docs/package.json

@@ -26,6 +26,7 @@
         "@mdx-js/react": "^3.1.1",
         "@vercel/analytics": "^1.5.0",
         "@vercel/speed-insights": "^1.2.0",
+        "@radix-ui/react-accordion": "^1.2.12",
         "clsx": "^2.1.1",
         "docusaurus-plugin-image-zoom": "^3.0.1",
         "docusaurus-plugin-sass": "^0.2.6",

apps/docs/src/components/Accordion/Accordion.module.scss

@@ -0,0 +1,30 @@
+@keyframes accordion-down {
+    from {
+        height: 0;
+    }
+    to {
+        height: var(--radix-accordion-content-height);
+    }
+}
+
+@keyframes accordion-up {
+    from {
+        height: var(--radix-accordion-content-height);
+    }
+    to {
+        height: 0;
+    }
+}
+
+.accordionContent {
+    overflow: hidden;
+    transition: all 0.2s ease-out;
+
+    &[data-state='closed'] {
+        animation: accordion-up 0.2s ease-out;
+    }
+
+    &[data-state='open'] {
+        animation: accordion-down 0.2s ease-out;
+    }
+}