Timeline Data - Copy this React, Tailwind Component to your project

Tolong buatkan time line pada data tersebut import { LuMessagesSquare } from "react icons/lu"; import { BiSolidOffer } from "react icons/bi"; import { MdDesignServices } from "react icons/md"; import { MdOutlineDeveloperMode } from "react icons/md"; export const prosesPesanWebsite = [ { icon: <LuMessagesSquare size={30} />, title: "Konsultasi Awal", desc: "Diskusikan kebutuhan dan preferensi Anda dengan tim kami untuk memahami visi dan misi bisnis Anda.", }, { icon: <BiSolidOffer size={30} />, title: "Penawaran dan Paket", desc: "Kami menyediakan berbagai pilihan paket yang sesuai dengan anggaran dan kebutuhan fitur Anda.", }, { icon: <MdDesignServices size={30} />, title: "Perencanaan dan Desain", desc: "Kami mengembangkan konsep desain yang sesuai dengan identitas merek dan preferensi Anda.", }, { icon: <MdOutlineDeveloperMode size={30} />, title: "Pengembangan dan Peluncuran", desc: "Website dikembangkan dengan teknologi terbaru dan diluncurkan setelah melalui uji coba dan penyempurnaan.", }, ]; import { VerticalTimeline, VerticalTimelineElement, } from "react vertical timeline component"; import "react vertical timeline component/style.min.css"; import { prosesPesanWebsite } from "@/constant/prosespesanweb"; const Proses = () => { return ( <section className="w full mx auto"> <div className="container h full flex items center justify center p 6"> </div> </section> ); }; export default Proses;