diff --git a/components/features.tsx b/components/features.tsx index fbdd8759e..63e32ae4b 100644 --- a/components/features.tsx +++ b/components/features.tsx @@ -2,6 +2,7 @@ import Image from "next/image"; import BlurredShapeGray from "@/public/images/blurred-shape-gray.svg"; import BlurredShape from "@/public/images/blurred-shape.svg"; import FeaturesImage from "@/public/images/features.png"; +import { featuresData } from "./featuresData"; export default function Features() { return ( @@ -59,134 +60,19 @@ export default function Features() { {/* Items */}
-
- - - - -

- Project Milestones -

-

- Track progress across custom flows for your team. Find the right - balance for the user, privacy and security. -

-
-
- - - - -

- Team Views -

-

- Track progress across custom flows for your team. Find the right - balance for the user, privacy and security. -

-
-
- - - - -

- Advanced Search -

-

- Track progress across custom flows for your team. Find the right - balance for the user, privacy and security. -

-
-
- - - - - - -

- Strategic Initiatives -

-

- Track progress across custom flows for your team. Find the right - balance for the user, privacy and security. -

-
-
- - - - -

- Flexible Workflows -

-

- Track progress across custom flows for your team. Find the right - balance for the user, privacy and security. -

-
-
- - - - -

- Unified Timeline -

-

- Track progress across custom flows for your team. Find the right - balance for the user, privacy and security. -

-
+ { + featuresData.map((feature, index) => ( +
+ {feature.icon} +

+ {feature.title} +

+

+ {feature.description} +

+
+ )) + }
diff --git a/components/featuresData.tsx b/components/featuresData.tsx new file mode 100644 index 000000000..419b80406 --- /dev/null +++ b/components/featuresData.tsx @@ -0,0 +1,64 @@ +export const featuresData = [ + { + icon: ( + + + + + ), + title: "Project Milestones", + description: "Track progress across custom flows for your team. Find the right balance for the user, privacy and security." + }, + { + icon: ( + + + + + ), + title: "Team Views", + description: "Track progress across custom flows for your team. Find the right balance for the user, privacy and security." + }, + { + icon: ( + + + + + ), + title: "Advanced Search", + description: "Track progress across custom flows for your team. Find the right balance for the user, privacy and security." + }, + { + icon: ( + + + + + + + ), + title: "Strategic Initiatives", + description: "Track progress across custom flows for your team. Find the right balance for the user, privacy and security." + }, + { + icon: ( + + + + + ), + title: "Flexible Workflows", + description: "Track progress across custom flows for your team. Find the right balance for the user, privacy and security." + }, + { + icon: ( + + + + + ), + title: "Unified Timeline", + description: "Track progress across custom flows for your team. Find the right balance for the user, privacy and security." + } +] \ No newline at end of file diff --git a/components/ui/footer.tsx b/components/ui/footer.tsx index c410cd88f..ea3588743 100644 --- a/components/ui/footer.tsx +++ b/components/ui/footer.tsx @@ -1,8 +1,10 @@ import Logo from "./logo"; import Image from "next/image"; import FooterIllustration from "@/public/images/footer-illustration.svg"; +import { FooterData } from "./footerData"; export default function Footer() { + return (