diff --git a/components/ui/footerData.tsx b/components/ui/footerData.tsx
new file mode 100644
index 000000000..9a0353d24
--- /dev/null
+++ b/components/ui/footerData.tsx
@@ -0,0 +1,41 @@
+export const FooterData = [
+ {
+ title: 'Product',
+ links: [
+ { name: 'Features', href: '#0' },
+ { name: 'Integrations', href: '#0' },
+ { name: 'Pricing & Plans', href: '#0' },
+ { name: 'Changelog', href: '#0' },
+ { name: 'Our method', href: '#0' },
+ { name: 'User policy', href: '#0' },
+ ]
+ },
+ {
+ title: 'Company',
+ links: [
+ { name: 'About us', href: '#0' },
+ { name: 'Diversity & Inclusion', href: '#0' },
+ { name: 'Blog', href: '#0' },
+ { name: 'Careers', href: '#0' },
+ { name: 'Financial statements', href: '#0' },
+ ]
+ },
+ {
+ title: 'Resources',
+ links: [
+ { name: 'Community', href: '#0' },
+ { name: 'Terms of service', href: '#0' },
+ { name: 'Report a vulnerability', href: '#0' },
+ ]
+ },
+ {
+ title: 'Content Library',
+ links: [
+ { name: 'Templates', href: '#0' },
+ { name: 'Tutorials', href: '#0' },
+ { name: 'Knowledge base', href: '#0' },
+ { name: 'Learn', href: '#0' },
+ { name: 'Cookie manager', href: '#0' },
+ ]
+ }
+]
\ No newline at end of file
diff --git a/components/workflowData.tsx b/components/workflowData.tsx
new file mode 100644
index 000000000..a17841c74
--- /dev/null
+++ b/components/workflowData.tsx
@@ -0,0 +1,21 @@
+import WorflowImg01 from "@/public/images/workflow-01.png";
+import WorflowImg02 from "@/public/images/workflow-02.png";
+import WorflowImg03 from "@/public/images/workflow-03.png";
+
+export const workflowData = [
+ {
+ image: WorflowImg01,
+ title: 'Built-in Tools',
+ description: "Streamline the product development flow with a content platform that's aligned across specs and insights."
+ },
+ {
+ image: WorflowImg02,
+ title: 'Scale Instantly',
+ description: "Streamline the product development flow with a content platform that's aligned across specs and insights."
+ },
+ {
+ image: WorflowImg03,
+ title: 'Tailored Flows',
+ description: "Streamline the product development flow with a content platform that's aligned across specs and insights."
+ },
+]
\ No newline at end of file
diff --git a/components/workflows.tsx b/components/workflows.tsx
index 639e973e2..532aa5ecb 100644
--- a/components/workflows.tsx
+++ b/components/workflows.tsx
@@ -3,6 +3,7 @@ import WorflowImg01 from "@/public/images/workflow-01.png";
import WorflowImg02 from "@/public/images/workflow-02.png";
import WorflowImg03 from "@/public/images/workflow-03.png";
import Spotlight from "@/components/spotlight";
+import { workflowData } from "./workflowData";
export default function Workflows() {
return (
@@ -26,104 +27,12 @@ export default function Workflows() {
{/* Spotlight items */}
-
- {/* Card 1 */}
-
-
- {/* Arrow */}
-
- {/* Image */}
-
- {/* Content */}
-
-
-
-
- Built-in Tools
-
-
-
-
- Streamline the product development flow with a content
- platform that's aligned across specs and insights.
-
-
-
-
- {/* Card 2 */}
-
-
- {/* Arrow */}
-
- {/* Image */}
-
- {/* Content */}
-
-
-
-
- Scale Instantly
-
-
-
-
- Streamline the product development flow with a content
- platform that's aligned across specs and insights.
-
-
-
-
- {/* Card 3 */}
-
+ {
+ workflowData.map((workflow, index) => (
+
+
+
@@ -147,28 +56,31 @@ export default function Workflows() {
{/* Image */}
{/* Content */}
- Tailored Flows
+ {workflow.title}
- Streamline the product development flow with a content
- platform that's aligned across specs and insights.
+ {workflow.description}
-
-
+
+
+ ))
+ }
+